/**************************************************************
* Imports
**************************************************************/
/* Vendors (third party) */
/**************************************************************
* Dropkick | http://dropkickjs.com/
**************************************************************/
.dk-select, .dk-select-multi {
cursor: pointer;
display: inline-block;
position: relative;
vertical-align: middle;
}
.dk-selected {
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.dk-select .dk-select-options {
display: none;
right: 0;
left: 0;
position: absolute;
}
.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options {
border-radius: 0 0 0.4em 0.4em;
margin-top: -1px;
top: calc(100% - 1px);
}
.dk-select-multi .dk-select-options { max-height: 10em; }
.dk-select-options {
background-color: white;
border: 1px solid #CCCCCC;
border-radius: 0.4em;
list-style: none;
margin: 0;
max-height: 10.5em;
overflow-x: hidden;
overflow-y: auto;
padding: 0.25em 0;
width: auto;
z-index: 100;
}
.dk-select-options-highlight .dk-option-selected {
background-color: transparent;
color: inherit;
}
.dk-select-options .dk-option-hidden { display: none; }
.dk-optgroup {
border: solid #CCCCCC;
border-width: 1px 0;
padding: 0.25em 0;
margin-top: 0.25em;
}
.dk-optgroup+.dk-option {
margin-top: 0.25em;
}
.dk-optgroup+.dk-optgroup {
border-top-width: 0;
margin-top: 0;
}
.dk-optgroup:nth-child(2) {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.dk-optgroup:last-child {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.dk-optgroup-disabled {
color: #BBBBBB;
cursor: not-allowed;
opacity: 0.6;
}
.dk-optgroup-label {
padding: 0 0.5em 0.25em;
font-weight: 700;
width: 100%;
}
.dk-optgroup-options {
list-style: none;
padding-left: 0;
}
.dk-optgroup-options li { padding-left: 1.2em; }
.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { display: block; }
.dk-select-multi:hover, .dk-select-multi:focus { outline: none; }
.dk-selected:hover, .dk-selected:focus { outline: none; }
.dk-select-disabled {
cursor: not-allowed;
opacity: .6;
}
.dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus { border-color: inherit; }
select[data-dkcacheid] { display: none; }
/* END OF DOCUMENT */
body.compensate-for-scrollbar{overflow:hidden}
.fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{box-sizing:border-box}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;font-size:0.8125rem;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;line-height:2.75rem;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0}
.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}
.fancybox-slide--image{overflow:hidden;padding:44px 0}
.fancybox-slide--image:before{display:none}
.fancybox-slide--html{padding:6px}
.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}
.fancybox-is-grabbing .fancybox-content{cursor:grabbing}
.fancybox-container [data-selectable=true]{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}
.fancybox-spaceball{z-index:1}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#fff}
.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe{left:0;position:absolute;top:0}
.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;font-size:1rem;line-height:20px;line-height:1.25rem;margin:0;padding:0}
.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}
.fancybox-button:hover{color:#fff}
.fancybox-button:focus{outline:none}
.fancybox-button.fancybox-focus{outline:1px dotted}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}
.fancybox-button div{height:100%}
.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:currentColor;stroke-width:0}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}
.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}
.fancybox-close-small:hover{color:#fff;opacity:1}
.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}
.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}
.fancybox-navigation .fancybox-button div{padding:7px}
.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}
.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}
.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-size:0.875rem;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}
@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}
.fancybox-caption--separate{margin-top:-50px}
.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}
.fancybox-caption a:hover{color:#fff;text-decoration:underline}
.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}
@keyframes a{to{transform:rotate(1turn)}}
.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}
.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}
.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}
.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}
.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1{color:#222;font-size:35px;font-size:2.1875rem;font-weight:700;margin:0 0 20px}
.fancybox-share p{margin:0;padding:0}
.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-size:0.875rem;font-weight:700;line-height:40px;line-height:2.5rem;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}
.fancybox-share__button:hover{text-decoration:none}
.fancybox-share__button--fb{background:#3b5998}
.fancybox-share__button--fb:hover{background:#344e86}
.fancybox-share__button--pt{background:#bd081d}
.fancybox-share__button--pt:hover{background:#aa0719}
.fancybox-share__button--tw{background:#1da1f2}
.fancybox-share__button--tw:hover{background:#0d95e8}
.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}
.fancybox-share__button svg path{fill:#fff}
.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;font-size:0.875rem;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}
.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}
.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}
.fancybox-show-thumbs .fancybox-thumbs{display:block}
.fancybox-show-thumbs .fancybox-inner{right:212px}
.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}
.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}
.fancybox-thumbs__list a{backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}
.fancybox-thumbs__list a:focus:before{opacity:.5}
.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/* Media Querys */
/**************************************************************
* Media queries
**************************************************************/
/**
* Lost Grid
* http://lostgrid.org/docs.html#global-grid-settings
*/
/**
* Media query helpers (standard breakpoints)
* https://github.com/postcss/postcss-custom-media
*/
/* Larger */
/* Between (range) */
/* Smaller */
/* Classes */
/* END OF DOCUMENT */
/* Variables */
/**************************************************************
* Branding
**************************************************************/
/***************
* Gutters
***************/
/***************
* Colours
* @note: append integers ('-1') for tones
***************/
/**
* Primary
*/
.text-col-c--43 {
color: #1a1a2e !important;
}
/** change maker campaign colours
**/
/* Previously: $c--fiza-farhan-cm-colour */
/* pink */
/* Previously: $c--justin-farrance-cm-colour */
/* blue */
/* Previously: $c--gauri-malik-cm-colour */
/* orange */
/* Previously: $c--jane-egerton-idehen-cm-colour */
/* green */
/* Previously: $c--victoria-azubuike-cm-colour */
/* violet */
/* Previously: $c--randeep-wilkhu-cm-colour */
/* dark green */
/* Previously: $c--kristen-rossi-cm-colour */
/* aqua */
/* Previously: $c--claudia-akemi-umemura-cm-colour */
/* yellow-orange */
/* Previously: $c--ben-mcguire-cm-colour */
/* purple */
/**
* Monochrome
*/
/**
* Tones
*/
/**
* Highlight text
*/
/**
* Programme
*/
/* Undergraduate */
/* Masters */
/* MBA */
/* Doctoral */
/* Executive education */
/* old exec colour $c--programme-exec: #6f8372; */
/* London */
/***************
* Typography defaults
***************/
/***************
* Lost Grid (settings)
* http://lostgrid.org/docs.html#global-grid-settings
***************/
/* END OF DOCUMENT */
/**************************************************************
* Typography
**************************************************************/
/***************
* Fonts
***************/
/***************
* Weights
***************/
/***************
* Styles
- It is recommended to NOT include margins, paddings, colours, weights or letter spacing.
- These should be applied in components or partials for greater flexibility.
- cm = change maker campaign
***************/
/* END OF DOCUMENT */
/* Logic (Mixins) */
/**************************************************************
* Mixins
* @support: https://github.com/postcss/postcss-mixins
**************************************************************/
/* END OF DOCUMENT */
/* Extendors */
/**************************************************************
* Buttons
**************************************************************/
/**
* View all link
*/
/**
* Outline
*/
/**
* Solid
*/
/**
* Simple with left arrow
*/
/**
* Solid with arrow
*/
/**
* Solid with arrow (white)
*/
/**
* Outline alt
*/
/**
* Outline alt
*/
/* END OF DOCUMENT */
/**************************************************************
* Forms
**************************************************************/
/**
* Form
*/
/* Input */
/* Textarea */
/* Hover/focus */
/**
* Radio / checkbox input
*/
/**
* Large input fields
*/
/* Hover/focus */
/* END OF DOCUMENT */
/**************************************************************
* Misc. helpers
**************************************************************/
/**
* Absolute space fill
*/
/**
* Contained images
*/
/**
* Absolute anchor
*/
/**
* Z-index
*/
.z-index--0 { z-index: 0; }
.z-index--1 { z-index: 1; }
.z-index--2 { z-index: 2; }
.z-index--3 { z-index: 3; }
.z-index--4 { z-index: 4; }
/* END OF DOCUMENT */
/**************************************************************
* Tables
**************************************************************/
/**
* Row
*/
/**
* Column
*/
/**
* Text
*/
/* END OF DOCUMENT */
.tabs{
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.tabs a {
color: black;
display: inline-flex;
padding: 0.5em 1em;
cursor: pointer;
width: 100%;
text-align: center;
position: relative;
color: #fff;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 600;
line-height: normal;
letter-spacing: 0.71px;
letter-spacing: 0.04438rem;
text-transform: uppercase;
background-color: #111111;
padding: 30px;
display: flex;
justify-content: center;
margin-right: 10px;
}
.tabs a:last-child {
margin: 0;
}
.tabs a.current{
background: #125495;
}
.tabs a.current:after {
content: '';
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
position: absolute;
bottom: -13px;
border-top: 20px solid #125495;
display: none;
}
.tab-content{
display: none;
padding: 1em;
}
.tab-content.current{
display: inherit;
}
/**************************************************************
* Text areas
**************************************************************/
/***************
* List styling
***************/
/***************
* Textarea
***************/
/**
* Headers
*/
/**
* Paragraph text
*/
/**
* Formatting
*/
/**
* Anchors
*/
/* Hover */
/**
* Quote
*/
/**
* Lists
*/
/* END OF DOCUMENT */
.slide-fade-enter-active,
.slide-fade-leave-active {
transition: max-height 0.5s ease, padding 0.5s ease;
}
.slide-fade-enter,
.slide-fade-leave-to /* .slide-fade-leave-active in <2.1.8 */ {
max-height: 0; /* Collapsed state */
padding: 0 15px; /* Collapse padding */
}
.slide-fade-enter-to,
.slide-fade-leave {
max-height: 200px; /* Expand to show content */
padding: 15px; /* Normal padding when expanded */
}
/**************************************************************
* Wrappers
**************************************************************/
/* END OF DOCUMENT */
/* Reset */
/**************************************************************
* Reset
**************************************************************/
/* Target all elements */
* {
border: 0;
font: inherit;
font-style: normal;
font-size: 100%;
list-style: none;
margin: 0;
padding: 0;
quotes: none;
text-decoration:none;
vertical-align: baseline;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html, body {
color: #494949;
background-color: #fff;
font: 16px/1.75 'Montserrat', -apple-system, linkMacSystemFont, Helvetica Neue, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
letter-spacing: -0.2px;
max-width: 100%;
min-width: 320px;
overflow-x: hidden;
overflow-x: hidden;
position: relative;
/* Font smoothing */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
/*
As a side-effect of setting the @viewport above,
IE11 & Edge make the scrollbar overlap the content and automatically hide itself when not in use.
Unfortunately, the auto-showing of the scrollbar is sometimes too sensitive,
thus making it hard to click on stuff near the right edge of the page.
So we add this style to force IE11 & Edge to use a "normal", non-overlapping, non-auto-hiding scrollbar.
See https://github.com/twbs/bootstrap/issues/18543
*/
-ms-overflow-style: scrollbar;
/* Changes the default tap highlight to be completely transparent in iOS */
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
font-family: 'Niramit', sans-serif;
margin: 0;
padding: 0;
}
/* HTML 5 Elements */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,main,summary {
display: block;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: middle;
height:auto;
max-width:100%;
}
textarea {
resize: vertical;
}
input,
textarea{
-webkit-user-select:text;
-moz-user-select:text;
user-select:text;
}
/**
* Highlighting text in browser
*/
::-moz-selection {
color: #fff !important;
background-color: #333 !important;
text-shadow: none;
}
::selection {
color: #fff !important;
background-color: #333 !important;
text-shadow: none;
}
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/*
button:focus,
input:focus,
a:focus {outline:0;}
[tabindex="-1"]:focus {
outline: none !important;
}
*/
/*
Make viewport responsive
@viewport is needed because IE 10+ doesn't honor in
some cases. See http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/.
Eventually @viewport will replace .
*/
/* Partials */
/**************************************************************
* Overlay: Search
**************************************************************/
.overlay--search {
background: rgba(0,0,0,0.75);
display: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
}
/* END OF DOCUMENT */
/**************************************************************
* Footer
**************************************************************/
footer.primary {
position: relative;
background-color: #272727;
}
footer.primary a.back-to-top-btn {
font-family: 'Montserrat', sans-serif;
display: flex;
align-items: center;
justify-content: center;
width: 202px;
height: 57px;
font-weight: 700;
color: #fff;
font-size: 12px;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1.21px;
letter-spacing: 0.07563rem;
opacity: .8;
background-color: #0054A4;
position: absolute;
width: 202px;
height: 57px;
top: 0;
right: 30px;
z-index: 998;
transition: all 0.3s ease-in-out;
right: 0;
z-index: 1000;
}
footer.primary a.back-to-top-btn span {
background: #0054A4 url('/media/dist/img/arrow-up.svg') no-repeat center right / 16px;
display: inline-block;
margin: 0 auto;
min-height: 16px;
padding-right: 25px;
}
footer.primary a.back-to-top-btn:hover {
opacity: 1;
}
footer.primary a.back-to-top-btn.show {
right: 0;
}
footer.primary .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
footer.primary .row-flex {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
footer.primary .normal {
font-weight: 400;
}
footer.primary .bold {
font-weight: 700;
}
footer.primary .opacity-60 {
opacity: .6;
}
footer.primary .footer-left-col {
padding-top: 38px;
padding-bottom: 110px;/*width: 42%;*/
width: 100%;
}
footer.primary .footer-right-col {
position: relative;
padding-top: 18px;
padding-bottom: 45px;
box-sizing: border-box;
padding-left: 0;
width: 100%;
}
footer.primary .footer-right-col::after {
background-color: rgba(#354045, .47);
content: '';
width: 1500px;
height: 100%;
top: 0;
left: -20px;
position: absolute;
z-index: 100;
}
footer.primary .footer-logo-address {
display: flex;
margin-bottom: 8px;
}
footer.primary .footer-logo {
display: block;
margin-bottom: 25px;
margin-right: 24px;
max-width: 90px;
text-align: center;
}
footer.primary .footer-logo img {
vertical-align: bottom;
width: 75px;
}
footer.primary .footer-address {
margin: -5px 0 33px;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
line-height: 23px;
line-height: 1.4375rem;
}
footer.primary .footer-address p {
margin: 0;
}
footer.primary .footer-menu-hor {
padding: 0;
margin: 0 0 34px;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}
footer.primary .footer-menu-hor li {
position: relative;
margin-right: 27px;
}
footer.primary .footer-menu-hor li:last-child {
margin-right: 0;
}
footer.primary .footer-menu-hor li:not(:last-child)::after {
content: '';
display: block;
height: 15px;
width: 0;
border-right: 1px solid #979797;
opacity: 0.81;
position: absolute;
right: -16px;
top: 7px;
transform: rotate(34deg);
}
footer.primary .footer-menu-hor li a {
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
line-height: 22px;
line-height: 1.375rem;
text-transform: uppercase;
text-decoration: none;
transition: all .2s ease-in-out;
}
footer.primary .footer-menu-hor li a:hover {
opacity: .6;
}
footer.primary .footer-copyright-image {
display: block;
margin-right: 18px;
margin-bottom: 19px;
padding-top: 4px;
}
footer.primary .footer-copyright-caption {
display: block;
max-width: 260px;
color: #fff;
font-size: 12px;
font-size: 0.75rem;
font-weight: 400;
letter-spacing: -0.15px;
letter-spacing: -0.00938rem;
line-height: 16px;
line-height: 1rem;
}
footer.primary .footer-copyright-caption p:first-child {
margin: 0 0 13px;
}
footer.primary .footer-copyright-caption p:last-child {
margin: 0;
}
footer.primary .footer-social-networks-section {
position: relative;
z-index: 200;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 11px;
margin-bottom: 39px;
}
footer.primary .footer-social-networks-section .title {/*display: none;*/
margin: 0 0 20px;
width: 100%;
margin-right: 50px;
color: #fff;
font-family: 'Aleo', serif;
font-weight: 400;
font-size: 26px;
font-size: 1.625rem;
line-height: 36px;
line-height: 2.25rem;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
}
footer.primary .footer-social-networks {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
}
footer.primary .footer-social-networks li {
margin-right: 16px;
}
footer.primary .footer-social-networks li a {
font-size: 0;
transition: all .2s ease-in-out;
}
footer.primary .footer-social-networks li a:hover {
opacity: .6;
}
footer.primary .footer-toolbar {
position: relative;
z-index: 200;
display: flex;
}
footer.primary .footer-toolbar .col {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
footer.primary .footer-toolbar-contacts {
margin-bottom: 37px;
}
footer.primary .footer-toolbar-title {
margin: 0 0 12px;
color: #859297;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 2.5px;
letter-spacing: 0.15625rem;
line-height: 24px;
line-height: 1.5rem;
text-transform: uppercase;
}
footer.primary .footer-toolbar-email,
footer.primary .footer-toolbar-phone {
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
letter-spacing: -0.19px;
letter-spacing: -0.01188rem;
line-height: 23px;
line-height: 1.4375rem;
text-decoration: none;
transition: all .3s ease-in-out;
}
footer.primary .footer-toolbar-email:hover, footer.primary .footer-toolbar-phone:hover {
text-decoration: underline;
}
footer.primary .footer-toolbar-email {
font-weight: 700;
}
footer.primary .footer-toolbar-menu {
padding: 0;
margin: 0;
list-style: none;
color: #FDFDFD;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
line-height: 22px;
line-height: 1.375rem;
margin-top: 20px;
}
footer.primary .footer-toolbar-menu li {
margin-bottom: 10px;
}
footer.primary .footer-toolbar-menu li a {
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
footer.primary .footer-toolbar-menu li a:hover {
opacity: .6;
}
/* END OF DOCUMENT */
/**************************************************************
* Header
**************************************************************/
header.primary {
background-color: #fff;
margin-bottom: 6px;
position: relative;
width: 100%;
height: 85px;
z-index: 9999;
}
/**
* Sticky
*/
header.primary.sticky-header {
height: 70px;
top: 0;
position: fixed;
z-index: 9999;
}
header.primary.sticky-header .inner {
align-items: flex-start;
justify-content: space-between;
height: 70px;
}
header.primary.sticky-header .top-menu {
display: none;
}
header.primary.sticky-header .logo {
flex: 0 0 60px;
margin-bottom: 10px;
max-width: 60px;
padding: 0;
}
header.primary.sticky-header .logo img.full {
display: none;
}
header.primary.sticky-header .logo img.text-aside {
display: none;
}
header.primary.sticky-header .logo img.no-text {
display: block;
}
header.primary.sticky-header ul.main-menu > li > a {
padding-top: 29px;
padding-bottom: 26px;
}
header.primary.sticky-header ul.main-menu > li .sub-pane {
top: 70px;
}
header.primary.sticky-header i.mobile-menu-link-open,
header.primary.sticky-header i.search-toggle {
margin-top: 3px;
}
header.primary.sticky-header .search-wrap {
height: 70px;
top: 0;
}
header.primary.sticky-header .search-wrap input[type=text], header.primary.sticky-header .search-wrap button[type=submit] {
height: 50px;
}
/**
* Outer container
*/
header.primary .outer {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
header.primary .outer {
overflow: visible;
}
/**
* Inner container
*/
header.primary .inner {
display: flex;
flex-wrap: nowrap;
transition: all .8s ease-in-out;
}
/**
* Logo
*/
header.primary .logo {
display: inline-block;
flex: 0 0 auto;/* tweak for new logo pt 12/10/2021 */
padding-top: 10px;/* padding-top: 15px; */
vertical-align: top;
}
header.primary .logo img {
width: 142px;
}
header.primary .logo img.full {
display: none;
}
header.primary .logo img.no-text {
display: none;
}
header.primary .logo img.text-aside {
display: block;
}
/**
* Navigation pane
*/
header.primary .main-nav-pane {
box-sizing: border-box;
display: inline-block;
flex: 1 1 auto;
margin-top: 12px;
vertical-align: top;
}
/**
* Top menu links
*/
header.primary .top-menu {
display: none;
justify-content: flex-end;
list-style: none;
margin: 0 0 11px;
padding: 18px 20px 0 0;
transition: all .8s ease-in-out;
}
header.primary .top-menu li:not(:first-child) {
margin-left: 38px;
}
/* Link */
header.primary .top-menu a {
color: rgba(#0D1C23, .47);
background-color: transparent;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
line-height: 21px;
font-size: 0.625rem;
line-height: 1.3125rem;
font-weight: 700;
letter-spacing: .8px;
letter-spacing: 0.05rem;
position: relative;
text-transform: uppercase;
text-decoration: none;
transition: all .25s ease-in-out;
}
/* Arrow */
header.primary .top-menu a::after {
background: transparent url('/media/dist/img/external-link.svg') no-repeat center / cover;
content: '';
top: -1px;
right: -12px;
position: absolute;
width: 6px;
height: 6px;
}
/* Hover */
header.primary .top-menu a:hover {
color: rgba(#0D1C23, .85);
}
/**
* Primary menu
*/
header.primary .main-menu-wrap {
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
header.primary ul.main-menu {
display: none;
font-size: 0;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0;
}
/**
* Top-level links
*/
header.primary ul.main-menu > li {
display: inline-block;
}
/**
* Anchors
*/
header.primary ul.main-menu > li > a {
color: #161616;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 600;
line-height: 15px;
line-height: 0.9375rem;
padding: 28px 8px 39px;
position: relative;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* Top line */
header.primary ul.main-menu > li > a::before {
background: #0254A7;
content: "";
opacity: 0;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 2px;
}
/**
* Sub-pane (drop-down)
*/
header.primary ul.main-menu > li .sub-pane {
background: #F3F4F6;
border-bottom: 1px solid rgba(151,151,151, .2);
display: none;
overflow: hidden;
top: 139px;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 500px;
z-index: 1000;
}
header.primary ul.main-menu > li .sub-pane .sub-inner {
align-items: stretch;
display: flex;
justify-content: flex-start;
width: 100%;
height: 100%;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside {
flex: 0 0 25%;
max-width: 336px;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > .text {
padding: 45px 0 0 50px;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > .text span.title {
font-size: 26px;
line-height: 1.2em;
font-size: 1.625rem;
line-height: 1.2em;
color: #000;
display: block;
font-weight: 600;
margin-bottom: 15px;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > .text p {
color: #494949;
font: 16px/1.75 'Niramit', sans-serif;
font: 1rem/1.75 'Niramit', sans-serif;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul {
border-right: 1px solid rgba(151,151,151, .2);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li {
align-items: center;
display: inline-flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 55px;
justify-content: flex-start;
width: 100%;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul a {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
align-items: center;
color: #000;
display: inline-flex;
flex: 1 1 100%;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
overflow: hidden;
padding: 0 35px;
position: relative;
width: 100%;
height: 100%;
text-decoration: none;
transition: color .3s ease-in-out;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li:not(:last-of-type) a::after {
background: rgba(151,151,151, .2);
content: "";
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 1px;
z-index: 0;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li[class^='programme--'] a::before {
background: transparent;
content: "";
top: 0;
bottom: 0;
left: 0;
position: absolute;
width: 4px;
height: 100%;
transition: width .3s ease-in-out;
z-index: 1;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li.programme--undergrad a::before {
background-image: linear-gradient(to right, #e6007e, #70257b);
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li.programme--postgrad a::before {
background-image: linear-gradient(to right, #00b1ab, #007155);
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li.programme--mba a::before {
background-image: linear-gradient(to right, #a71680, #312a6f);
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li.programme--doctoral a::before {
background-image: linear-gradient(to right, #80c0d3, #2384b4);
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li.programme--exec a::before {
background-image: linear-gradient(to right, #a2c616, #637465);
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li.programme--london a::before {
background-image: linear-gradient(to right, #51AAFF, #004899);
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li.active a, header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li a:hover {
color: #fff;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li.active a::before, header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li a:hover::before {
width: 100%;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul li:last-of-type a {
background-color: #0259AB;
background-image: linear-gradient(to left, #03ADEF 0%, #0259AB 100%);
color: #fff;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > aside > ul span {
display: block;
position: relative;
z-index: 2;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main {
flex: 1 1 75%;
overflow-y: scroll;
padding: 35px 50px 35px;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main nav.links {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .col {
display: block;
flex: 1 0 33.3333%;
max-width: 33.3333%;
padding-right: 15px;
vertical-align: top;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .col > span.title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
display: block;
font-weight: 700;
letter-spacing: .10175em;
margin-bottom: 12px;
text-transform: uppercase;
}
/* Executive Education specific title color */
header.primary ul.main-menu > li .sub-pane .sub-inner > main .col.executive-education > span.title {
color: #637465;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text {
display: block;
padding: 35px 30px 35px;
background: #6f8372;
margin-top:30px;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: white;
display: block;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text .title > a {
background: transparent;
}
/* Hover */
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text .title > a:hover {
text-decoration: underline;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text .description {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
display: block;
margin-top: 12px;
opacity: .67;
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: 1.60em;
font-size: 0.75rem;
line-height: 1.60em;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text a {
background: transparent;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text a.button:hover {
opacity: .6;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text a.button {
background-image: url('/media/dist/img/link-inverse.svg');
color: #fff;
opacity: 1;
font-family: 'Montserrat', sans-serif;
margin-top: 10px;
font-size: 12px;
line-height: 1.60em;
font-size: 0.75rem;
line-height: 1.60em;
}
/* Hover */
header.primary ul.main-menu > li .sub-pane .sub-inner > main .side-text a.button:hover {
text-decoration: underline;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main ul {
display: block;
margin-bottom: 0;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main ul li {
display: block;
margin-bottom: 0;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main ul li a {
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top 3px / 10px 15px;
color: #000;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: 1.60em;
font-size: 0.75rem;
line-height: 1.60em;
font-weight: 600;
min-height: 22px;
padding: 0 0 0 28px;
text-decoration: none;
transition: all .15s ease-in-out;
}
/* Hover */
header.primary ul.main-menu > li .sub-pane .sub-inner > main ul li a:hover {
color: #0254A7;
text-decoration: underline;
}
/* Executive Education Navigation Buttons */
header.primary ul.main-menu > li .sub-pane .sub-inner > main a.button {
width: 90%;
max-width: 288px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background: #637465;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
gap: 12px;
margin-top: 24px;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main a.button span {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main a.button:hover {
background: darken(#637465, 10%);
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab .col {
flex-basis: 50%;
margin-bottom: 20px;
max-width: 50%;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab:not(.active) {
display: none;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab > .title {
display: block;
margin-bottom: 30px;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab > .title a {
font-size: 26px;
line-height: 1.2em;
font-size: 1.625rem;
line-height: 1.2em;
color: #000;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-decoration: none;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab > .title a:hover {
text-decoration: underline;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--undergrad .col > span.title {
color: #e6007e;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--undergrad li a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-undergrad.svg');
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--postgrad .col > span.title {
color: #00b1ab;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--postgrad li a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-postgrad.svg');
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--mba .col > span.title {
color: #a71680;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--mba li a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-mba.svg');
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--doctoral .col > span.title {
color: #80c0d3;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--doctoral li a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-doctoral.svg');
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--exec .col > span.title {
color: #637465;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--exec li a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-exec.svg');
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--london .col > span.title {
color: #004899;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab.programme--london li a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-london.svg');
}
/* fixed for research long lists */
header.primary ul.main-menu > li .sub-pane .sub-inner > main.research {
padding: 35px 0px 0px 35px;
}
/**
* Hover & active
*/
header.primary ul.main-menu > li:hover .sub-pane, header.primary ul.main-menu > li.active .sub-pane {
display: block;
}
header.primary ul.main-menu > li:hover a, header.primary ul.main-menu > li.active a {
background-color: #F3F4F6;
}
header.primary ul.main-menu > li:hover a::before, header.primary ul.main-menu > li.active a::before {
opacity: 1;
}
/**
* Search
*/
header.primary .search-wrap {
background: #F5F6F8;
display: none;
overflow: hidden;
top: 90px;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 100px;
z-index: 999;
}
header.primary .search-wrap input[type='text'] {
border: 1px solid #979797;
border-radius: 30px;
color: #000;
background-color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
line-height: 1em;
font-size: 0.625rem;
line-height: 1em;
font-weight: 700;
letter-spacing: .1025em;
margin: auto 0;
text-transform: uppercase;
padding: 0 30px;
top: 0;
right: 50px;
bottom: 0;
left: 11px;
position: absolute;
width: calc(100% - 50px - 11px);
height: 62px;
z-index: 0;
}
header.primary .search-wrap input[type='text']::-moz-placeholder {
color: #000;
}
header.primary .search-wrap input[type='text']::placeholder {
color: #000;
}
header.primary .search-wrap button, header.primary .search-wrap input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url('/media/dist/img/header-search-icon.svg') no-repeat center / 15px;
border-radius: 100%;
color: transparent;
cursor: pointer;
font-size: 0;
margin: auto 0;
top: 0;
right: 50px;
bottom: 0;
position: absolute;
width: 62px;
height: 62px;
z-index: 1;
}
header.primary .search-wrap i.exit {
background: transparent url('/media/dist/img/header-search-exit.svg') no-repeat center / 14px 16px;
cursor: pointer;
margin: auto 0;
top: 0;
right: 0;
bottom: 0;
position: absolute;
width: 50px;
height: 50px;
z-index: 1;
}
header.primary i.search-toggle {
background: rgba(0, 0, 0, 0.07) url('/media/dist/img/search-icon.svg') no-repeat center;
border-radius: 50%;
display: block;
cursor: pointer;
font-size: 0;
margin: 4px 0 0 7px;
opacity: 1;
width: 42px;
height: 42px;
transition: all .3s ease-in-out;
visibility: visible;
}
/**
* Mobile menu open
*/
header.primary nav.main-menu-wrap.search-visible i.search-toggle {
opacity: 0;
visibility: hidden;
}
header.primary i.mobile-menu-link-open {
align-items: center;
background-color: rgba(0, 0, 0, 0.07);
border-radius: 50%;
cursor: pointer;
display: flex;
font-size: 0;
justify-content: center;
margin: 4px 0 0 16px;
width: 42px;
height: 42px;
transition: all .3s ease-in-out;
}
header.primary i.mobile-menu-link-open svg {
width: 16px;
}
/***************
* Mobile navigation
***************/
header.primary nav.mobile-menu {
background: #F3F4F6;
display: none;
overflow-y: auto;
overflow-x: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 99999;
}
/* Breadcrumbs & return button */
header.primary nav.mobile-menu header {
background: #fff;
display: block;
height: 100px;
padding: 15px 11px;
position: relative;
width: 100%;
}
/* Mobile menu close */
header.primary nav.mobile-menu header i.mobile-menu-link-close {
background-color: rgba(0, 0, 0, 0.07);
border-radius: 100%;
cursor: pointer;
top: 38px;
right: 11px;
position: absolute;
width: 42px;
height: 42px;
transition: all .3s ease-in-out;
}
header.primary nav.mobile-menu header i.mobile-menu-link-close svg {
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 12px;
}
/* Return button */
header.primary nav.mobile-menu header span.return {
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat center / 10px 15px;
color: transparent;
cursor: pointer;
display: none;
font-size: 0;
overflow: hidden;
top: 53px;
left: 0;
position: absolute;
width: 40px;
height: 40px;
text-indent: -999px;
transform-origin: center;
transform: rotate(180deg);
}
/* Breadcrumb */
header.primary nav.mobile-menu header span.breadcrumb {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
display: none;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
top: 65px;
left: calc(11px + 28px);
position: absolute;
text-transform: uppercase;
}
/* Menu */
header.primary nav.mobile-menu > ul {
position: relative;
}
header.primary nav.mobile-menu ul {
background: #fff;
width: 100%;
height: 100%;
}
header.primary nav.mobile-menu ul li {
display: block;
}
/* Anchor */
header.primary nav.mobile-menu ul li a {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
border-bottom: 1px solid rgba(151,151,151,.2);
color: #000;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
padding: 14px 11px;
}
/* Parent */
/* Parent link */
header.primary nav.mobile-menu ul li.parent > a {
cursor: pointer;
position: relative;
}
/* Arrow */
header.primary nav.mobile-menu ul li.parent > a::after {
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
}
/* Parent: Pane */
/* Open menu */
header.primary nav.mobile-menu ul li.parent--pane > ul {
opacity: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
transform: translateX(100vw);
transition: all .5s ease;
}
/* Open */
header.primary nav.mobile-menu ul li.parent--pane.open > ul {
opacity: 1;
transform: translateX(0);
}
header.primary nav.mobile-menu ul li.parent--pane.open ul {
z-index: 1;
}
/* Parent: Accordion */
/* Accordion title */
header.primary nav.mobile-menu ul li.parent--accordion > a {
font-size: 15px;
font-size: 0.9375rem;
padding-top: 12px;
padding-bottom: 12px;
}
/* Arrow */
header.primary nav.mobile-menu ul li.parent--accordion > a::after {
transform: rotate(90deg);
}
/* Accordion list */
header.primary nav.mobile-menu ul li.parent--accordion > ul {
display: none;
}
/* Open */
header.primary nav.mobile-menu ul li.parent--accordion.open > a::after {
transform: rotate(-90deg);
}
header.primary nav.mobile-menu ul li.parent--accordion.masters > a {
color: #00b1ab;
}
header.primary nav.mobile-menu ul li.parent--accordion.executive > a {
color: #637465;
}
/* Button container in executive accordion */
header.primary nav.mobile-menu ul li.parent--accordion.executive .button-container {
padding: 15px 11px;
margin-top: 10px;
}
header.primary nav.mobile-menu ul li.parent--accordion.executive .button-container .button {
width: 350px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background: #637465;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
gap: 12px;
padding: 0 20px;
}
header.primary nav.mobile-menu ul li.parent--accordion.executive .button-container .button span {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
header.primary nav.mobile-menu ul li.parent--accordion.executive .button-container .button:hover {
background: darken(#637465, 10%);
}
/* END OF DOCUMENT */
/**************************************************************
* Section hero area
* NOTE: Used to re-order the hero and section menu on different devices
**************************************************************/
header.section-hero-wrap {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
/* END OF DOCUMENT */
/**************************************************************
* Separator
**************************************************************/
i.separator {
background: #979797;
display: block;
margin: 0 auto 40px;
max-width: 1220px;
opacity: .32;
width: 100%;
height: 1px;
text-align: center;
}
i.separator.margin-bottom-23 {
margin-bottom: 23px;
}
i.separator.margin-bottom-60 {
margin-bottom: 60px;
}
i.separator.margin-bottom-70 {
margin-bottom: 70px;
}
/* END OF DOCUMENT */
/**************************************************************
* Main content wrapper
**************************************************************/
/* END OF DOCUMENT */
/**************************************************************
* Body wrapper
**************************************************************/
/**
* Sticky header
*/
body > main.base.header-sticky {
padding-top: 89px;
}
body > main.base.header-sticky header.primary.sticky-header:not(.has-section-menu) {
box-shadow: 0 0 30px -2px rgba(0,0,0,.35);
}
body > main.base.header-sticky nav.section-menu.sticky > .inner {
box-shadow: 0 0 30px -2px rgba(0,0,0,.35);
}
/**
* Left padding (allow room for sticky social
*/
/* END OF DOCUMENT */
/**************************************************************
* Breadcrumbs
**************************************************************/
nav.breadcrumbs {
display: none;
margin: 0 0 78px;
padding-top: 32px;
position: relative;
width: 100%;
}
/* Container */
nav.breadcrumbs .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Crumbs */
nav.breadcrumbs ul {
font-size: 0;
}
nav.breadcrumbs li {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
align-items: center;
background: transparent url('/wbs2020/media/dist/img/breadcrumb-arrow.svg') no-repeat center right / 7px 10px;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
justify-content: flex-start;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin-right: 30px;
padding-right: 35px;
text-transform: uppercase;
vertical-align: top;
}
nav.breadcrumbs li a {
color: #0254A7;
display: block;
font-weight: 700;
transition: all .2s ease-in-out;
}
nav.breadcrumbs li a:hover {
opacity: .6;
}
nav.breadcrumbs li.home a {
background: transparent url('/wbs2020/media/dist/img/breadcrumb-home.svg') no-repeat center / 16px 14px;
color: transparent;
font-size: 0;
min-height: 14px;
overflow: hidden;
width: 16px;
height: 14px;
text-indent: -999px;
}
nav.breadcrumbs li.current {
background: none;
margin-right: 0;
padding-right: 0;
}
nav.breadcrumbs li.current span {/* color: $c--tone-13; */
font-weight: 700;
}
/***************
* Lazy-loading
***************/
nav.breadcrumbs.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
nav.breadcrumbs.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Pagination: Programme sub-pages
**************************************************************/
nav.programme-pagination {
padding: 46px 0 40px;
position: relative;
width: 100%;
}
/* Top padding */
nav.programme-pagination.top-padding-40 {
padding-top: 40px !important;
}
nav.programme-pagination.top-padding-20 {
padding-top: 20px !important;
}
nav.programme-pagination.no-top-padding {
padding-top: 0 !important;
}
/* Remove top border */
nav.programme-pagination.no-top-border .container > .inner {
border-top: 0;
}
/* Container */
nav.programme-pagination .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
nav.programme-pagination .container > .inner {
align-items: stretch;
display: flex;
justify-content: space-between;
}
/**
* Links
*/
nav.programme-pagination .link {
display: inline-block;
flex: 1 1 50%;
text-align: left;
vertical-align: top;
}
nav.programme-pagination .link a {
display: inline-block;
text-decoration: none;
}
/* Hover */
nav.programme-pagination .link a:hover span.title {
text-decoration: underline;
}
/* Text */
nav.programme-pagination .link span {
display: block;
font-family: 'Montserrat', sans-serif;
}
/* Label (direction) */
nav.programme-pagination .link span.label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #0254A7;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin-bottom: 12px;
text-transform: uppercase;
}
/* Title */
nav.programme-pagination .link span.title {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
font-weight: 600;
letter-spacing: -.33px;
letter-spacing: -0.02063rem;
position: relative;
}
/* Arrow */
nav.programme-pagination .link span.title::after {
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat center / 10px 15px;
content: "";
display: none;
margin: auto 0;
top: 0;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transform-origin: center;
}
/* Separator line */
nav.programme-pagination .link + .link {
max-width: calc(50% - 20px);
}
/**
* Directions
*/
nav.programme-pagination .link.prev {
text-align: left;
}
nav.programme-pagination .link.next {
text-align: right;
}
/* Single */
/***************
* Lazy-loading
***************/
nav.programme-pagination.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
nav.programme-pagination.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Section menu
**************************************************************/
nav.section-menu {
display: block;
margin-bottom: 10px;
overflow: visible;
position: relative;
width: 100%;
height: 58px;
z-index: 998;
}
/* Width portal link */
nav.section-menu.style--1 .links {
display: flex;
justify-content: space-between;
flex-direction: column;
}
nav.section-menu.style--1 li {
flex: inherit;
}
nav.section-menu.style--1 li a {
padding: 0 25px;
}
nav.section-menu.style--1 .right .blue {
background-color: #0254A7;
color: #fff;
padding: 20px 25px;
}
nav.section-menu.style--1 .right .blue svg {
margin-right: 15px;
}
nav.section-menu .inner {
color: #161616;
background-color: #F3F4F6;
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
}
/**
* Sticky
*/
nav.section-menu.sticky {
z-index: 9998;
}
nav.section-menu.sticky .inner {
top: 70px;
position: fixed;
}
nav.section-menu .top {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: transparent url('/media/dist/img/section-menu-burger.svg') no-repeat center left 11px / 14px 12px;
cursor: pointer;
display: flex;
justify-content: flex-start;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 60px;
padding: 0 11px 0 38px;
position: relative;
text-transform: uppercase;
}
/* Line */
nav.section-menu .top::before {
background: #979797;
content: "";
margin: auto 0;
opacity: .5;
top: 0;
right: 50px;
bottom: 0;
position: absolute;
width: 1px;
height: 12px;
}
/* Arrow */
nav.section-menu .top::after {
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
nav.section-menu ul {
display: none;
font-size: 0;
}
nav.section-menu ul li {
display: block;
position: relative;
width: 100%;
}
nav.section-menu ul li a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #161616;
background-color: transparent;
display: flex;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 600;
justify-content: flex-start;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 50px;
padding: 16px 11px;
position: relative;
text-transform: uppercase;
text-decoration: none;
}
nav.section-menu ul li span {
display: block;
}
/* Arrow */
nav.section-menu ul li::after {
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
}
/***************
* Lazyloading
***************/
/* END OF DOCUMENT */
/**************************************************************
* Sticky call-to-actions
**************************************************************/
nav.sticky-cta-pathways {
background: #EAECF0;
display: block;
padding: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
z-index: 1002;
}
/* Label */
nav.sticky-cta-pathways .label {
align-items: center;
color: #007154;
display: none;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.175em;
font-size: 0.8125rem;
line-height: 1.175em;
font-weight: 700;
flex: 1 1 auto;
justify-content: flex-start;
height: 100%;
letter-spacing: .0175em;
padding: 2px 30px 0 0;
text-transform: uppercase;
vertical-align: top;
}
/* Buttons */
nav.sticky-cta-pathways ul.buttons {
width: 100%;
height: 100%;
vertical-align: top;
}
/* Button */
nav.sticky-cta-pathways li.button {
display: inline-block;
vertical-align: top;
}
nav.sticky-cta-pathways li.button a {
display: block;
width: 100%;
height: 100%;
text-align: center;
}
/***************
* Programme colours
***************/
/* END OF DOCUMENT */
/**************************************************************
* Sticky call-to-actions
**************************************************************/
nav.sticky-cta {
background: #EAECF0;
display: block;
padding: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
z-index: 1002;
}
/* Label */
nav.sticky-cta .label {
align-items: center;
color: #007154;
display: none;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.175em;
font-size: 0.8125rem;
line-height: 1.175em;
font-weight: 700;
flex: 1 1 auto;
justify-content: flex-start;
height: 100%;
letter-spacing: .0175em;
padding: 2px 30px 0 0;
text-transform: uppercase;
vertical-align: top;
}
/* Buttons */
nav.sticky-cta ul.buttons {
width: 100%;
height: 100%;
vertical-align: top;
}
/* Button */
nav.sticky-cta li.button {
display: inline-block;
vertical-align: top;
}
nav.sticky-cta li.button a {
display: block;
width: 100%;
height: 100%;
text-align: center;
}
/***************
* Programme colours
***************/
/* END OF DOCUMENT */
/**************************************************************
* About Section
**************************************************************/
.about-section {
padding: 38px 0 32px;
}
.about-section.pt-0 {
padding-top: 0;
}
.about-section .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
.about-section .container {
padding: 0 10px;
}
.about-section .row-flex {
display: flex;
flex-wrap: wrap;
}
.about-section .row-flex.v-center {
align-items: center;
}
.about-section .row-flex.v-bottom {
align-items: flex-end;
}
.about-section .about-description {
box-sizing: border-box;
flex: 0 0 100%;
margin-top: 0;
max-width: 100%;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.about-section .about-description.half-col {
width: 100%;
}
.about-section .about-blockquote {
align-items: center;
background-color: #E6EDF4;
box-sizing: border-box;
display: flex;
flex: 0 0 100%;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: 360px;
min-height: 200px;
position: relative;
width: 100%;
}
.about-section .about-blockquote.half-col {
width: 100%;
}
.about-section .about-blockquote::before {
border-top: 60px solid #fff;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
content: '';
top: 0;
left: 0;
position: absolute;
transform: translate(-50%, 0);
z-index: 100;
}
.about-section .about-blockquote::after {
border-bottom: 60px solid #fff;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
content: '';
right: 0;
bottom: 0;
position: absolute;
transform: translate(50%, 0);
z-index: 100;
}
.about-section .about-blockquote-inner {
padding: 49px 42px 65px 52px;
position: relative;
width: calc(100% - 14px);
height: calc(100% - 14px);
background-color: #fff;
overflow: hidden;
box-sizing: border-box;
}
.about-section .about-blockquote-inner::before {
content: '';
position: absolute;
left: -19px;
top: 17px;
width: 100px;
height: 7px;
background-color: #E6EDF4;
transform: rotate(-45deg);
}
.about-section .about-blockquote-inner::after {
content: '';
position: absolute;
right: -19px;
bottom: 17px;
width: 100px;
height: 7px;
background-color: #E6EDF4;
transform: rotate(-45deg);
}
.about-section .about-blockquote-cite {
position: relative;
margin: 0 0 38px;
color: #0054A4;
font-family: 'Aleo', serif;
font-size: 23px;
font-size: 1.4375rem;
line-height: 31px;
line-height: 1.9375rem;
}
.about-section .about-blockquote-cite::before {
content: '“';
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
top: -1px;
left: -16px;
position: absolute;
}
.about-section .about-blockquote-meta {
align-items: center;
box-sizing: border-box;
display: flex;
margin-left: -11px;
padding-left: 0;
}
.about-section .about-blockquote-avatar {
border-radius: 50%;
width: 50px;
height: 50px;
margin-right: 16px;
overflow: hidden;
position: relative;
}
.about-section .about-blockquote-avatar img {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.about-section .about-blockquote-caption {
letter-spacing: 0.1px;
letter-spacing: 0.00625rem;
}
.about-section .about-blockquote-caption .name {
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
line-height: 22px;
line-height: 1.375rem;
margin: 0;
}
.about-section .about-blockquote-caption .faculty {
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
line-height: 22px;
line-height: 1.375rem;
margin: 0 0 0;
}
.about-section .about-description-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
margin-bottom: 20px;
max-width: 560px;
}
.about-section .about-description .limit-spacing {
max-width: 600px;
}
.about-section .about-description p {
margin: 0 0 20px;
line-height: 29px;
line-height: 1.8125rem;
}
.about-section .about-description p.big {
color: #0F0F0F;
font-weight: 500;
font-size: 20px;
line-height: 31px;
font-size: 1.25rem;
line-height: 1.9375rem;
margin-bottom: 20px;
}
.about-section .about-description p.big.blue {
color: #0254A7;
}
.about-section .about-description p.x-big {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #0F0F0F;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
line-height: 38px;
line-height: 2.375rem;
}
.about-section .about-description .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
.about-section .about-description .link-view-all:hover {
opacity: .6;
}
.about-section .about-description .link-view-all {
margin-top: 15px;
padding-right: 43px;
}
/* Icons Column */
.about-section .information-icons {
width: 100%;
max-width: 475px;
}
.about-section .information-icons.half-col {
width: 100%;
}
.about-section .information-icons .description {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
line-height: 1.8em;
}
.about-section .information-icons .description.spaced {
line-height: 2rem;
}
.about-section .information-icons .icons {
display: flex;
align-items: center;
margin-top: 25px;
}
.about-section .information-icons .icons .icon {
margin-right: 25px;
}
.about-section .information-icons .icons .icon:last-child {
margin: 0;
}
.about-section .information-icons .icons .icon img {
width: 100%;
}
/***************
* Lazy-loading
***************/
.about-section.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
.about-section.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
section.alumni-accordion {
background: #F6F8F9;
margin-bottom: 60px;
margin-top:60px;
padding: 40px;
display: block;
height: -moz-max-content;
height: max-content;
}
/**************************************************************
* Application steps
**************************************************************/
section.application-steps.style--1 {
margin-top: 2em;
}
section.application-steps.style--1 article.item {
margin-bottom: 60px;
}
section.application-steps.style--1 article.item header {
padding-bottom: 83.5%;
}
section.application-steps.style--1 article.item header span.title {
margin-bottom: 0;
}
section.application-steps.style--1 article.item header span.count {
background-color: #0254A7;
}
section.application-steps.style--1 article.item:last-of-type header .label {
background: rgba(53,64,69,.56);
}
section.application-steps.style--1 article.item:last-of-type span.count {
display: inline-flex;
}
section.application-steps.style--1 header {
width: 100%;
max-width: 612px;
margin-bottom: 40px;
}
section.application-steps.style--1 header h5.title {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
}
/**
* Container
*/
section.application-steps .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.application-steps .container {
max-width: 1015px;
width: 100%;
}
/**
* Header
*/
section.application-steps header {
margin-bottom: 55px;
}
section.application-steps header .title {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
margin-bottom: 12px;
}
section.application-steps header .description {
color: #494949;
}
section.application-steps header .description p:not(:last-of-type) {
margin-bottom: 20px;
}
/**
* Item
*/
section.application-steps article.item {
font-size: 16px;
font-size: 1rem;
margin-bottom: 25px;
transition: all 120ms ease;
}
section.application-steps article.item header {
display: block;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 73.16%;
position: relative;
width: 100%;
height: 0;
}
section.application-steps article.item header .label {
background: rgba(#354045, .56);
font-size: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
section.application-steps article.item header span {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
align-items: center;
color: #fff;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
min-height: 55px;
text-transform: uppercase;
}
section.application-steps article.item header span.count {
background-color: #008D79;
justify-content: center;
width: 55px;
}
section.application-steps article.item header span.title {
justify-content: flex-start;
padding-left: 28px;
width: calc(100% - 55px);
}
section.application-steps article.item header figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 0;
}
section.application-steps article.item main.content {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
padding: 0;
}
section.application-steps article.item main.content a {
color: #494949;
font-weight: 700;
text-decoration: none;
}
section.application-steps article.item main.content b, section.application-steps article.item main.content strong {
font-weight: 700;
}
section.application-steps article.item main.content p:not(:last-of-type) {
margin-bottom: 18px;
}
section.application-steps article.item main.content ul, section.application-steps article.item main.content ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.application-steps article.item main.content ul li, section.application-steps article.item main.content ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.application-steps article.item main.content ul li::before, section.application-steps article.item main.content ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.application-steps article.item main.content ul li ul, section.application-steps article.item main.content ul li ol, section.application-steps article.item main.content ol li ul, section.application-steps article.item main.content ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.application-steps article.item main.content ul li:not(:last-of-type), section.application-steps article.item main.content ol li:not(:last-of-type) {
margin-bottom: 9px;
}
section.application-steps article.item main.content ul li p:last-of-type, section.application-steps article.item main.content ol li p:last-of-type {
margin-bottom: 0;
}
section.application-steps article.item main.content ul li::before, section.application-steps article.item main.content ol li::before {
color: black;
}
section.application-steps article.item main.content ul, section.application-steps article.item main.content ol {
padding-top: 20px;
}
section.application-steps article.item main.content ul li, section.application-steps article.item main.content ol li {
margin-bottom: 0 !important;
}
section.application-steps article.item main.content ol {
padding-left: 17px;
}
section.application-steps article.item main.content ol > li {
list-style: decimal !important;
padding-left: 13px;
}
section.application-steps article.item main.content ol > li::before {
display: none;
}
section.application-steps article.item main.content ol ol li {
list-style: lower-latin !important;
}
section.application-steps article.item main.content .button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top / 10px 15px;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
min-height: 15px;
padding: 0 0 0 30px;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.application-steps article.item main.content .button:hover {
opacity: .55;
}
/**
* Last
*/
section.application-steps article.item:last-of-type header .label {
background: #008D79;
}
section.application-steps article.item:last-of-type header span.count {
display: none;
}
/* Negative top margin */
section.application-steps.top-minus-margin {
margin-top: -8px;
}
/***************
* Layout
***************/
section.application-steps > main.list {
font-size: 0;
width: 100% !important;
}
section.application-steps .grid-sizer, section.application-steps article.item {
width: 100%;
}
section.application-steps .gutter-sizer {
width: 0;
}
/***************
* Lazy-loading
***************/
section.application-steps.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.application-steps.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Appointments index
**************************************************************/
/* Margin adjustments */
section.appointment-index.top-minus-margin {
margin-top: -8px;
}
section.appointment-index.margin-bottom-d60-m40 {
margin-bottom: 40px;
}
/**
* Title & description
*/
section.appointment-index > header {
display: block;
margin-bottom: 42px;
}
/* Title */
section.appointment-index > header .title {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
section.appointment-index > header .title a:hover {
text-decoration: underline;
}
/**
* Appointments
*/
/**
* Appointment
*/
section.appointment-index article.appointment {
display: flex;
flex-direction: column;
margin-bottom: 3px;
width: 100%;
}
section.appointment-index article.appointment:last-of-type {
margin-bottom: 0;
}
section.appointment-index article.appointment .caption span.title a:hover {
text-decoration: underline;
}
/**
* Large (full width)
*/
section.appointment-index article.appointment.large {
flex-basis: 100%;
max-width: 0;
min-width: 100%;
}
/***************
* Lazy-loading
***************/
section.appointment-index.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.appointment-index.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Article content
**************************************************************/
section.article-body {
display: block;
width: 100%;
}
/***************
* Containers
***************/
section.article-body > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.article-body > .container {
width: 100%;
}
section.article-body > .container > .inner {
display: block;
width: 100%;
}
/***************
* Content
***************/
section.article-body > .container > .inner > main.content {
display: block;
position: relative;
}
section.article-body > .container > .inner > main.content > section:not(:last-of-type) {
margin-bottom: 50px;
}
/***************
* Sidebar
***************/
section.article-body > .container > .inner > aside.sidebar {
display: block;
margin-bottom: 40px;
padding: 14px 0 0;
position: relative;
}
/**
* Blocks
*/
/* Title */
section.article-body > .container > .inner > aside.sidebar .sidebar-block .block-title {
font-size: 22px;
line-height: 1.2em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.33px;
margin-bottom: 20px;
}
/* END OF DOCUMENT */
/**************************************************************
* Black in Business 4 Column image
**************************************************************/
section.black-in-business-partnerships {
background: #F5F6F8;
display: block;
#padding-bottom: 45px;
width: 100%;
}
/***************
* Containers
***************/
section.black-in-business-partnerships > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.black-in-business-partnerships > .container {
width: 100%;
}
section.black-in-business-partnerships > .container > .inner {
display: block;
width: 100%;
}
/**
* Search bar
*/
section.black-in-business-partnerships nav.search-bar {
display: none;
font-size: 0;
margin-bottom: 30px;
position: relative;
}
section.black-in-business-partnerships nav.search-bar input[type="text"] {
color: #000;
background-color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-size: 1rem;
margin: auto 0;
padding: 0 30px;
width: 100%;
height: 62px;
z-index: 0;
}
section.black-in-business-partnerships nav.search-bar input[type="text"]::-moz-placeholder {
color: #000;
}
section.black-in-business-partnerships nav.search-bar input[type="text"]::placeholder {
color: #000;
}
section.black-in-business-partnerships nav.search-bar button, section.black-in-business-partnerships nav.search-bar input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url('/media/dist/img/header-search-icon.svg') no-repeat center / 15px;
border-radius: 100%;
color: transparent;
cursor: pointer;
font-size: 0;
margin: auto 0;
top: 0;
right: 0;
position: absolute;
width: 62px;
height: 62px;
z-index: 1;
}
/***************
* Filters (sidebar)
***************/
section.black-in-business-partnerships aside.filters {
display: block;
margin-bottom: 40px;
padding-top: 30px;
position: relative;
}
section.black-in-business-partnerships aside.filters > .inner {
background: #F3F4F6;
display: block;
}
/**
* Search
*/
section.black-in-business-partnerships aside.filters nav.search-bar {
border-bottom: 1px solid rgba(155,155,155,.2);
display: block;
margin-bottom: 30px;
padding-bottom: 30px;
}
section.black-in-business-partnerships aside.filters nav.search-bar input[type="text"] {
border: 0 none;
border-radius: 0;
height: 50px;
font-family: 'Niramit', sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0;
padding: 0 50px 0 15px;
text-transform: none;
}
section.black-in-business-partnerships aside.filters nav.search-bar input[type=submit] {
width: 50px;
height: 50px;
}
/**
* Mobile toggle
*/
section.black-in-business-partnerships aside.filters header.mobile-toggle {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
margin-bottom: 16px;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-transform: uppercase;
}
/* Arrow */
section.black-in-business-partnerships aside.filters header.mobile-toggle::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Open
*/
/* Arrow */
section.black-in-business-partnerships aside.filters header.mobile-toggle.open::after {
transform: rotate(-90deg);
}
/**
* Inputs
*/
section.black-in-business-partnerships aside.filters main.form {
display: none;
font-style: 0;
padding-top: 22px;
}
section.black-in-business-partnerships aside.filters .input-group:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.2);
margin-bottom: 35px;
padding-bottom: 35px;
}
/* Title */
section.black-in-business-partnerships aside.filters .input-group > .title, section.black-in-business-partnerships aside.filters .input-group .accordion > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
margin-bottom: 26px;
text-transform: uppercase;
}
/* Inputs */
section.black-in-business-partnerships aside.filters .input-group ul {
align-items: stretch;
display: flex;
flex-wrap: wrap;
font-size: 0;
justify-content: space-between;
margin: 0 -3px;
width: calc(100% + 6px);
}
/* Input */
section.black-in-business-partnerships aside.filters .input-group ul li {
margin-bottom: 6px;
overflow: hidden;
position: relative;
}
section.black-in-business-partnerships aside.filters .input-group ul li input {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100% !important;
height: 100% !important;
}
section.black-in-business-partnerships aside.filters .input-group ul li input:checked + label {
border-color: #03ADEF;
color: #fff;
background-color: #03ADEF;
}
section.black-in-business-partnerships aside.filters .input-group ul li input:hover + label {
border-color: #03ADEF;
}
section.black-in-business-partnerships aside.filters .input-group ul li label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-flex;
font-family: 'Montserrat';
font-weight: 700;
height: 100%;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 8px 20px;
width: 100%;
}
section.black-in-business-partnerships aside.filters .input-group ul li input:disabled {
cursor: unset;
}
section.black-in-business-partnerships aside.filters .input-group ul li input:disabled + label {
color: #fff;
background-color: #CCD4D8;
}
section.black-in-business-partnerships aside.filters .input-group ul li input:disabled:hover + label {
border-color: #dcdcdc;
}
section.black-in-business-partnerships aside.filters .input-group ul li {
flex: 1 1 auto;
height: 42px;
padding: 0 3px;
}
section.black-in-business-partnerships aside.filters .input-group ul li.size--third {
flex-basis: 33.3333%;
}
section.black-in-business-partnerships aside.filters .input-group ul li.size--half {
flex-basis: 50%;
}
section.black-in-business-partnerships aside.filters .input-group ul li.size--full {
flex-basis: 100%;
}
/**
* Accordion
*/
section.black-in-business-partnerships aside.filters .input-group .accordion:first-of-type {
margin-top: 28px;
}
section.black-in-business-partnerships aside.filters .input-group .accordion:not(:last-of-type) {
margin-bottom: 10px;
}
section.black-in-business-partnerships aside.filters .input-group .accordion > .title {
cursor: pointer;
margin-bottom: 0;
padding: 5px 0 5px 28px;
position: relative;
}
section.black-in-business-partnerships aside.filters .input-group .accordion > .title::before {
background: transparent url('/wbs2020/media/dist/img/index-filter-accordion-arrow.svg') no-repeat center / 19px 9px;
content: "";
display: block;
top: 6px;
left: 0;
position: absolute;
width: 19px;
height: 9px;
transform: rotate(0deg);
transition: all .2s cubic-bezier(0.77, 0, 0.175, 1);
}
section.black-in-business-partnerships aside.filters .input-group .accordion ul {
display: none;
padding: 12px 0 15px;
}
/**
* Open
*/
section.black-in-business-partnerships aside.filters .input-group .accordion.open > .title::before {
transform: rotate(180deg);
}
/**
* Submit button
*/
section.black-in-business-partnerships aside.filters .submit {
display: block;
margin-top: 25px;
}
section.black-in-business-partnerships aside.filters .submit button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #fff;
background-color: #1C1E20;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in;
margin: 0;
padding: 14px 20px 15px;
width: 100%;
}
section.black-in-business-partnerships aside.filters .submit button:not(:disabled) {
cursor: pointer;
}
/* Disabled */
section.black-in-business-partnerships aside.filters .submit button:disabled {
color: #fff;
background-color: #2F2F2F;
opacity: .17;
}
/***************
* Content
***************/
section.black-in-business-partnerships main.listing {
display: block;
}
/**
* Search
*/
section.black-in-business-partnerships main.listing nav.search-bar input[type="text"] {
border: 1px solid #979797;
border-radius: 30px;
font-weight: 700;
letter-spacing: .1025em;
text-transform: uppercase;
}
/* List */
section.black-in-business-partnerships main.listing .list {
display: flex;
flex-wrap: wrap;
#padding-bottom: 45px;
}
/* Article */
section.black-in-business-partnerships main.listing article {
display: block;
font-size: 0;
margin-bottom: 32px;
position: relative;
}
/* Photo */
section.black-in-business-partnerships main.listing article figure.photo {
margin-bottom: 13px;
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
}
section.black-in-business-partnerships main.listing article figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/* Meta (name & job) */
section.black-in-business-partnerships main.listing article .meta span.name {
font-size: 12px;
line-height: 1.3rem;
font-size: 0.75rem;
line-height: 1.3rem;
color: #0054A4;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .045rem;
text-transform: uppercase;
}
section.black-in-business-partnerships main.listing article .meta span.job {
font-size: calc(13px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
padding-top: 12px;
}
/***************
* Lazy-loading
***************/
section.black-in-business-partnerships .pagination {
display: block;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
font-size: 0;
text-align: center;
text-transform: uppercase;
}
section.black-in-business-partnerships .pagination aside {
display: block;
}
section.black-in-business-partnerships .pagination aside.showing {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
}
section.black-in-business-partnerships .pagination aside.showing b {
font-weight: 700;
}
section.black-in-business-partnerships .pagination aside.numbers {
margin-top: 16px;
}
section.black-in-business-partnerships .pagination aside.numbers li {
display: inline-block;
margin: 0 5px;
width: 44px;
height: 44px;
vertical-align: top;
}
section.black-in-business-partnerships .pagination aside.numbers li a, section.black-in-business-partnerships .pagination aside.numbers li span {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
align-items: center;
color: #111111;
background-color: #fff;
display: flex;
font-weight: 700;
justify-content: center;
position: relative;
width: inherit;
height: inherit;
text-align: center;
text-decoration: none;
transition: all .15s ease;
}
section.black-in-business-partnerships .pagination aside.numbers li a:hover {
background: rgba(155,155,155,.2);
}
section.black-in-business-partnerships .pagination aside.numbers li.current a {
color: #fff;
background-color: #0254A7;
}
section.black-in-business-partnerships .pagination aside.numbers li.arrow a {
color: transparent !important;
font-size: 0 !important;
overflow: hidden;
text-indent: -999px;
}
section.black-in-business-partnerships .pagination aside.numbers li.arrow a::before {
background: transparent url('/wbs2020/media/dist/img/news-list-pagination-arrow.svg') no-repeat center / 8px 12px;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 8px;
height: 12px;
}
section.black-in-business-partnerships .pagination aside.numbers li.arrow.arrow--newer a::before {
transform: rotate(180deg);
}
/***************
* Lazy-loading
***************/
section.black-in-business-partnerships.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.black-in-business-partnerships.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Blog article index
**************************************************************/
/**
* Header
*/
section.blog-article-index header {
display: block;
margin-bottom: 42px;
}
/* Title */
section.blog-article-index header > .title {
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.blog-article-index header > .title:not(.size-custom) {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
font-weight: 600;
}
section.blog-article-index header > .title.size-custom--01 {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
}
section.blog-article-index header > .title.size-custom--02 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
}
/* View all */
section.blog-article-index header > .view-all {
display: block;
margin-top: 15px;
}
section.blog-article-index header > .view-all a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top / 10px 15px;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
min-height: 15px;
padding: 0 0 0 30px;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
/***************
* Layout
***************/
section.blog-article-index main.list {
display: block;
}
section.blog-article-index main.list article.blog {
display: block;
margin-bottom: 40px;
vertical-align: top;
}
/* Buttons */
section.blog-article-index main.list article.blog a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.blog-article-index main.list article.blog a.button:hover {
opacity: .6;
}
/**
* Two per row
*/
/* Blog articles */
/**
* Two per row
*/
/* Container */
section.blog-article-index.two-per-row .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Blog articles */
section.blog-article-index .container .content h3 {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #125496;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
margin-bottom: 30px;
}
/**
* Three per row
*/
/* Container */
section.blog-article-index.three-per-row .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Blog articles */
/***************
* Margins
***************/
section.blog-article-index.margin-bottom-30 {
margin-bottom: 30px;
}
section.blog-article-index.margin-top-30 {
margin-top: 30px;
}
section.blog-article-index.margin-top-60 {
margin-top: 60px;
}
section.blog-article-index.margin-bottom-60 {
margin-bottom: 60px;
}
/***************
* Paddings
***************/
section.blog-article-index.padding--01 {
padding-top: 10px;
padding-bottom: 35px;
}
/***************
* Programme colours
***************/
section.blog-article-index.programme--undergrad header > .title {
color: #e6007e;
}
section.blog-article-index.programme--postgrad header > .title {
color: #00b1ab;
}
section.blog-article-index.programme--mba header > .title {
color: #a71680;
}
section.blog-article-index.programme--doctoral header > .title {
color: #80c0d3;
}
section.blog-article-index.programme--exec header > .title {
color: #637465;
}
section.blog-article-index.programme--london header > .title {
color: #004899;
}
/***************
* Lazy-loading
***************/
section.blog-article-index.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.blog-article-index.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Case study archive
**************************************************************/
section.case-study-archive {
background: #F5F6F8;
padding: 40px 0 100px;
}
/* Container */
section.case-study-archive > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/***************
* Breadcrumbs
***************/
section.case-study-archive nav.breadcrumbs {
margin-bottom: 75px;
padding: 0 !important;
}
section.case-study-archive nav.breadcrumbs .container {
padding: 0 !important;
}
/***************
* Title
***************/
section.case-study-archive h1.title {
font-size: calc(18px + 14 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 14 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #000;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
/***************
* Filters
***************/
section.case-study-archive nav.filters {
display: block;
margin-bottom: 60px;
text-align: center;
}
section.case-study-archive nav.filters .mobile-toggle {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-transform: uppercase;
}
/* Arrow */
section.case-study-archive nav.filters .mobile-toggle::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Open
*/
/* Arrow */
section.case-study-archive nav.filters .mobile-toggle.open::after {
transform: rotate(-90deg);
}
section.case-study-archive nav.filters ul.filters-inner {
background: #EBECEE;
font-size: 0;
display: none;
padding: 20px;
}
section.case-study-archive nav.filters li {
display: block;
width: 100%;
}
section.case-study-archive nav.filters li:not(:last-of-type) {
margin-bottom: 10px;
}
section.case-study-archive nav.filters a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: #fff;
color: #111111;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 42px;
min-width: 165px;
padding: 0 30px;
text-transform: uppercase;
transition: all .25s cubic-bezier(0.77, 0, 0.175, 1);
}
section.case-study-archive nav.filters li.current a, section.case-study-archive nav.filters a:hover {
color: #fff;
background-color: #03ADEF;
}
/* Row */
section.case-study-archive .row {
display: block;
width: 100%;
}
/* Item */
section.case-study-archive article.case-study {
background: #fff;
box-shadow: 0 1px 0 0 #CCD4D8;
display: block;
margin: 0 auto 40px;
width: 100%;
}
section.case-study-archive article.case-study .text {
padding: 23px 30px 50px;
}
/***************
* Pagination
***************/
section.case-study-archive .pagination {
display: block;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
font-size: 0;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
}
section.case-study-archive .pagination aside {
display: block;
}
section.case-study-archive .pagination aside.showing {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
}
section.case-study-archive .pagination aside.showing b {
font-weight: 700;
}
section.case-study-archive .pagination aside.numbers {
margin-top: 16px;
}
section.case-study-archive .pagination aside.numbers li {
display: inline-block;
margin: 0 5px;
width: 44px;
height: 44px;
vertical-align: top;
}
section.case-study-archive .pagination aside.numbers li a, section.case-study-archive .pagination aside.numbers li span {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
align-items: center;
color: #111111;
background-color: #fff;
display: flex;
font-weight: 700;
justify-content: center;
position: relative;
width: inherit;
height: inherit;
text-align: center;
text-decoration: none;
transition: all .15s ease;
}
section.case-study-archive .pagination aside.numbers li a:hover {
background: rgba(155,155,155,.2);
}
section.case-study-archive .pagination aside.numbers li.current a {
color: #fff;
background-color: #0254A7;
}
section.case-study-archive .pagination aside.numbers li.arrow a {
color: transparent !important;
font-size: 0 !important;
overflow: hidden;
text-indent: -999px;
}
section.case-study-archive .pagination aside.numbers li.arrow a::before {
background: transparent url('/wbs2020/media/dist/img/news-list-pagination-arrow.svg') no-repeat center / 8px 12px;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 8px;
height: 12px;
}
section.case-study-archive .pagination aside.numbers li.arrow.arrow--newer a::before {
transform: rotate(180deg);
}
/***************
* Media queries
***************/
/***************
* Listing
***************/
/***************
* Lazy-loading
***************/
section.case-study-archive.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.case-study-archive.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Case study carousel
**************************************************************/
section.case-study-carousel {
display: block;
overflow: hidden;
width: 100%;
}
/* Margin bottom */
section.case-study-carousel.margin-bottom-m40-d55 {
margin-bottom: 40px;
}
/**
* Container
*/
section.case-study-carousel > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.case-study-carousel > .container {
width: 100%;
}
/**
* Header
*/
section.case-study-carousel header {
display: block;
margin-bottom: 25px;
}
section.case-study-carousel header .title {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
margin-bottom: 12px;
}
section.case-study-carousel header .description {
color: #494949;
}
section.case-study-carousel header .description p:not(:last-of-type) {
margin-bottom: 20px;
}
/***************
* Carousel
***************/
section.case-study-carousel main {
display: block;
}
section.case-study-carousel main li {
list-style: none;
}
/**
* Image
*/
section.case-study-carousel main li aside.image {
overflow: hidden;
position: relative;
}
section.case-study-carousel main li aside.image .src {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
height: 0;
padding-bottom: 55.224%;
}
/**
* Content
*/
/**
* Person
*/
section.case-study-carousel main li blockquote {
font-size: 18px;
line-height: 1.645em;
font-size: 1.125rem;
line-height: 1.645em;
color: #0B63AF;
font-family: 'Aleo', serif;
overflow: visible;
position: relative;
}
section.case-study-carousel main li blockquote::before {
background: rgba(53, 64, 69, .6) !important;
opacity: 1 !important;
visibility: visible !important;
}
section.case-study-carousel main li blockquote p:not(:last-of-type) {
margin-bottom: 17px;
}
/**
* Person
*/
section.case-study-carousel main li .person {
margin-top: 15px;
}
section.case-study-carousel main li .person .text {
color: #000;
display: block;
line-height: 1.525em;
}
section.case-study-carousel main li .person .text .title {
font-weight: 700;
display: block;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
}
section.case-study-carousel main li .person .text .sub {
display: block;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
}
/**
* Button
*/
section.case-study-carousel main li .button {
display: block;
margin-top: 25px;
}
section.case-study-carousel main li .button a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background: #0254A7 url('/media/dist/img/solid-button-arrow-white.svg') no-repeat left 20px center / 10px 15px;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.case-study-carousel main li .button a {
background-color: transparent;
background-position: center !important;
background-size: 100% !important;
padding: 20px 55px;
}
section.case-study-carousel main li .button a span {
background: transparent url('/media/dist/img/solid-button-arrow-white.svg') no-repeat left 0 center / 10px 15px;
display: block;
min-height: 15px;
padding-left: 20px;
}
/**
* Thumbnails
*/
/***************
* Programme colours
***************/
section.case-study-carousel.programme--undergrad header > .title, section.case-study-carousel.programme--undergrad blockquote {
color: #e6007e;
}
section.case-study-carousel.programme--undergrad .button a {
background: #70257b;
transition: all .2s ease;
}
section.case-study-carousel.programme--undergrad .button a:not(:hover) {
background-image: linear-gradient(to right, #e6007e, #70257b);
}
section.case-study-carousel.programme--postgrad header > .title, section.case-study-carousel.programme--postgrad blockquote {
color: #00b1ab;
}
section.case-study-carousel.programme--postgrad .button a {
background: #007155;
transition: all .2s ease;
}
section.case-study-carousel.programme--postgrad .button a:not(:hover) {
background-image: linear-gradient(to right, #00b1ab, #007155);
}
section.case-study-carousel.programme--mba header > .title, section.case-study-carousel.programme--mba blockquote {
color: #a71680;
}
section.case-study-carousel.programme--mba .button a {
background: #312a6f;
transition: all .2s ease;
}
section.case-study-carousel.programme--mba .button a:not(:hover) {
background-image: linear-gradient(to right, #a71680, #312a6f);
}
section.case-study-carousel.programme--doctoral header > .title, section.case-study-carousel.programme--doctoral blockquote {
color: #80c0d3;
}
section.case-study-carousel.programme--doctoral .button a {
background: #2384b4;
transition: all .2s ease;
}
section.case-study-carousel.programme--doctoral .button a:not(:hover) {
background-image: linear-gradient(to right, #80c0d3, #2384b4);
}
section.case-study-carousel.programme--exec header > .title, section.case-study-carousel.programme--exec blockquote {
color: #637465;
}
section.case-study-carousel.programme--exec .button a {
background: #a2c616;
transition: all .2s ease;
}
section.case-study-carousel.programme--exec .button a:not(:hover) {
background-image: linear-gradient(to right, #637465, #a2c616);
}
section.case-study-carousel.programme--london header > .title, section.case-study-carousel.programme--london blockquote {
color: #004899;
}
section.case-study-carousel.programme--london .button a {
background: #004899;
transition: all .2s ease;
}
section.case-study-carousel.programme--london .button a:not(:hover) {
background-image: linear-gradient(to right, #51AAFF, #004899);
}
/***************
* Lazy-loading
***************/
section.case-study-carousel.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.case-study-carousel.view-detect.viewed {
opacity: 1;
}
section.case-study-carousel--style-1 {
padding: 2.5em 0 5em;
}
section.case-study-carousel--style-1 header .title {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
}
section.case-study-carousel--style-1 aside.content {
display: flex;
align-self: center;
flex-direction: column;
}
section.case-study-carousel--style-1 aside.content .person {
margin-top: 25px;
}
section.case-study-carousel--style-1 main li blockquote {
font-size: calc(18px + 8 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 8 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
}
section.case-study-carousel--style-1 main li blockquote::before {
color: inherit;
content: "\201C";
font-size: 25px;
font-size: 1.5625rem;
top: 0px;
left: -10px;
position: absolute;
}
section.case-study-carousel--style-1 main li blockquote p:not(:last-of-type) {
margin-bottom: 17px;
}
section.case-study-carousel--style-2 {
padding: 2.5em 0 5em;
}
section.case-study-carousel--style-2 header .title {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
}
section.case-study-carousel--style-2 aside.content {
display: flex;
align-self: center;
flex-direction: column;
}
section.case-study-carousel--style-2 aside.content .person {
margin-top: 25px;
}
section.case-study-carousel--style-2 main li blockquote {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
}
section.case-study-carousel--style-2 main li blockquote::before {
color: inherit;
content: "\201C";
font-size: 25px;
font-size: 1.5625rem;
top: 0px;
left: -10px;
position: absolute;
}
section.case-study-carousel--style-2 main li blockquote p:not(:last-of-type) {
margin-bottom: 17px;
}
/* END OF DOCUMENT */
/**************************************************************
* Case study index
**************************************************************/
/* Margin bottom */
section.case-study-index.margin-bottom-40 {
margin-bottom: 40px;
}
/**
* Header
*/
section.case-study-index header {
display: block;
margin-bottom: 42px;
}
/* Title */
section.case-study-index header > .title {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
/**
* Listing
*/
/**
* Case study
*/
section.case-study-index article.case-study:not(:last-of-type) {
margin-bottom: 40px;
}
/**
* Footer
*/
section.case-study-index footer {
margin-top: 60px;
}
/* View all */
section.case-study-index footer .view-all a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.case-study-index footer .view-all a:hover {
opacity: .6;
}
section.case-study-index footer .view-all a {
color: rgba(0,0,0,.81) !important;
opacity: 1;
}
/***************
* Lazy-loading
***************/
section.case-study-index.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.case-study-index.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Contained text area
**************************************************************/
section.contained-textarea h2, section.contained-textarea h3, section.contained-textarea h4, section.contained-textarea h5, section.contained-textarea h6 {
color: #111111;
}
section.contained-textarea h2, section.contained-textarea h3, section.contained-textarea h5, section.contained-textarea h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.contained-textarea h2 {
font-size: calc(21px + 11 * ((100vw - 420px) / 860));
font-size: calc(1.3125rem + 11 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
margin-bottom: 21px;
}
section.contained-textarea h2.alt--01 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
}
section.contained-textarea h3 {
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 20px;
}
section.contained-textarea h4 {
font-family: 'Niramit', sans-serif;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 20px;
}
section.contained-textarea h5 {
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 12px;
}
section.contained-textarea h6 {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 9px;
}
section.contained-textarea p {
display: block;
margin-bottom: 32px;
}
section.contained-textarea b, section.contained-textarea strong {
color: #000;
font-weight: 700;
}
section.contained-textarea i {
font-style: italic;
}
section.contained-textarea u {
text-decoration: underline;
}
section.contained-textarea a {
color: #0B63AF;/*text-decoration: underline;*/
transition: all .2s ease-in-out;
}
section.contained-textarea a:hover {
text-decoration: underline;
}
section.contained-textarea blockquote {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #0B63AF;
display: block;
font-family: 'Aleo', serif;
font-weight: 400;
margin: 0 auto 50px;
max-width: 550px;
padding: 10px 0 0 14px;
width: 100%;
}
section.contained-textarea blockquote p {
display: block;
overflow: visible;
position: relative;
}
section.contained-textarea blockquote p::before {
display: inline-block;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
top: -2px;
left: -14px;
position: absolute;
}
section.contained-textarea blockquote p:first-of-type::before {
content: "“";
}
section.contained-textarea blockquote p:last-of-type::after {
content: '"';
}
section.contained-textarea ul, section.contained-textarea ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.contained-textarea ul li, section.contained-textarea ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.contained-textarea ul li::before, section.contained-textarea ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.contained-textarea ul li ul, section.contained-textarea ul li ol, section.contained-textarea ol li ul, section.contained-textarea ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.contained-textarea ul li:not(:last-of-type), section.contained-textarea ol li:not(:last-of-type) {
margin-bottom: 9px;
}
section.contained-textarea ul li p:last-of-type, section.contained-textarea ol li p:last-of-type {
margin-bottom: 0;
}
section.contained-textarea ul li::before, section.contained-textarea ol li::before {
color: black;
}
section.contained-textarea ol {
padding-left: 17px;
}
section.contained-textarea ol > li {
list-style: decimal !important;
padding-left: 13px;
}
section.contained-textarea ol > li::before {
display: none;
}
section.contained-textarea ol ol li {
list-style: lower-latin !important;
}
section.contained-textarea figcaption {
margin-bottom: 30px;
font-size: 95%;
font-style: italic;
}
section.contained-textarea em, section.contained-textarea em a {
font-style: italic;
}
section.contained-textarea p {
margin-bottom: 22px;
}
section.contained-textarea {
display: block;
width: 100%;
}
/**
* Container
*/
section.contained-textarea .container {
background: #F5F6F8;
padding: 24px 11px 45px;
}
/* Buttons */
section.contained-textarea a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.contained-textarea a.button:hover {
opacity: .6;
}
/* Data table */
section.contained-textarea .data-table {
display: block;
margin-bottom: 34px;
}
section.contained-textarea .data-table .row {
align-items: flex-start;
display: flex;
justify-content: flex-start;
padding: 21px 0 21px;
}
section.contained-textarea .data-table .row:nth-of-type(2n+1) {
background: #fff;
}
section.contained-textarea .data-table .row:nth-of-type(2n+2) {
background: #E6E9EA;
}
section.contained-textarea .data-table .row .column {
display: block;
flex: 0 1 auto;
padding: 0 24px 8px;
}
section.contained-textarea .data-table .row .column:nth-of-type(1) {
flex-basis: 100px;
}
section.contained-textarea .data-table .row .column:nth-of-type(2) {
flex-basis: calc(100% - 100px);
}
section.contained-textarea .data-table .row .column h5 {
margin-bottom: 5px;
}
section.contained-textarea .data-table .row .column p {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
section.contained-textarea .data-table .row .column p:last-of-type {
margin-bottom: 0;
}
/***************
* Lazy-loading
***************/
section.contained-textarea.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.contained-textarea.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Programmes Section
**************************************************************/
.coreinsights-section {
padding: 38px 0 26px;
}
.coreinsights-section .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
.coreinsights-section .section-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #0B63AF;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
margin-bottom: 30px;
}
.coreinsights-section .programmes-module {
background: #F5F7F8;
display: flex;
flex-wrap: wrap;
}
.coreinsights-section .programmes-items {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 100%;
flex: 0 0 100%;
justify-content: space-between;
}
.coreinsights-section .programmes-caption {
display: flex;
align-items: center;
padding: 21px 75px 33px 17px;
width: 100%;
max-width: 100%;
flex: 0 0 100%;
box-sizing: border-box;
background-color: #F5F7F8;
}
.coreinsights-section .programmes-item {
width: 100%;
margin-bottom: 3px;
}
.coreinsights-section .programmes-item-wrap {
position: relative;
width: 100%;
padding-top: 65%;
overflow: hidden;
}
.coreinsights-section .programmes-item-link {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.5s ease-in-out;
}
.coreinsights-section .programmes-item-link .mask-hover {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #000;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.coreinsights-section .programmes-item-link:hover img {
transform: scale(1.1);
}
.coreinsights-section .programmes-item-link:hover .mask-hover {
opacity: 0.3;
}
.coreinsights-section .programmes-item-link img {
vertical-align: bottom;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.5s ease-in-out;
}
.coreinsights-section .programmes-item-title {
height: 49px;
padding-bottom: 4px;
padding-left: 30px;
width: 100%;
position: absolute;
bottom: 0;
display: flex;
align-items: center;
justify-content: left;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 1.83px;
letter-spacing: 0.11438rem;
line-height: 15px;
line-height: 0.9375rem;
text-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.49);
}
.coreinsights-section .programmes-caption-title {
margin-bottom: 13px;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
font-size: 23px;
line-height: 33px;
font-size: 1.4375rem;
line-height: 2.0625rem;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
}
.coreinsights-section .programmes-caption-description {
margin: 0 0 26px;
}
.coreinsights-section .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
.coreinsights-section .link-view-all:hover {
opacity: .6;
}
.coreinsights-section .link-view-all {
transition: all .3s ease-in-out;
}
/* Disable bottom padding */
/***************
* Lazy-loading
***************/
.coreinsights-section.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
.coreinsights-section.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
section.cta-blocks {
margin-bottom: 50px;
}
/* Three Blocks */
section.cta-blocks.style--1 {
margin-bottom: 25px;
}
section.cta-blocks.style--1 .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.cta-blocks.style--1 .container {
flex-direction: column;
}
section.cta-blocks.style--1 .block {
margin-bottom: 45px;
}
section.cta-blocks.style--1 .block:last-child {
margin-bottom: 0;
}
/* Two Blocks */
section.cta-blocks.style--2 .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.cta-blocks.style--2 .block {
margin-bottom: 45px;
}
section.cta-blocks.style--2 .block:last-child {
margin-bottom: 0;
}
section.cta-blocks.desktop-mb-90 {
margin-bottom: 50px;
}
section.cta-blocks .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.cta-blocks .block {
position: relative;
width: 100%;
color: #fff;
background-color: #0152A3;
padding: 35px 35px 35px;
margin: 25px auto;
max-width: 385px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
section.cta-blocks .block .icon {
height: 60px;
margin-bottom: 20px;
}
section.cta-blocks .block .icon svg {
width: 90%;
}
section.cta-blocks .block .description {
font-size: 20px;
font-size: 1.25rem;
line-height: 28px;
line-height: 1.75rem;
text-align: center;
font-family: 'Niramit', sans-serif;
margin-bottom: 35px;
letter-spacing: -0.3px;
letter-spacing: -0.01875rem;
}
section.cta-blocks .block .button {
position: absolute;
bottom: -20px;
}
section.cta-blocks .block .button a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
color: #0152A3;
border: 1px solid #0152A3;
background-color: #fff;
min-width: 145px;
min-height: 50px;
padding: 10px 20px;
}
section.cta-information-blocks-alumni {
width: 100%;
background-color: white;
box-shadow: 0 -7px 20px -15px rgba(0,0,0,0.4);
padding-top: 60px;
}
section.cta-information-blocks-alumni .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.cta-information-blocks-alumni .blocks .description {
color: #494949;
font-family: 'Niramit', sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
margin-bottom: 2.5em;
}
section.cta-information-blocks-alumni .blocks .description.width--1 {
width: 100%;
max-width: 85%;
}
section.cta-information-blocks-alumni .blocks .description a, section.cta-information-blocks-alumni .blocks .description a:hover {
color: #0254A7;
text-decoration: underline;
}
section.cta-information-blocks-alumni .blocks .large {
height: 100%;
flex-basis: 638px;
padding: 30px;
margin-bottom: 1.5em;
background-color: #F3F4F6;
box-shadow: 0 1px 0 0 #CCD4D8;
}
section.cta-information-blocks-alumni .blocks .large h3 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
margin-bottom: 0.5em;
line-height: 1.25em;
}
section.cta-information-blocks-alumni .blocks .large h3.width--1 {
max-width: 292px;
}
section.cta-information-blocks-alumni .blocks .large .button.width--1 {
max-width: 315px;
}
section.cta-information-blocks-alumni .blocks .large .button a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
min-height: 85px;
}
section.cta-information-blocks-alumni .blocks .large .button a svg {
margin-right: 16px;
}
section.cta-information-blocks-alumni .blocks .small {
flex-basis: 490px;
}
section.cta-information-blocks-alumni .blocks .small .row {
border-bottom: 1px solid #DBDBDB;
margin-bottom: 2em;
}
section.cta-information-blocks-alumni .blocks .small .row:last-child {
border: 0;
}
section.cta-information-blocks-alumni .blocks .small h3 {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 1em;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
}
section.cta-information-blocks .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.cta-information-blocks .blocks .description {
color: #494949;
font-family: 'Niramit', sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
margin-bottom: 2.5em;
}
section.cta-information-blocks .blocks .description.width--1 {
width: 100%;
max-width: 85%;
}
section.cta-information-blocks .blocks .description a, section.cta-information-blocks .blocks .description a:hover {
color: #0254A7;
text-decoration: underline;
}
section.cta-information-blocks .blocks .large {
height: 100%;
flex-basis: 638px;
padding: 30px;
margin-bottom: 1.5em;
background-color: #F3F4F6;
box-shadow: 0 1px 0 0 #CCD4D8;
}
section.cta-information-blocks .blocks .large h3 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
margin-bottom: 0.5em;
line-height: 1.25em;
}
section.cta-information-blocks .blocks .large h3.width--1 {
max-width: 292px;
}
section.cta-information-blocks .blocks .large .button.width--1 {
max-width: 315px;
}
section.cta-information-blocks .blocks .large .button a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
min-height: 85px;
}
section.cta-information-blocks .blocks .large .button a svg {
margin-right: 16px;
}
section.cta-information-blocks .blocks .small {
flex-basis: 490px;
}
section.cta-information-blocks .blocks .small .row {
border-bottom: 1px solid #DBDBDB;
margin-bottom: 2em;
}
section.cta-information-blocks .blocks .small .row:last-child {
border: 0;
}
section.cta-information-blocks .blocks .small h3 {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 1em;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
}
/**************************************************************
* Experiences group
**************************************************************/
section.cta-tiles-x3 > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.cta-tiles-x3 > .container {
width: 100%;
}
/***************
* Layout
***************/
section.cta-tiles-x3 main.list {
display: block;
}
section.cta-tiles-x3 main.list article.cta-tile {
display: block;
margin-bottom: 30px;
vertical-align: top;
}
/***************
* Modifiers
***************/
/***************
* Lazy-loading
***************/
section.cta-tiles-x3.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.cta-tiles-x3.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Experiences group
**************************************************************/
section.cta-tiles > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.cta-tiles > .container {
width: 100%;
}
/***************
* Layout
***************/
section.cta-tiles main.list {
display: block;
}
section.cta-tiles main.list article.cta-tile {
display: block;
margin-bottom: 30px;
vertical-align: top;
}
/***************
* Modifiers
***************/
/***************
* Lazy-loading
***************/
section.cta-tiles.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.cta-tiles.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Event Agenda
**************************************************************/
section.event-agenda {
padding-top: 30px;
}
section.event-agenda .title {
color: #111111;
}
section.event-agenda .title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.33px;
letter-spacing: -0.02063rem;
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 35px;
}
section.event-agenda .slot {
display: flex;
font-family: 'Niramit', sans-serif;
margin-bottom: 30px;
}
section.event-agenda .slot .time {
color: #494949;
font-weight: 700;
}
section.event-agenda .slot .information {
max-width: 680px;
padding-left: 50px;
}
/**************************************************************
* Events index
**************************************************************/
section.events-index {
background: #F5F6F8;
display: block;
padding: 12px 0 40px;
width: 100%;
}
/* Modifier classes */
section.events-index.pt-0 {
padding-top: 0;
}
section.events-index.no-bottom-margin {
margin-bottom: 0 !important;
}
/* Modifier classes */
/**************
* Containers
***************/
section.events-index > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.events-index > .container {
width: 100%;
}
section.events-index > .container > .inner {
display: block;
width: 100%;
}
section.events-index .columns {
display: flex;
flex-wrap: wrap;
margin-bottom: 25px;
}
section.events-index .columns .single {
width: 100%;
padding-bottom: 10px;
}
/***************
* Filters (sidebar)
***************/
section.events-index aside.filters {
display: block;
margin-bottom: 40px;
padding-top: 14px;
position: relative;
}
section.events-index aside.filters > .inner {
display: block;
}
/**
* Mobile toggle
*/
section.events-index aside.filters header.mobile-toggle a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
color: #000;
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
letter-spacing: .05em;
margin-bottom: 16px;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
/* Arrow */
section.events-index aside.filters header.mobile-toggle a::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
}
/**
* Sidebar title
*/
section.events-index aside.filters .sidebar-title {
font-size: 26px;
line-height: 1.2em;
font-size: 1.625rem;
line-height: 1.2em;
color: #0D1C23;
display: none;
margin-bottom: 35px;
}
/**
* Applied filters
*/
section.events-index aside.filters .applied-filters {
align-items: flex-start;
display: flex;
font-size: 0;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: -20px;
}
section.events-index aside.filters .applied-filters ul.list {
display: inline-block;
flex: 1 1 auto;
padding-right: 20px;
text-align: left;
}
section.events-index aside.filters .applied-filters ul.list li {
align-items: center;
background: #fff url('/wbs2020/media/dist/img/index-filter-remove.svg') no-repeat center left 10px / 9px 8px;
box-shadow: 0 1px 0 0 #ADBAC1;
color: #000;
cursor: pointer;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-size: 0.625rem;
font-weight: 700;
justify-content: flex-start;
letter-spacing: .05em;
margin-bottom: 5px;
min-height: 30px;
padding-right: 10px;
padding-left: 28px;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.events-index aside.filters .applied-filters ul.list li:not(:last-of-type) {
margin-right: 5px;
}
section.events-index aside.filters .applied-filters .reset {
background: transparent;
border: 2px solid #282A2A;
cursor: pointer;
display: inline-block;
flex: 0 0 auto;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-size: 0.625rem;
font-weight: 700;
font-size: 10px;
letter-spacing: .05em;
min-height: 30px;
padding-right: 10px;
padding-left: 10px;
text-align: right;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/**
* Inputs
*/
section.events-index aside.filters main.form {
display: none;
font-style: 0;
padding: 22px 20px 35px;
}
section.events-index aside.filters main.form //@media (--lg-down) {
display: none !important;
}
section.events-index aside.filters .input-group:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.2);
margin-bottom: 35px;
padding-bottom: 35px;
}
/* Title */
section.events-index aside.filters .input-group > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
margin-bottom: 26px;
text-transform: uppercase;
}
/* Inputs */
section.events-index aside.filters .input-group ul {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -3px;
width: calc(100% + 6px);
}
/* Input */
section.events-index aside.filters .input-group ul li {
margin-bottom: 6px;
overflow: hidden;
position: relative;
}
section.events-index aside.filters .input-group ul li input {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100% !important;
height: 100% !important;
}
section.events-index aside.filters .input-group ul li input:checked + label {
border-color: #03ADEF;
color: #fff;
background-color: #03ADEF;
}
section.events-index aside.filters .input-group ul li input:hover + label {
border-color: #03ADEF;
}
section.events-index aside.filters .input-group ul li label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-flex;
font-family: 'Montserrat';
font-weight: 700;
height: 100%;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 8px 20px;
width: 100%;
}
section.events-index aside.filters .input-group ul li input:disabled {
cursor: unset;
}
section.events-index aside.filters .input-group ul li input:disabled + label {
color: #fff;
background-color: #CCD4D8;
}
section.events-index aside.filters .input-group ul li input:disabled:hover + label {
border-color: #dcdcdc;
}
section.events-index aside.filters .input-group ul li {
flex: 1 1 auto;
padding: 0 3px;
}
/**
* Submit button
*/
section.events-index aside.filters .submit {
display: block;
margin-top: 25px;
}
section.events-index aside.filters .submit button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #fff;
background-color: #242525;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in;
margin: 0;
padding: 14px 20px 15px;
width: 100%;
}
/* Disabled */
section.events-index aside.filters .submit button:disabled {
color: #fff;
background-color: #2F2F2F;
opacity: .17;
}
/**
* Call-to-actions
*/
section.events-index aside.filters footer.cta {
display: none;
margin-top: 40px;
}
/***************
* Filters (sidebar)
***************/
section.events-index aside.filters {
display: block;
margin-bottom: 40px;
padding-top: 30px;
position: relative;
}
section.events-index aside.filters > .inner {
background: #F3F4F6;
display: block;
}
/**
* Search
*/
section.events-index aside.filters nav.search-bar {
border-bottom: 1px solid rgba(155,155,155,.2);
display: block;
margin-bottom: 30px;
padding-bottom: 30px;
}
section.events-index aside.filters nav.search-bar input[type="text"] {
border: 0 none;
border-radius: 0;
height: 50px;
font-family: 'Niramit', sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0;
padding: 0 50px 0 15px;
text-transform: none;
}
section.events-index aside.filters nav.search-bar input[type=submit] {
width: 50px;
height: 50px;
}
/**
* Mobile toggle
*/
section.events-index aside.filters header.mobile-toggle {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
margin-bottom: 16px;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-transform: uppercase;
}
/* Arrow */
section.events-index aside.filters header.mobile-toggle::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Open
*/
/* Arrow */
section.events-index aside.filters header.mobile-toggle.open::after {
transform: rotate(-90deg);
}
/**
* Inputs
*/
section.events-index aside.filters main.form {
display: none;
font-style: 0;
padding-top: 22px;
}
section.events-index aside.filters .input-group:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.2);
margin-bottom: 35px;
padding-bottom: 35px;
}
/* Title */
section.events-index aside.filters .input-group > .title, section.events-index aside.filters .input-group .accordion > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
margin-bottom: 26px;
text-transform: uppercase;
}
/* Inputs */
section.events-index aside.filters .input-group ul {
align-items: stretch;
display: flex;
flex-wrap: wrap;
font-size: 0;
justify-content: space-between;
margin: 0 -3px;
width: calc(100% + 6px);
}
/* Input */
section.events-index aside.filters .input-group ul li {
margin-bottom: 6px;
overflow: hidden;
position: relative;
}
section.events-index aside.filters .input-group ul li input {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100% !important;
height: 100% !important;
}
section.events-index aside.filters .input-group ul li input:checked + label {
border-color: #03ADEF;
color: #fff;
background-color: #03ADEF;
}
section.events-index aside.filters .input-group ul li input:hover + label {
border-color: #03ADEF;
}
section.events-index aside.filters .input-group ul li label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-flex;
font-family: 'Montserrat';
font-weight: 700;
height: 100%;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 8px 20px;
width: 100%;
}
section.events-index aside.filters .input-group ul li input:disabled {
cursor: unset;
}
section.events-index aside.filters .input-group ul li input:disabled + label {
color: #fff;
background-color: #CCD4D8;
}
section.events-index aside.filters .input-group ul li input:disabled:hover + label {
border-color: #dcdcdc;
}
section.events-index aside.filters .input-group ul li {
flex: 1 1 auto;
height: 42px;
padding: 0 3px;
}
section.events-index aside.filters .input-group ul li.size--third {
flex-basis: 33.3333%;
}
section.events-index aside.filters .input-group ul li.size--half {
flex-basis: 50%;
}
section.events-index aside.filters .input-group ul li.size--full {
flex-basis: 100%;
}
/**
* Accordion
*/
section.events-index aside.filters .input-group .accordion:first-of-type {
margin-top: 28px;
}
section.events-index aside.filters .input-group .accordion:not(:last-of-type) {
margin-bottom: 10px;
}
section.events-index aside.filters .input-group .accordion > .title {
cursor: pointer;
margin-bottom: 0;
padding: 5px 0 5px 28px;
position: relative;
}
section.events-index aside.filters .input-group .accordion > .title::before {
background: transparent url('/wbs2020/media/dist/img/index-filter-accordion-arrow.svg') no-repeat center / 19px 9px;
content: "";
display: block;
top: 6px;
left: 0;
position: absolute;
width: 19px;
height: 9px;
transform: rotate(0deg);
transition: all .2s cubic-bezier(0.77, 0, 0.175, 1);
}
section.events-index aside.filters .input-group .accordion ul {
display: none;
padding: 12px 0 15px;
}
/**
* Open
*/
section.events-index aside.filters .input-group .accordion.open > .title::before {
transform: rotate(180deg);
}
/**
* Submit button
*/
section.events-index aside.filters .submit {
display: block;
margin-top: 25px;
}
section.events-index aside.filters .submit button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #fff;
background-color: #1C1E20;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in;
margin: 0;
padding: 14px 20px 15px;
width: 100%;
}
section.events-index aside.filters .submit button:not(:disabled) {
cursor: pointer;
}
/* Disabled */
section.events-index aside.filters .submit button:disabled {
color: #fff;
background-color: #2F2F2F;
opacity: .17;
}
/***************
* Content
***************/
section.events-index main.listing {
display: block;
}
section.events-index main.listing .heading {
font-size: calc(18px + 8 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 8 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
display: flex;
color: #000;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
margin: 15px 0px 28px;
}
section.events-index main.listing .heading .image {
height: 37px;
width: 37px;
border-radius: 100px;
margin-right: 15px;
position: relative;
}
section.events-index main.listing .heading .image img {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/**
* Search bar
*/
section.events-index nav.search-bar {
display: none;
font-size: 0;
margin-bottom: 30px;
position: relative;
}
section.events-index nav.search-bar input[type="text"] {
border: 1px solid #979797;
border-radius: 30px;
color: #000;
background-color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
line-height: 1em;
font-size: 0.625rem;
line-height: 1em;
font-weight: 700;
letter-spacing: .1025em;
margin: auto 0;
text-transform: uppercase;
padding: 0 30px;
width: 100%;
height: 62px;
z-index: 0;
}
section.events-index nav.search-bar input[type="text"]::-moz-placeholder {
color: #000;
}
section.events-index nav.search-bar input[type="text"]::placeholder {
color: #000;
}
section.events-index nav.search-bar button, section.events-index nav.search-bar input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url('/media/dist/img/header-search-icon.svg') no-repeat center / 15px;
border-radius: 100%;
color: transparent;
cursor: pointer;
font-size: 0;
margin: auto 0;
top: 0;
right: 0;
position: absolute;
width: 62px;
height: 62px;
z-index: 1;
}
/***************
* Pagination
***************/
section.events-index .pagination {
display: block;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
font-size: 0;
margin-top: 30px;
text-align: center;
text-transform: uppercase;
}
section.events-index .pagination aside {
display: block;
}
section.events-index .pagination aside.showing {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
}
section.events-index .pagination aside.showing b {
font-weight: 700;
}
section.events-index .pagination aside.numbers {
margin-top: 16px;
}
section.events-index .pagination aside.numbers li {
display: inline-block;
margin: 0 5px;
width: 44px;
height: 44px;
vertical-align: top;
}
section.events-index .pagination aside.numbers li a, section.events-index .pagination aside.numbers li span {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
align-items: center;
color: #111111;
background-color: #fff;
display: flex;
font-weight: 700;
justify-content: center;
position: relative;
width: inherit;
height: inherit;
text-align: center;
text-decoration: none;
transition: all .15s ease;
}
section.events-index .pagination aside.numbers li a:hover {
background: rgba(155,155,155,.2);
}
section.events-index .pagination aside.numbers li.current a {
color: #fff;
background-color: #0254A7;
}
section.events-index .pagination aside.numbers li.arrow a {
color: transparent !important;
font-size: 0 !important;
overflow: hidden;
text-indent: -999px;
}
section.events-index .pagination aside.numbers li.arrow a::before {
background: transparent url('/wbs2020/media/dist/img/news-list-pagination-arrow.svg') no-repeat center / 8px 12px;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 8px;
height: 12px;
}
section.events-index .pagination aside.numbers li.arrow.arrow--newer a::before {
transform: rotate(180deg);
}
/***************
* Lazy-loading
***************/
section.events-index.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.events-index.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Experiences group
**************************************************************/
section.experiences-group > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.experiences-group > .container {
width: 100%;
}
/**
* Header
*/
section.experiences-group header {
display: block;
margin-bottom: 42px;
}
/* Title */
section.experiences-group header > .title {
color: #0254A7;
font-family: 'Aleo', serif;
font-weight: 400;
}
section.experiences-group header > .title.size--01 {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
}
/* Executive Education specific heading style */
section.experiences-group header > .title.exec-ed-heading {
font-family: 'Montserrat', sans-serif;/* Using the primary font family */
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
}
/* View all */
section.experiences-group header > .view-all {
display: none;
}
section.experiences-group header > .view-all a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.experiences-group header > .view-all a:hover {
opacity: .6;
}
section.experiences-group header > .view-all a {
color: rgba(0,0,0,.81) !important;
background-position: top right 0;
background-size: 37px 30px;
opacity: 1;
}
/***************
* Layout
***************/
section.experiences-group main.list {
display: block;
}
section.experiences-group main.list article.case-study {
display: block;
margin-bottom: 40px;
vertical-align: top;
}
section.experiences-group main.list article.case-study .text {
background: #F5F6F8;
box-shadow: 0 1px 0 0 #CCD4D8;
padding: 22px 40px 38px;
}
/***************
* Modifiers
***************/
section.experiences-group.padding--01 {
padding: 45px 0 30px;
}
/***************
* Lazy-loading
***************/
section.experiences-group.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.experiences-group.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Expertise Section - Executive Education Version
**************************************************************/
.expertise-section-executive .c--tone-green1-1 {
background-color: #4B6D76;
}
.expertise-section-executive .c--tone-green1-2 {
background-color: #137625;
}
.expertise-section-executive .c--tone-green1-3 {
background-color: #71760a;
}
.expertise-section-executive .c--tone-green1-4 {
background-color: #05766a;
}
.expertise-section-executive .c--tone-green1-5 {
background-color: #337602;
}
.expertise-section-executive .c--tone-brown1-1 {
background-color: #763323;
}
.expertise-section-executive .c--tone-blue1-1 {
background-color: #222576;
}
.expertise-section-executive .c--tone-purple1-1 {
background-color: #6c0476;
}
.expertise-section-executive .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
.expertise-section-executive .section-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #0B63AF;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
margin-bottom: 10px;
}
.expertise-section-executive .section-subtitle {
margin: 0;
}
/**
* Wrapper
*/
.expertise-section-executive .inner {
background-color: #F0F2F3;
display: block;
overflow: hidden;
position: relative;
}
/**
* Left side
*/
.expertise-section-executive aside.expertise-caption {
box-sizing: border-box;
display: block;
padding: 28px 0;
width: 100%;
}
.expertise-section-executive aside.expertise-caption .section-subtitle {
max-width: 440px;
margin-bottom: 40px;
}
.expertise-section-executive .expertise-caption-items {
padding: 0;
margin: 0;
list-style: none;
}
.expertise-section-executive .expertise-caption-items li {
position: relative;
padding-left: 28px;
margin-bottom: 9px;
color: #464647;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
line-height: 24px;
line-height: 1.5rem;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}
.expertise-section-executive .expertise-caption-items li::before {
border-bottom: 2.4px solid #0B63AF;
border-right: 2.4px solid #0B63AF;
content: '';
top: 7px;
left: -2px;
position: absolute;
width: 10px;
height: 10px;
transform: rotate(-45deg);
}
.expertise-section-executive .expertise-caption-items li a {
color: rgba(#464647, .9);
text-decoration: none;
}
.expertise-section-executive .expertise-caption-items li a:hover {
color: #289EFF;
}
.expertise-section-executive .expertise-caption-items li.active {
color: #637465 !important;
font-weight: 800 !important;
}
.expertise-section-executive .expertise-caption-items li.active a {
color: #637465 !important;
font-weight: 800 !important;
}
/* Additional specific selector for active state - override Vue CSS */
.expertise-section-executive .expertise-caption-items li.active a {
color: #637465 !important;
font-weight: 800 !important;
}
.expertise-section-executive .expertise-footer {
border-top: 1px solid #0054A4;
padding-top: 27px;
margin-top: 27px;
}
.expertise-section-executive .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
.expertise-section-executive .link-view-all:hover {
opacity: .6;
}
.expertise-section-executive .link-view-all {
margin-left: 0;
transition: all .3s ease-in-out;
}
/**
* Right side
*/
.expertise-section-executive aside.expertise-content {
box-sizing: border-box;
display: none;
position: relative;
width: 100%;
}
.expertise-section-executive .expertise-content-item {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
position: relative;
}
.expertise-section-executive .expertise-content-item figure.image {
height: calc(100% - 155px);
overflow: hidden;
position: relative;
}
.expertise-section-executive .expertise-content-item figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.expertise-section-executive .expertise-content-item .footer {
height: auto;
background-color: #637465;
padding: 30px 40px;
}
.expertise-section-executive .expertise-content-item .footer .title {
margin-bottom: 15px;
display: block;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
line-height: 1.4;
}
.expertise-section-executive .expertise-content-item .footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.expertise-section-executive .expertise-content-item .footer ul li {
position: relative;
padding-left: 15px;
color: #fff;
font-size: 16px;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 8px;
text-transform: none;
letter-spacing: normal;
}
.expertise-section-executive .expertise-content-item .footer ul li::before {
content: '•';
position: absolute;
left: 0;
color: #fff;
}
.expertise-section-executive .expertise-content-item .footer ul li:last-child {
margin-bottom: 0;
}
/***************
* Lazy-loading
***************/
.expertise-section-executive.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.expertise-section-executive.view-detect.viewed {
opacity: 1;
}
/* Override Vue CSS with higher specificity */
.expertise-section-executive .expertise-caption-items li.active a {
color: #637465 !important;
font-weight: 800 !important;
font-size: 13px !important;
font-size: 0.8125rem !important;
}
.expertise-section-executive .expertise-caption-items li.active::before {
border-bottom-color: black !important;
border-right-color: black !important;
}
/* END OF DOCUMENT */
/**************************************************************
* Expertise Section
**************************************************************/
.expertise-section-pathways {
display: none;
}
.expertise-section-pathways .c--tone-green1-1 {
background-color: #4B6D76;
}
.expertise-section-pathways .c--tone-green1-2 {
background-color: #137625;
}
.expertise-section-pathways .c--tone-green1-3 {
background-color: #71760a;
}
.expertise-section-pathways .c--tone-green1-4 {
background-color: #05766a;
}
.expertise-section-pathways .c--tone-green1-5 {
background-color: #337602;
}
.expertise-section-pathways .c--tone-brown1-1 {
background-color: #763323;
}
.expertise-section-pathways .c--tone-blue1-1 {
background-color: #222576;
}
.expertise-section-pathways .c--tone-purple1-1 {
background-color: #6c0476;
}
.expertise-section-pathways .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
.expertise-section-pathways .section-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #0B63AF;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
margin-bottom: 10px;
}
.expertise-section-pathways .section-subtitle {
margin: 0;
}
/**
* Wrapper
*/
.expertise-section-pathways .inner {
background-color: #F0F2F3;
display: block;
overflow: hidden;
position: relative;
min-height: 600px;
}
/**
* Left side
*/
.expertise-section-pathways aside.expertise-caption {
background-color: #6f8372;
box-sizing: border-box;
display: none;
padding: 28px 28px;
width: 100%;
}
.expertise-section-pathways aside.expertise-caption .section-subtitle {
max-width: 440px;
margin-bottom: 40px;
color: white;
}
.expertise-section-pathways .expertise-caption-items {
padding: 0;
margin: 0;
list-style: none;
}
.expertise-section-pathways .expertise-caption-items li {
position: relative;
padding-left: 28px;
margin-bottom: 9px;/* color: $c--10; */
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
line-height: 24px;
line-height: 1.5rem;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.expertise-section-pathways .expertise-caption-items li::before {
border-bottom: 2.4px solid white;
border-right: 2.4px solid white;
content: '';
top: 7px;
left: -2px;
position: absolute;
width: 10px;
height: 10px;
transform: rotate(-45deg);
}
.expertise-section-pathways .expertise-caption-items li a {/* color: rgba($c--10, .9); */
color: white;
text-decoration: none;
}
.expertise-section-pathways .expertise-caption-items li:hover a {
text-decoration:underline;
}
.expertise-section-pathways .expertise-footer-left {
border-top: 1px solid white;
padding-top: 27px;
margin-top: 27px;
}
.expertise-section-pathways .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
.expertise-section-pathways .link-view-all:hover {
opacity: .6;
}
.expertise-section-pathways .link-view-all {
margin-left: 0;
transition: all .3s ease-in-out;
}
/**
* Right side
*/
.expertise-section-pathways aside.expertise-content {
box-sizing: border-box;
display: none;
position: relative;
width: 100%;
}
.expertise-section-pathways .expertise-award-items {
padding: 0;
margin: 20px 0px;
list-style: none;
}
.expertise-section-pathways .expertise-award-items li {
position: relative;
padding-left: 28px;
margin-bottom: 9px;/* color: white; */
color: #637465;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
line-height: 24px;
line-height: 1.5rem;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.expertise-section-pathways .expertise-award-items li::before {/* border-bottom: 2.4px solid white;
border-right: 2.4px solid white; */
border-bottom: 2.4px solid #637465;
border-right: 2.4px solid #637465;
content: '';
top: 7px;
left: -2px;
position: absolute;
width: 10px;
height: 10px;
transform: rotate(-45deg);
}
.expertise-section-pathways .expertise-award-items li a {/* color: white!important; */
color: #637465!important;
text-decoration: none;
}
.expertise-section-pathways .expertise-award-items li:hover a {
color: #289EFF;
}
.expertise-section-pathways .expertise-content-item {
display: flex;
flex-direction: column;
height: 100%;
z-index: 1;
justify-content: space-between;
opacity: 0;
top: 0;
left: 0;
position: absolute;
transition: all 1s ease-in-out;
}
.expertise-section-pathways .expertise-content-item.active {
opacity: 1;
z-index: 100;
}
.expertise-section-pathways .expertise-content-item .footer {
height: 100%;
background-color: #F0F2F3;
}
.expertise-section-pathways .expertise-content-item .footer .section-subtitle {
max-width: 440px;
margin-bottom: 40px;
color: #6f8372;
}
.expertise-section-pathways .expertise-content-item .footer .link {
height: 100%;
box-sizing: border-box;
display: block;
padding: 55px 50px 37px 58px;
text-decoration: none;
transition: all 0.5s ease-in-out;
}
.expertise-section-pathways .expertise-content-item .footer .link .section-title {/* min-height: 86px; */
color: #637465;
}
.expertise-section-pathways .expertise-content-item .footer .link .description {/* color: $c--white; */
color: #637465;
display: block;
font-size: 16px;
font-size: 1rem;
font-weight: 300;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
line-height: 24px;
line-height: 1.5rem;
opacity: .76;
}
/* Active/current */
.expertise-section-pathways .expertise-content-item.active .link {
top: 0;
}
.expertise-section-pathways .expertise-footer-right {
border-top: 1px solid #6f8372;
padding-top: 27px;
margin-top: 27px;
}
/***************
* Lazy-loading
***************/
.expertise-section-pathways.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
.expertise-section-pathways.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Expertise Section Vue Component Styles
**************************************************************/
/* Layout Visibility */
.expertise-section-executive .desktop-layout {
display: block;
}
.expertise-section-executive .section-title {
color: #1a1a2e;
}
.expertise-section-executive .mobile-layout {
display: none !important;
}
/* Desktop Layout Styles */
.expertise-section-executive .desktop-layout {
background-color: #F0F2F3;
}
.expertise-section-executive .desktop-layout .inner {
display: flex;
align-items: stretch;
}
.expertise-section-executive .desktop-layout .expertise-caption {
flex: 0 0 50%;
padding: 55px 50px 37px 58px;
}
.expertise-section-executive .desktop-layout .expertise-content {
flex: 0 0 50%;
position: relative;
}
.expertise-section-executive .desktop-layout .expertise-content-item {
height: 100%;
display: flex;
flex-direction: column;
}
.expertise-section-executive .desktop-layout .image {
flex: 1;
position: relative;
overflow: hidden;
}
.expertise-section-executive .desktop-layout .image .src {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
}
.expertise-section-executive .desktop-layout .footer {
background-color: #637465;
padding: 30px 40px;
}
.expertise-section-executive .desktop-layout .footer .title {
color: #fff;
font-size: 24px;
font-size: 1.5rem;
margin-bottom: 20px;
display: block;
}
.expertise-section-executive .desktop-layout .footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.expertise-section-executive .desktop-layout .footer ul li {
margin-bottom: 10px;
}
/* Mobile Layout (hide by default) */
.expertise-section-executive .mobile-layout {
display: none;
}
/* Transitions */
.expertise-section-executive .fade-enter-active,
.expertise-section-executive .fade-leave-active {
transition: opacity 0.3s ease;
}
.expertise-section-executive .fade-enter-from,
.expertise-section-executive .fade-leave-to {
opacity: 0;
}
/* Theme Links */
.expertise-section-executive .expertise-caption-items li {
cursor: pointer;
}
.expertise-section-executive .expertise-caption-items li.active a {
color: #0B63AF !important;
}
/* Footer Links */
.expertise-section-executive .footer ul li a {
color: #fff !important;
text-decoration: none;
}
.expertise-section-executive .footer ul li a:hover {
color: rgba(255, 255, 255, 0.8) !important;
}
/* Expand Animation */
.expand-enter-active,
.expand-leave-active {
transition: all 0.3s ease-out;
overflow: hidden;
}
.expand-enter-from,
.expand-leave-to {
opacity: 0;
height: 0;
}
/**************************************************************
* Expertise Section
**************************************************************/
.expertise-section .c--tone-green1-1 {
background-color: #4B6D76;
}
.expertise-section .c--tone-green1-2 {
background-color: #137625;
}
.expertise-section .c--tone-green1-3 {
background-color: #71760a;
}
.expertise-section .c--tone-green1-4 {
background-color: #05766a;
}
.expertise-section .c--tone-green1-5 {
background-color: #337602;
}
.expertise-section .c--tone-brown1-1 {
background-color: #763323;
}
.expertise-section .c--tone-blue1-1 {
background-color: #222576;
}
.expertise-section .c--tone-purple1-1 {
background-color: #6c0476;
}
.expertise-section .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
.expertise-section .section-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #0B63AF;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
margin-bottom: 10px;
}
.expertise-section .section-subtitle {
margin: 0;
}
/**
* Wrapper
*/
.expertise-section .inner {
background-color: #F0F2F3;
display: block;
overflow: hidden;
position: relative;
}
/**
* Left side
*/
.expertise-section aside.expertise-caption {
box-sizing: border-box;
display: block;
padding: 28px 0;
width: 100%;
}
.expertise-section aside.expertise-caption .section-subtitle {
max-width: 440px;
margin-bottom: 40px;
}
.expertise-section .expertise-caption-items {
padding: 0;
margin: 0;
list-style: none;
}
.expertise-section .expertise-caption-items li {
position: relative;
padding-left: 28px;
margin-bottom: 9px;
color: #464647;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
line-height: 24px;
line-height: 1.5rem;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.expertise-section .expertise-caption-items li::before {
border-bottom: 2.4px solid #0B63AF;
border-right: 2.4px solid #0B63AF;
content: '';
top: 7px;
left: -2px;
position: absolute;
width: 10px;
height: 10px;
transform: rotate(-45deg);
}
.expertise-section .expertise-caption-items li a {
color: rgba(#464647, .9);
text-decoration: none;
}
.expertise-section .expertise-caption-items li:hover a {
color: #289EFF;
}
.expertise-section .expertise-footer {
border-top: 1px solid #0054A4;
padding-top: 27px;
margin-top: 27px;
}
.expertise-section .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
.expertise-section .link-view-all:hover {
opacity: .6;
}
.expertise-section .link-view-all {
margin-left: 0;
transition: all .3s ease-in-out;
}
/**
* Right side
*/
.expertise-section aside.expertise-content {
box-sizing: border-box;
display: none;
position: relative;
width: 100%;
}
.expertise-section .expertise-content-item {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
opacity: 0;
top: 0;
left: 0;
position: absolute;
transition: all 1s ease-in-out;
}
.expertise-section .expertise-content-item.active {
opacity: 1;
}
.expertise-section .expertise-content-item figure.image {
height: calc(100% - 155px);
overflow: hidden;
position: relative;
}
.expertise-section .expertise-content-item figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.expertise-section .expertise-content-item .footer {
height: 153px;
}
.expertise-section .expertise-content-item .footer .link {
position: relative;
top: 50px;
height: 100%;
box-sizing: border-box;
display: block;
position: relative;
padding: 25px 150px 10px 52px;
text-decoration: none;
transition: all 0.5s ease-in-out;
}
.expertise-section .expertise-content-item .footer .link::after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 130px;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
background-image: url('/media/dist/img/ic-angle-right.svg');
background-repeat: no-repeat;
background-size: 20px;
background-position: 50%;
}
.expertise-section .expertise-content-item .footer .link .title {
margin-bottom: 5px;
display: block;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 22px;
font-size: 1.375rem;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
line-height: 36px;
line-height: 2.25rem;
}
.expertise-section .expertise-content-item .footer .link .description {
color: #fff;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 300;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
line-height: 24px;
line-height: 1.5rem;
opacity: .76;
}
/* Active/current */
.expertise-section .expertise-content-item.active .link {
top: 0;
}
/***************
* Lazy-loading
***************/
.expertise-section.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
.expertise-section.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Extendable references
**************************************************************/
section.extendable-references {
display: block;
}
/***************
* Heading
***************/
section.extendable-references .heading {
font-size: calc(24px + 9 * ((100vw - 420px) / 860));
font-size: calc(1.5rem + 9 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
/***************
* List
***************/
section.extendable-references ul {
font-size: 0;
}
section.extendable-references li {
display: none;
padding: 24px 11px 30px;
}
section.extendable-references li:nth-of-type(2n+1) {
background: #F5F7F8;
}
section.extendable-references li:nth-of-type(2n+2) {
background: #EDF2F4;
}
section.extendable-references li .title {
font-size: calc(18px + 2 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 2 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 15px;
}
section.extendable-references li .title, section.extendable-references li .title a {
color: #0254A7;
}
section.extendable-references li .title a:hover {
text-decoration: underline;
}
section.extendable-references li .description {
font-size: calc(13px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
}
section.extendable-references li .description .category {
display: block;
margin-bottom: 10px;
}
section.extendable-references li .description .category i.colour {
display: inline-block;
margin: 2px 11px 0 0;
width: 8px;
height: 8px;
vertical-align: top;
}
section.extendable-references li .description .category span.label {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
color: #000;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
vertical-align: top;
}
section.extendable-references li .link {
display: block;
margin-top: 23px;
}
section.extendable-references li .link a {
background: transparent url('/wbs2020/media/dist/img/extendable-ref-link-arrow.svg') no-repeat top right / 6px;
color: #000;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: .075em;
line-height: 2em;
padding-right: 12px;
text-transform: uppercase;
}
section.extendable-references li .link a:hover {
text-decoration: underline;
}
section.extendable-references li .toggle {
display: block;
margin-top: 23px;
}
section.extendable-references li .toggle .toggle-label {
color: #000;
cursor: pointer;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: .075em;
line-height: 2em;
min-height: 9px;
padding-left: 27px;
position: relative;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.extendable-references li .toggle .toggle-label::before {
background: transparent url('/wbs2020/media/dist/img/index-filter-accordion-arrow.svg') no-repeat center / 14px 9px;
content: "";
top: 7px;
left: 0;
position: absolute;
width: 14px;
height: 9px;
transform: rotate(0);
transition: all .2s cubic-bezier(0.77, 0, 0.175, 1);
}
section.extendable-references li .toggle .toggle-content {
font-size: calc(13px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
color: #494949;
display: none;
font-family: 'Niramit', sans-serif;
padding-top: 18px;
}
section.extendable-references li .toggle .toggle-content p:not(:last-of-type) {
margin-bottom: 20px;
}
section.extendable-references li .toggle.open .toggle-label::before {
transform: rotate(-180deg);
}
/***************
* Load button
***************/
section.extendable-references .load-button {
display: block;
font-size: 0;
margin-top: 30px;
text-align: center;
}
section.extendable-references .load-button span {
align-items: center;
background: transparent;
border: 1px solid #3777B8;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: .075em;
line-height: 2em;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 50px;
padding: 0 50px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.extendable-references .load-button span:hover {
background: #3777B8;
color: #fff;
}
section.extendable-references .load-button span {
cursor: pointer;
margin: 0 10px;
min-width: 200px;
}
section.extendable-references .load-button span.hidden {
display: none;
}
/***************
* Lazy-loading
***************/
section.extendable-references.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.extendable-references.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Image aside text
**************************************************************/
section.featured-img-aside-text {
display: block;
}
section.featured-img-aside-text.margin-bottom--01 {
margin-bottom: 30px;
}
section.featured-img-aside-text .heading {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 32px;
}
section.featured-img-aside-text .pane {
background: #F3F4F6;
display: block;
font-size: 0;
}
section.featured-img-aside-text .pane aside {
display: block;
}
section.featured-img-aside-text .pane aside.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 0;
padding-bottom: 70%;
}
section.featured-img-aside-text .pane aside.textarea {
padding: 25px 11px 42px;
}
section.featured-img-aside-text .pane .title {
color: #0054A4;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 1.35em;
font-size: 0.9375rem;
line-height: 1.35em;
font-weight: 700;
letter-spacing: .0325em;
margin-bottom: 16px;
text-transform: uppercase;
}
section.featured-img-aside-text .pane .description {
color: #535353;
display: block;
font-family: 'Niramit', sans-serif;
font-size: 16px;
line-height: 1.725em;
font-size: 1rem;
line-height: 1.725em;
margin-bottom: 28px;
}
section.featured-img-aside-text .pane ul.links li {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: #F3F4F6 url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left 0 top 0 / 10px 15px;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin-top: 9px;
padding-left: 26px;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.featured-img-aside-text .pane ul.links li a {
color: #000;
}
section.featured-img-aside-text .pane ul.links li a:hover {
color: rgba(#000, .6);
}
/***************
* Lazy-loading
***************/
section.featured-img-aside-text.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.featured-img-aside-text.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Financial tabs
**************************************************************/
section.financial-tabs {
display: block;
margin-bottom: 40px !important;
width: 100%;
/***************
* Navigation
***************/
}
/**
* Tabs (desktop)
*/
section.financial-tabs nav.tabs {
display: none;
}
section.financial-tabs nav.tabs ul {
align-items: stretch;
display: flex;
justify-content: flex-start;
margin: 0;
}
section.financial-tabs nav.tabs ul li {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
}
section.financial-tabs nav.tabs ul li a {
border-top: 2px solid #fff;
color: #000;
padding: 18px 20px 21px;
transition: color .3s cubic-bezier(0.77, 0, 0.175, 1);
}
/* Hover */
section.financial-tabs nav.tabs ul li a:hover {
background: #F5F6F8;
}
/* Active */
section.financial-tabs nav.tabs ul li a.active {
border-color: #00A99F;
color: #000;
background-color: #F5F6F8;
}
/**
* Accordions (mobile)
*/
section.financial-tabs .item {
cursor: pointer;
overflow: hidden;
position: relative;
}
/* Title */
section.financial-tabs .item::before {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: #F3F4F6 url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left 20px top 24px / 10px 15px;
color: #1C1E20;
content: attr(data-title);
display: flex;
justify-content: flex-start;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 60px;
padding: 0 11px 0 38px;
position: relative;
text-transform: uppercase;
width: 100%;
}
/* Arrow */
section.financial-tabs .item::after {
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 23px;
right: 20px;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Active
*/
section.financial-tabs .item.active::before {
color: #000;
}
section.financial-tabs .item.active::after {
transform: rotate(-90deg);
}
/***************
* Tabs content
***************/
section.financial-tabs .tabbed-content {
width: 100%;
}
/* Item */
section.financial-tabs .tabbed-content .item .item-content {
background: #F3F4F6;
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
visibility: hidden;
}
section.financial-tabs .tabbed-content .item .item-content > .inner {
display: block;
padding: 0 22px 45px;
width: 100%;
}
/**
* Finance table
*/
section.financial-tabs .tabbed-content ul.financial-crumb {
margin-bottom: 40px;
padding: 20px 0 0;
}
section.financial-tabs .tabbed-content ul.financial-crumb li {
display: block;
position: relative;
text-align: center;
vertical-align: top;
}
section.financial-tabs .tabbed-content ul.financial-crumb li:not(:last-of-type) {
margin-bottom: 5px;
padding-bottom: 42px;
}
section.financial-tabs .tabbed-content ul.financial-crumb li:not(:last-of-type)::after {
background: transparent url('/wbs2020/media/dist/img/financial-crumb-arrow.svg') no-repeat center / 14px 52px;
content: "";
margin: 0 auto;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 14px;
height: 52px;
text-align: center;
transform-origin: center;
transform: rotate(90deg);
}
section.financial-tabs .tabbed-content ul.financial-crumb li span {
display: block;
font-family: 'Montserrat', sans-serif;
}
section.financial-tabs .tabbed-content ul.financial-crumb li span.label {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
}
section.financial-tabs .tabbed-content ul.financial-crumb li span.figure {
font-size: 40px;
line-height: 1.645em;
font-size: 2.5rem;
line-height: 1.645em;
color: #007154;
}
section.financial-tabs .tabbed-content ul.financial-crumb li:last-of-type {
background: #EBEDEF;
padding: 28px 20px 25px;
}
section.financial-tabs .tabbed-content ul.financial-crumb li:last-of-type span.figure {
font-weight: 600;
}
/**
* Two column list
*/
section.financial-tabs .tabbed-content .two-col-list .title {
font-size: 22px;
line-height: 1.645em;
font-size: 1.375rem;
line-height: 1.645em;
color: #007154;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
section.financial-tabs .tabbed-content .two-col-list ul, section.financial-tabs .tabbed-content .two-col-list ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.financial-tabs .tabbed-content .two-col-list ul li, section.financial-tabs .tabbed-content .two-col-list ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.financial-tabs .tabbed-content .two-col-list ul li::before, section.financial-tabs .tabbed-content .two-col-list ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.financial-tabs .tabbed-content .two-col-list ul li ul, section.financial-tabs .tabbed-content .two-col-list ul li ol, section.financial-tabs .tabbed-content .two-col-list ol li ul, section.financial-tabs .tabbed-content .two-col-list ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.financial-tabs .tabbed-content .two-col-list ul li:not(:last-of-type), section.financial-tabs .tabbed-content .two-col-list ol li:not(:last-of-type) {
margin-bottom: 9px;
}
section.financial-tabs .tabbed-content .two-col-list ul li p:last-of-type, section.financial-tabs .tabbed-content .two-col-list ol li p:last-of-type {
margin-bottom: 0;
}
section.financial-tabs .tabbed-content .two-col-list ul li::before, section.financial-tabs .tabbed-content .two-col-list ol li::before {
color: black;
}
section.financial-tabs .tabbed-content .two-col-list ul, section.financial-tabs .tabbed-content .two-col-list ol {
color: #494949;
font-size: 0;
}
section.financial-tabs .tabbed-content .two-col-list ul li, section.financial-tabs .tabbed-content .two-col-list ol li {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
display: block;
}
section.financial-tabs .tabbed-content .two-col-list ol {
padding-left: 17px;
}
section.financial-tabs .tabbed-content .two-col-list ol > li {
list-style: decimal !important;
padding-left: 13px;
}
section.financial-tabs .tabbed-content .two-col-list ol > li::before {
display: none;
}
section.financial-tabs .tabbed-content .two-col-list ol ol li {
list-style: lower-latin !important;
}
/**
* Text area
*/
section.financial-tabs .tabbed-content .textarea h2, section.financial-tabs .tabbed-content .textarea h3, section.financial-tabs .tabbed-content .textarea h4, section.financial-tabs .tabbed-content .textarea h5, section.financial-tabs .tabbed-content .textarea h6 {
color: #111111;
}
section.financial-tabs .tabbed-content .textarea h2, section.financial-tabs .tabbed-content .textarea h3, section.financial-tabs .tabbed-content .textarea h5, section.financial-tabs .tabbed-content .textarea h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.financial-tabs .tabbed-content .textarea h2 {
font-size: calc(21px + 11 * ((100vw - 420px) / 860));
font-size: calc(1.3125rem + 11 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
margin-bottom: 21px;
}
section.financial-tabs .tabbed-content .textarea h2.alt--01 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
}
section.financial-tabs .tabbed-content .textarea h3 {
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 20px;
}
section.financial-tabs .tabbed-content .textarea h4 {
font-family: 'Niramit', sans-serif;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 20px;
}
section.financial-tabs .tabbed-content .textarea h5 {
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 12px;
}
section.financial-tabs .tabbed-content .textarea h6 {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 9px;
}
section.financial-tabs .tabbed-content .textarea p {
display: block;
margin-bottom: 32px;
}
section.financial-tabs .tabbed-content .textarea b, section.financial-tabs .tabbed-content .textarea strong {
color: #000;
font-weight: 700;
}
section.financial-tabs .tabbed-content .textarea i {
font-style: italic;
}
section.financial-tabs .tabbed-content .textarea u {
text-decoration: underline;
}
section.financial-tabs .tabbed-content .textarea a {
color: #0B63AF;/*text-decoration: underline;*/
transition: all .2s ease-in-out;
}
section.financial-tabs .tabbed-content .textarea a:hover {
text-decoration: underline;
}
section.financial-tabs .tabbed-content .textarea blockquote {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #0B63AF;
display: block;
font-family: 'Aleo', serif;
font-weight: 400;
margin: 0 auto 50px;
max-width: 550px;
padding: 10px 0 0 14px;
width: 100%;
}
section.financial-tabs .tabbed-content .textarea blockquote p {
display: block;
overflow: visible;
position: relative;
}
section.financial-tabs .tabbed-content .textarea blockquote p::before {
display: inline-block;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
top: -2px;
left: -14px;
position: absolute;
}
section.financial-tabs .tabbed-content .textarea blockquote p:first-of-type::before {
content: "“";
}
section.financial-tabs .tabbed-content .textarea blockquote p:last-of-type::after {
content: '"';
}
section.financial-tabs .tabbed-content .textarea ul, section.financial-tabs .tabbed-content .textarea ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.financial-tabs .tabbed-content .textarea ul li, section.financial-tabs .tabbed-content .textarea ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.financial-tabs .tabbed-content .textarea ul li::before, section.financial-tabs .tabbed-content .textarea ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.financial-tabs .tabbed-content .textarea ul li ul, section.financial-tabs .tabbed-content .textarea ul li ol, section.financial-tabs .tabbed-content .textarea ol li ul, section.financial-tabs .tabbed-content .textarea ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.financial-tabs .tabbed-content .textarea ul li:not(:last-of-type), section.financial-tabs .tabbed-content .textarea ol li:not(:last-of-type) {
margin-bottom: 9px;
}
section.financial-tabs .tabbed-content .textarea ul li p:last-of-type, section.financial-tabs .tabbed-content .textarea ol li p:last-of-type {
margin-bottom: 0;
}
section.financial-tabs .tabbed-content .textarea ul li::before, section.financial-tabs .tabbed-content .textarea ol li::before {
color: black;
}
section.financial-tabs .tabbed-content .textarea ol {
padding-left: 17px;
}
section.financial-tabs .tabbed-content .textarea ol > li {
list-style: decimal !important;
padding-left: 13px;
}
section.financial-tabs .tabbed-content .textarea ol > li::before {
display: none;
}
section.financial-tabs .tabbed-content .textarea ol ol li {
list-style: lower-latin !important;
}
section.financial-tabs .tabbed-content .textarea figcaption {
margin-bottom: 30px;
font-size: 95%;
font-style: italic;
}
section.financial-tabs .tabbed-content .textarea em, section.financial-tabs .tabbed-content .textarea em a {
font-style: italic;
}
section.financial-tabs .tabbed-content .textarea p {
margin-bottom: 22px;
}
/* Buttons */
section.financial-tabs .tabbed-content .textarea a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.financial-tabs .tabbed-content .textarea a.button:hover {
opacity: .6;
}
/* Data table */
section.financial-tabs .tabbed-content .textarea .data-table {
display: block;
margin-bottom: 34px;
}
section.financial-tabs .tabbed-content .textarea .data-table .row {
align-items: flex-start;
display: flex;
justify-content: flex-start;
padding: 21px 0 21px;
}
section.financial-tabs .tabbed-content .textarea .data-table .row:nth-of-type(2n+1) {
background: #fff;
}
section.financial-tabs .tabbed-content .textarea .data-table .row:nth-of-type(2n+2) {
background: #E6E9EA;
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column {
display: block;
flex: 0 1 auto;
padding: 0 24px 8px;
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column:nth-of-type(1) {
flex-basis: 100px;
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column:nth-of-type(2) {
flex-basis: calc(100% - 100px);
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column h5 {
margin-bottom: 5px;
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column p {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column p:last-of-type {
margin-bottom: 0;
}
/**
* Active
*/
section.financial-tabs .tabbed-content .item.active .item-content {
height: auto;
opacity: 1;
overflow: visible;
visibility: visible;
}
/***************
* Lazy-loading
***************/
section.financial-tabs.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.financial-tabs.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
section.four-block-cta {
padding: 50px 0 30px;
background-color: #F3F4F6;
}
section.four-block-cta.desktop-mb-0-50 {
margin-bottom: 0;
}
section.four-block-cta .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.four-block-cta .container {
max-width: calc(1260px + 40px);
}
section.four-block-cta .information {
width: 100%;
margin: auto;
max-width: 500px;
}
section.four-block-cta .information h2 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
text-align: center;
margin-bottom: 25px;
}
section.four-block-cta .information .description {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
color: #272727;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
text-align: center;
margin-bottom: 25px;
}
section.four-block-cta .blocks {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
section.four-block-cta .block {
width: 100%;
max-width: 100%;
padding: 20px 0;
}
section.four-block-cta .block .media {
width: 100%;
}
section.four-block-cta .block .media figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 0;
width: 100%;
height: 178px;
width: 100%;
}
section.four-block-cta .block .description {
padding: 20px;
background-color: #fff;
box-shadow: 0 1px 0 0 #CCD4D8;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
text-transform: uppercase;
font-size: calc(13px + 2 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 2 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
}
section.heading {
padding-bottom: 32px;
}
section.heading.mobile-mt-25-0 {
margin-top: 25px;
}
section.heading h1 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
}
/**************************************************************
* Hero: Article
**************************************************************/
section.hero-article {
display: block;
font-size: 0;
padding-top: 20px;
}
/* Container */
section.hero-article .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.hero-article .container {
width: 100%;
}
/* Category */
section.hero-article .category {
display: block;
margin-bottom: 10px;
}
section.hero-article .category i.colour {
display: inline-block;
margin: 2px 11px 0 0;
width: 8px;
height: 8px;
vertical-align: top;
}
section.hero-article .category span.label {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
color: #000;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
vertical-align: top;
}
/* Title */
section.hero-article .title {
display: block;
padding-bottom: 32px;
width: 100%;
}
section.hero-article .title h1 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.245em;
color: #000;
font-family: 'Aleo', serif;
max-width: 560px;
}
/* Bottom area */
section.hero-article .bottom-area {
border-top: 1px solid rgba(151,151,151,.3);
display: block;
padding-top: 18px;
position: relative;
}
/* Meta */
section.hero-article .meta {
align-items: flex-start;
border-bottom: 1px solid rgba(151,151,151,.3);
color: #000;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
padding-bottom: 25px;
}
section.hero-article .meta aside {
display: inline-block;
flex: 0 0 33.3333%;
max-width: 33.3333%;
width: 33.3333%;
}
section.hero-article .meta aside:not(:first-of-type) {
padding-left: 5px;
}
section.hero-article .meta aside:not(:last-of-type) {
padding-right: 5px;
}
section.hero-article .meta span.label {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 6px;
text-transform: uppercase;
}
section.hero-article .meta .value {
font-size: calc(13px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
display: block;
font-family: 'Montserrat';
font-weight: 600;
}
section.hero-article .meta aside.reading-time .value {
background: transparent url('/wbs2020/media/dist/img/article-reading-time.svg') no-repeat top 3px left / 11px;
min-height: 11px;
padding-left: 18px;
}
/* Social */
section.hero-article .social {
display: block;
padding: 30px 0;
}
section.hero-article .social i {
align-items: center;
background-color: #F5F6F8;
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
color: transparent;
cursor: pointer;
display: inline-flex;
justify-content: center;
overflow: hidden;
width: 35px;
height: 35px;
text-indent: -999px;
}
section.hero-article .social i:not(:last-of-type) {
margin-right: 8px;
}
section.hero-article .social i[data-network="facebook"] {
background-image: url('/wbs2020/media/dist/img/share-facebook.svg');
background-size: 12px 18px;
}
section.hero-article .social i[data-network="twitter"] {
background-image: url('/wbs2020/media/dist/img/x-logo/logo.svg');
background-size: 15px 15px;
color: black
}
section.hero-article .social i[data-network="linkedin"] {
background-image: url('/wbs2020/media/dist/img/share-linkedin.svg');
background-size: 18px 17px;
}
section.hero-article .social i[data-network="reddit"] {
background-image: url('/wbs2020/media/dist/img/share-reddit.svg');
background-size: 21px 17px;
}
section.hero-article .social i[data-network="email"] {
background-image: url('/wbs2020/media/dist/img/share-email.svg');
background-size: 15px 13px;
}
/***************
* Lazy-loading
***************/
section.hero-article.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.hero-article.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Hero: Image
**************************************************************/
section.hero-image {
color: #fff;
display: block;
margin-bottom: 40px;
overflow: visible;
position: relative;
width: 100%;
z-index: 1;
}
/**
* Button
*/
section.hero-image .button {
display: none;
margin: 0 auto;
right: 0;
bottom: 32px;
left: 0;
position: absolute;
text-align: center;
z-index: 1;
}
section.hero-image .button i.arrow {
background: transparent url('/wbs2020/media/dist/img/hero-image-arrow.svg') no-repeat center / 20px 12px;
border: 2px solid #0254A7;
border-radius: 100%;
display: inline-block;
margin: 0 auto 10px;
overflow: hidden;
position: relative;
width: 62px;
height: 62px;
}
section.hero-image .button span.label {
color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: / 1em;
font-size: 0.75rem;
line-height: / 1em;
font-weight: 700;
letter-spacing: .225em;
margin: 0 auto;
text-decoration: none;
text-transform: uppercase;
}
/**
* Image
*/
section.hero-image figure.image {
overflow: hidden;
position: relative;
width: 100%;
height: 150px;
z-index: 0;
}
section.hero-image figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 0;
}
section.hero-image figure.image .src::before {
background-image: linear-gradient(to bottom, rgba(32,38,41,0) 0%, #1C2225 88%);
content: "";
display: block;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 80px;
z-index: 1;
}
/***************
* Lazy-loading
***************/
section.hero-image.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.hero-image.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Hero: Inline form
**************************************************************/
section.hero-inline-form {
color: #fff;
display: block;
overflow: visible;
position: relative;
width: 100%;
z-index: 1;
}
/**
* Image
*/
section.hero-inline-form figure.image {
flex: 1 0 auto;
order: 1;
overflow: hidden;
position: relative;
width: 100%;
height: 150px;
z-index: 0;
}
section.hero-inline-form figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 0;
}
section.hero-inline-form figure.image::before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0 60px 60px;
content: '';
display: inline-block;
right: 0;
bottom: 0;
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
/**
* Inline form
*/
section.hero-inline-form .inline-form {
padding: 48px 11px 22px;
}
section.hero-inline-form .inline-form .input {
font-size: calc(26px + 28 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 28 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #3E3E3E;
font-family: 'Aleo', serif;
}
section.hero-inline-form .inline-form p {
display: block;
}
section.hero-inline-form .inline-form p:not(:last-of-type) {
margin-bottom: 15px;
}
section.hero-inline-form .inline-form .dk-selected {
background: transparent url('/wbs2020/media/dist/img/hero-inline-form-select.svg') no-repeat center right 10px / 16px 11px;
border-bottom: 1px dotted #125496;
color: #0254A7;
line-height: 1.1em;
padding-right: 40px;
text-transform: lowercase;
transition: all .15s ease;
}
section.hero-inline-form .inline-form .dk-selected:hover {
color: rgba(#0254A7, .7);
}
section.hero-inline-form .inline-form ul.dk-select-options {
border-radius: 0 !important;
max-height: 50vh;
padding: 0;
}
section.hero-inline-form .inline-form ul.dk-select-options li.dk-option {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
padding: 6px 10px;
}
section.hero-inline-form .inline-form ul.dk-select-options li.dk-option:not(.dk-option-selected):hover {
color: #222576;
background-color: #F5F6F8;
}
section.hero-inline-form .inline-form ul.dk-select-options li.dk-option.dk-option-selected {
color: #fff;
background-color: #222576;
}
/***************
* Lazy-loading
***************/
section.hero-inline-form.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.hero-inline-form.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Hero: Home
**************************************************************/
section.home-hero {
display: block;
overflow: hidden;
position: relative;
}
/**
* Content
*/
section.home-hero .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.home-hero .content {
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
z-index: 2;
}
section.home-hero .content-inner {
background-color: #0054A4;
max-width: 380px;
position: relative;
padding-bottom: 65px;
}
section.home-hero .content-inner::before {
content: '';
position: absolute;
left: 0;
top: -45px;
border-bottom: 45px solid #0054A4;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
}
section.home-hero .content-inner::after {
content: '';
position: absolute;
right: 0;
height: 45px;
top: -45px;
width: calc(100% - 45px);
background-color: #0054A4;
}
section.home-hero .content-inner .inner {
position: relative;
padding: 0 60px 0 50px;
width: 100%;
height: 100%;
}
section.home-hero .content-inner .inner::before {
border-bottom: 65px solid #fff;
border-left: 65px solid transparent;
content: "";
right: 0;
bottom: -69px;
position: absolute;
}
section.home-hero .content-inner .inner::after {
content: '';
position: absolute;
left: 0;
bottom: -65px;
width: calc(100% - 65px);
height: 65px;
background-color: #0054A4;
}
section.home-hero .content-inner .title {
margin: 0 0 18px;
max-width: 100%;
font-size: 36px;
font-size: 2.25rem;
line-height: 40px;
line-height: 2.5rem;
color: #F5F6F8;
font-family: 'Aleo', serif;
font-weight: 400;
text-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
}
section.home-hero .content-inner .description {
margin-bottom: 30px;
font-size: 14px;
font-size: 0.875rem;
line-height: 26px;
line-height: 1.625rem;
letter-spacing: 0.1px;
letter-spacing: 0.00625rem;
color: #F5F6F8;
}
section.home-hero .content-inner .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.home-hero .content-inner .link-view-all:hover {
opacity: .6;
}
section.home-hero .content-inner .link-view-all {
background-image: url('/media/dist/img/link-inverse.svg');
color: #fff;
opacity: 1;
padding-right: 60px;
margin-left: 0;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
}
/**
* Logos
*/
section.home-hero .logos {
position: absolute;
height: 82px;
right: 0;
bottom: 0;
padding: 0;
padding-right: 11px;
padding-top: 20px;
padding-left: 30px;
margin: 0;
list-style: none;
display: none;
align-items: center;
justify-content: flex-end;
background-color: #fff;
box-sizing: border-box;
z-index: 1;
}
section.home-hero .logos li {
position: relative;
z-index: 200;
margin-left: 28px;
}
section.home-hero .logos li:first-child {
margin-left: 0;
}
section.home-hero .logos li a {
text-decoration: none;
}
section.home-hero .logos li img {
transition: all .3s ease-in-out;
}
section.home-hero .logos li img:hover {
transform: scale(1.105);
}
section.home-hero .logos::before {
content: '';
position: absolute;
left: 0;
top: 0;
border-bottom: 82px solid #fff;
border-left: 82px solid transparent;
border-right: 82px solid transparent;
transform: translate(-50%, 0);
}
/**
* Media
*/
section.home-hero figure.media {
display: block;
overflow: hidden;
padding-bottom: 56%;
position: relative;
width: 100%;
height: 0;
z-index: 0;
}
section.home-hero figure.media video {
display: block;
margin: auto;
min-width: 100%;
min-height: 100%;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 2;/* @supports (-ms-ime-align:auto) { height: auto; } */
}
section.home-hero figure.media .image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
}
section.home-hero figure.media::after {/*
@extend %absolute-fill;
background: $c--21;
content: "";
z-index: 0;
*/
}
/**************************************************************
* Icon statistics full width
**************************************************************/
section.icon-stats-full-width {
padding: 60px 0;
width: 100%;
}
section.icon-stats-full-width .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 30px;
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 2px;
}
section.icon-stats-full-width article.stat {
padding: 20px 30px 30px 20px;
min-height: 180px;
background: #F3F4F6;
box-shadow: 0 1px 0 0 #ADBAC1;
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
section.icon-stats-full-width article.stat i.icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
flex-shrink: 0;
}
section.icon-stats-full-width article.stat i.icon img {
width: 100px;
height: 100px;
-o-object-fit: contain;
object-fit: contain;
}
section.icon-stats-full-width article.stat .text {
text-align: left;
}
section.icon-stats-full-width article.stat .text .figure {
font-size: 2.2rem;
font-weight: 700;
color: #637465;
display: block;
margin-bottom: 4px;
line-height: 1;
}
section.icon-stats-full-width article.stat .text .label {
font-size: 1rem;
color: #637465;
display: block;
line-height: 1.4;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
/**************************************************************
* Icon statistics
**************************************************************/
section.icon-stats {
margin-bottom: 40px !important;
}
/**
* Container
*/
/**
* Stat
*/
section.icon-stats article.stat {
background: #F3F4F6;
box-shadow: 0 1px 0 0 #ADBAC1;
display: flex;
margin-bottom: 3px;
padding: 24px 24px 22px;
width: 100%;
}
/* Icon */
section.icon-stats article.stat i.icon {
display: inline-block;
margin: 4px 15px 0 0;
min-width: 64px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
vertical-align: top;
}
section.icon-stats article.stat i.icon img {
display: block;
margin: 0 auto;
text-align: center;
}
/* Text */
section.icon-stats article.stat .text {
display: inline-block;
vertical-align: top;
}
/* Text */
section.icon-stats article.stat span {
display: block;
}
/* Figure */
section.icon-stats article.stat span.figure {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
color: #9C9D9C;
font-family: 'Aleo', serif;
font-size: 32px;
line-height: 1.95rem;
font-size: 2rem;
line-height: 1.95rem;
font-weight: 700;
}
/* Label */
section.icon-stats article.stat span.label {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
/***************
* Lazy-loading
***************/
section.icon-stats.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.icon-stats.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
section.img-content-rows {
padding: 25px 0;
}
section.img-content-rows .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.img-content-rows .container {
display: flex;/*align-items: center;*/
flex-direction: column;
max-width: 1050px;
}
section.img-content-rows.grey {
background-color: #F3F4F6;
}
section.img-content-rows .information {
width: 100%;
max-width: 535px;
margin: auto auto;
margin-bottom: 50px;
}
section.img-content-rows .information h2 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
text-align: center;
margin-bottom: 0.25em;
}
section.img-content-rows .information p {
font-size: calc(15px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.9375rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
opacity: 0.93;
color: #272727;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
text-align: center;
line-height: 1.75rem;
}
section.img-content-rows .row {
position: relative;
padding: 25px 0;
margin-bottom: 25px;
}
section.img-content-rows .row:first-child {
padding-top: 0;
}
section.img-content-rows .row:last-child {
margin-bottom: 0;
}
section.img-content-rows .row:after {
content: '';
width: 100%;
max-width: 1456px;
height: 1px;
background-color: #DBDBDB;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 100%);
}
section.img-content-rows .row:last-child:not(.single-img-show-spacer):after {
content: '';
display: none;
}
section.img-content-rows .row aside.media {
width: 100%;
margin-bottom: 25px;
}
section.img-content-rows .row aside.media figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 0;
width: 378px;
height: 245px;
width: 100%;
}
section.img-content-rows .row .content h3 {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #125496;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
margin-bottom: 18px;
}
section.img-content-rows .row .content .description {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
color: #272727;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
margin-bottom: 30px;
line-height: 1.75rem;
}
section.img-content-rows .row .content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.img-content-rows .row .content .button a:hover {
opacity: .6;
}
/**************************************************************
* Inspiring Women 5 Column image
**************************************************************/
section.inspiring-women-promote-partnerships {
background: #F5F6F8;
display: block;
#padding-bottom: 45px;
width: 100%;
}
/***************
* Containers
***************/
section.inspiring-women-promote-partnerships > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.inspiring-women-promote-partnerships > .container {
width: 100%;
}
section.inspiring-women-promote-partnerships > .container > .inner {
display: block;
width: 100%;
}
/**
* Search bar
*/
section.inspiring-women-promote-partnerships nav.search-bar {
display: none;
font-size: 0;
margin-bottom: 30px;
position: relative;
}
section.inspiring-women-promote-partnerships nav.search-bar input[type="text"] {
color: #000;
background-color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-size: 1rem;
margin: auto 0;
padding: 0 30px;
width: 100%;
height: 62px;
z-index: 0;
}
section.inspiring-women-promote-partnerships nav.search-bar input[type="text"]::-moz-placeholder {
color: #000;
}
section.inspiring-women-promote-partnerships nav.search-bar input[type="text"]::placeholder {
color: #000;
}
section.inspiring-women-promote-partnerships nav.search-bar button, section.inspiring-women-promote-partnerships nav.search-bar input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url('/media/dist/img/header-search-icon.svg') no-repeat center / 15px;
border-radius: 100%;
color: transparent;
cursor: pointer;
font-size: 0;
margin: auto 0;
top: 0;
right: 0;
position: absolute;
width: 62px;
height: 62px;
z-index: 1;
}
/***************
* Filters (sidebar)
***************/
section.inspiring-women-promote-partnerships aside.filters {
display: block;
margin-bottom: 40px;
padding-top: 30px;
position: relative;
}
section.inspiring-women-promote-partnerships aside.filters > .inner {
background: #F3F4F6;
display: block;
}
/**
* Search
*/
section.inspiring-women-promote-partnerships aside.filters nav.search-bar {
border-bottom: 1px solid rgba(155,155,155,.2);
display: block;
margin-bottom: 30px;
padding-bottom: 30px;
}
section.inspiring-women-promote-partnerships aside.filters nav.search-bar input[type="text"] {
border: 0 none;
border-radius: 0;
height: 50px;
font-family: 'Niramit', sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0;
padding: 0 50px 0 15px;
text-transform: none;
}
section.inspiring-women-promote-partnerships aside.filters nav.search-bar input[type=submit] {
width: 50px;
height: 50px;
}
/**
* Mobile toggle
*/
section.inspiring-women-promote-partnerships aside.filters header.mobile-toggle {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
margin-bottom: 16px;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-transform: uppercase;
}
/* Arrow */
section.inspiring-women-promote-partnerships aside.filters header.mobile-toggle::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Open
*/
/* Arrow */
section.inspiring-women-promote-partnerships aside.filters header.mobile-toggle.open::after {
transform: rotate(-90deg);
}
/**
* Inputs
*/
section.inspiring-women-promote-partnerships aside.filters main.form {
display: none;
font-style: 0;
padding-top: 22px;
}
section.inspiring-women-promote-partnerships aside.filters .input-group:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.2);
margin-bottom: 35px;
padding-bottom: 35px;
}
/* Title */
section.inspiring-women-promote-partnerships aside.filters .input-group > .title, section.inspiring-women-promote-partnerships aside.filters .input-group .accordion > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
margin-bottom: 26px;
text-transform: uppercase;
}
/* Inputs */
section.inspiring-women-promote-partnerships aside.filters .input-group ul {
align-items: stretch;
display: flex;
flex-wrap: wrap;
font-size: 0;
justify-content: space-between;
margin: 0 -3px;
width: calc(100% + 6px);
}
/* Input */
section.inspiring-women-promote-partnerships aside.filters .input-group ul li {
margin-bottom: 6px;
overflow: hidden;
position: relative;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li input {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100% !important;
height: 100% !important;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li input:checked + label {
border-color: #03ADEF;
color: #fff;
background-color: #03ADEF;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li input:hover + label {
border-color: #03ADEF;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-flex;
font-family: 'Montserrat';
font-weight: 700;
height: 100%;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 8px 20px;
width: 100%;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li input:disabled {
cursor: unset;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li input:disabled + label {
color: #fff;
background-color: #CCD4D8;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li input:disabled:hover + label {
border-color: #dcdcdc;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li {
flex: 1 1 auto;
height: 42px;
padding: 0 3px;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li.size--third {
flex-basis: 33.3333%;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li.size--half {
flex-basis: 50%;
}
section.inspiring-women-promote-partnerships aside.filters .input-group ul li.size--full {
flex-basis: 100%;
}
/**
* Accordion
*/
section.inspiring-women-promote-partnerships aside.filters .input-group .accordion:first-of-type {
margin-top: 28px;
}
section.inspiring-women-promote-partnerships aside.filters .input-group .accordion:not(:last-of-type) {
margin-bottom: 10px;
}
section.inspiring-women-promote-partnerships aside.filters .input-group .accordion > .title {
cursor: pointer;
margin-bottom: 0;
padding: 5px 0 5px 28px;
position: relative;
}
section.inspiring-women-promote-partnerships aside.filters .input-group .accordion > .title::before {
background: transparent url('/wbs2020/media/dist/img/index-filter-accordion-arrow.svg') no-repeat center / 19px 9px;
content: "";
display: block;
top: 6px;
left: 0;
position: absolute;
width: 19px;
height: 9px;
transform: rotate(0deg);
transition: all .2s cubic-bezier(0.77, 0, 0.175, 1);
}
section.inspiring-women-promote-partnerships aside.filters .input-group .accordion ul {
display: none;
padding: 12px 0 15px;
}
/**
* Open
*/
section.inspiring-women-promote-partnerships aside.filters .input-group .accordion.open > .title::before {
transform: rotate(180deg);
}
/**
* Submit button
*/
section.inspiring-women-promote-partnerships aside.filters .submit {
display: block;
margin-top: 25px;
}
section.inspiring-women-promote-partnerships aside.filters .submit button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #fff;
background-color: #1C1E20;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in;
margin: 0;
padding: 14px 20px 15px;
width: 100%;
}
section.inspiring-women-promote-partnerships aside.filters .submit button:not(:disabled) {
cursor: pointer;
}
/* Disabled */
section.inspiring-women-promote-partnerships aside.filters .submit button:disabled {
color: #fff;
background-color: #2F2F2F;
opacity: .17;
}
/***************
* Content
***************/
section.inspiring-women-promote-partnerships main.listing {
display: block;
}
/**
* Search
*/
section.inspiring-women-promote-partnerships main.listing nav.search-bar input[type="text"] {
border: 1px solid #979797;
border-radius: 30px;
font-weight: 700;
letter-spacing: .1025em;
text-transform: uppercase;
}
/* List */
section.inspiring-women-promote-partnerships main.listing .list {
display: flex;
flex-wrap: wrap;
#padding-bottom: 45px;
}
/* Article */
section.inspiring-women-promote-partnerships main.listing article {
display: block;
font-size: 0;
margin-bottom: 32px;
position: relative;
}
/* Photo */
section.inspiring-women-promote-partnerships main.listing article figure.photo {
margin-bottom: 13px;
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
}
section.inspiring-women-promote-partnerships main.listing article figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/* Meta (name & job) */
section.inspiring-women-promote-partnerships main.listing article .meta span.name {
font-size: 12px;
line-height: 1.3rem;
font-size: 0.75rem;
line-height: 1.3rem;
color: #0054A4;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .045rem;
text-transform: uppercase;
}
section.inspiring-women-promote-partnerships main.listing article .meta span.job {
font-size: calc(13px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
padding-top: 12px;
}
/***************
* Lazy-loading
***************/
section.inspiring-women-promote-partnerships .pagination {
display: block;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
font-size: 0;
text-align: center;
text-transform: uppercase;
}
section.inspiring-women-promote-partnerships .pagination aside {
display: block;
}
section.inspiring-women-promote-partnerships .pagination aside.showing {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
}
section.inspiring-women-promote-partnerships .pagination aside.showing b {
font-weight: 700;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers {
margin-top: 16px;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers li {
display: inline-block;
margin: 0 5px;
width: 44px;
height: 44px;
vertical-align: top;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers li a, section.inspiring-women-promote-partnerships .pagination aside.numbers li span {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
align-items: center;
color: #111111;
background-color: #fff;
display: flex;
font-weight: 700;
justify-content: center;
position: relative;
width: inherit;
height: inherit;
text-align: center;
text-decoration: none;
transition: all .15s ease;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers li a:hover {
background: rgba(155,155,155,.2);
}
section.inspiring-women-promote-partnerships .pagination aside.numbers li.current a {
color: #fff;
background-color: #0254A7;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers li.arrow a {
color: transparent !important;
font-size: 0 !important;
overflow: hidden;
text-indent: -999px;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers li.arrow a::before {
background: transparent url('/wbs2020/media/dist/img/news-list-pagination-arrow.svg') no-repeat center / 8px 12px;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 8px;
height: 12px;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers li.arrow.arrow--newer a::before {
transform: rotate(180deg);
}
/***************
* Lazy-loading
***************/
section.inspiring-women-promote-partnerships.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.inspiring-women-promote-partnerships.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Leadership programme 4 column tiles
**************************************************************/
section.leadership-programme-4-column {
display: block;
font-size: 0;
overflow: hidden;
padding-left: 0 !important;
position: relative;
}
/**
* Label
*/
section.leadership-programme-4-column .large-bg-text {
left: calc(50% - 675px);
top: 0;
z-index: 1;
}
/**
* Tiles
*/
section.leadership-programme-4-column .tiles {
position: relative;
z-index: 0;
}
/**
* Tile
*/
section.leadership-programme-4-column .tile {
align-items: flex-start;
color: #fff;
background-color: #000;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
min-height: 390px;
overflow: hidden;
padding: 35px 11px;
position: relative;
width: 100%;
}
/* Fade */
section.leadership-programme-4-column .tile::before {
background-image: linear-gradient(to bottom, rgba(26,29,31,0.00) 0%, #141617 100%);
content: "";
display: block;
opacity: .85;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 325px;
z-index: 1;
}
/* Content */
section.leadership-programme-4-column .content {
overflow: visible;
right: 11px;
bottom: 35px;
left: 11px;
position: absolute;
width: calc(100% - calc(11px * 2));
z-index: 2;
}
/* Title */
section.leadership-programme-4-column .title {
font-size: 18px;
line-height: 1.645em;
font-size: 1.125rem;
line-height: 1.645em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
}
/* Text area */
section.leadership-programme-4-column .textarea {
display: block;
padding-top: 10px;
}
/* Description */
section.leadership-programme-4-column .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
letter-spacing: -.015em;
}
/* Button */
section.leadership-programme-4-column .button {
display: block;
margin-top: 15px;
}
/* Image */
section.leadership-programme-4-column figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 0;
}
/***************
* Section margins
***************/
/***************
* Lazy-loading
***************/
section.leadership-programme-4-column.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.leadership-programme-4-column.view-detect.viewed {
opacity: 1;
}
.leadership-programme-4-column .tiles a.no-click {
cursor: default;
pointer-events: none;
}
.leadership-programme-4-column .tiles a.no-click .tile:hover figure.image {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Photo carousel
**************************************************************/
section.ftmba-carousel {
display: block;
overflow: hidden;
padding-top: 30px;
padding-bottom: 70px;
position: relative;
width: 100%;
}
/***************
* Content
***************/
section.ftmba-carousel .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.ftmba-carousel .content {
display: block;
margin-bottom: 65px;
position: relative;
z-index: 1;
}
/* Inner */
section.ftmba-carousel .content .content-inner {
margin: 0 auto;
max-width: 800px;
text-align: center;
}
/* Title */
section.ftmba-carousel .content .title {
font-size: 32px;
line-height: 1.225em;
font-size: 2rem;
line-height: 1.225em;
color: #312a6f;
display: block;/*font-family: $ff--4;*/
font-weight: 600;
margin: 5px auto 15px;
}
section.ftmba-carousel .content .title.black {
font-size: calc(26px + 6 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #111111;/*font-family: $ff--4;*/
font-weight: 600;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
line-height: 43px;
line-height: 2.6875rem;
text-align: center;
}
/* Text */
section.ftmba-carousel .content .text {
font-size: 16px;
line-height: 1.545em;
font-size: 1rem;
line-height: 1.545em;
color: #4E4E4E;
font-weight: 400;
display: block;
}
/* font-family: $ff--4; */
section.ftmba-carousel .content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.ftmba-carousel .content .text b, section.ftmba-carousel .content .text strong {
color: #282A2A;
font-weight: 700;
}
/* END OF DOCUMENT */
/**************************************************************
* News Events Showcase
**************************************************************/
section.news-events-showcase {
padding-top: 50px;
margin-bottom: 50px;
}
section.news-events-showcase .c--tone-brown1-1 {
background-color: #763323;
}
section.news-events-showcase .c--tone-blue1-1 {
background-color: #222576;
}
section.news-events-showcase .c--tone-purple1-1 {
background-color: #6c0476;
}
section.news-events-showcase .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.news-events-showcase .row-flex {
display: flex;
flex-wrap: wrap;
}
section.news-events-showcase .news-showcase {
border-bottom: 1px solid #f2f2f2;
margin-bottom: 50px;
width: 100%;
max-width: 100%;
flex: 0 0 100%;
box-sizing: border-box;
}
section.news-events-showcase .events-showcase {
box-sizing: border-box;
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
width: 100%;
}
section.news-events-showcase .news-showcase-header {
margin-bottom: 55px;
display: flex;
align-items: center;
justify-content: space-between;
}
section.news-events-showcase .showcase-item-image {
margin-bottom: 17px;
}
section.news-events-showcase .showcase-item-image a {
display: block;
overflow: hidden;
position: relative;
padding-bottom: 58.235%;
width: 100%;
height: 0;
transition: all .2s ease-in-out;
}
section.news-events-showcase .showcase-item-image figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: none;
transition: all .2s ease-in-out;
}
section.news-events-showcase .showcase-item-image a:hover figure.image {
transform: scale(1.1);
}
section.news-events-showcase .showcase-title {
font-size: 26px;
line-height: 1.2em;
font-size: 1.625rem;
line-height: 1.2em;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
}
section.news-events-showcase .showcase-item-cats {
padding: 0;
margin: 0 0 20px;
list-style: none;
}
section.news-events-showcase .showcase-item-cats li {
padding-right: 15px;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-size: 0.625rem;
font-weight: 500;
letter-spacing: 1.08px;
letter-spacing: 0.0675rem;
line-height: 14px;
line-height: 0.875rem;
color: #313334;
text-transform: uppercase;
}
section.news-events-showcase .showcase-item-cats li .marker {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 8px;
}
section.news-events-showcase .showcase-item-cats a {
color: #313334;
letter-spacing: 0.3px;
letter-spacing: 0.01875rem;
text-decoration: none;
transition: all .2s ease-in-out;
}
section.news-events-showcase .showcase-item-cats a:hover {
opacity: .6;
text-decoration: underline;
}
section.news-events-showcase .showcase-item-title {
margin: 0 0 15px;
max-width: 315px;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
line-height: 22px;
line-height: 1.375rem;
text-transform: uppercase;
}
section.news-events-showcase .showcase-item-title a {
color: #0054A4;
text-decoration: none;
transition: all .2s ease-in-out;
}
section.news-events-showcase .showcase-item-title a:hover {
opacity: .6;
text-decoration: underline;
}
section.news-events-showcase .showcase-item-description {
margin: 0;
color: #494949;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
line-height: 24px;
line-height: 1.5rem;
}
section.news-events-showcase .news-showcase-loop {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.news-events-showcase .news-showcase-item {
box-sizing: border-box;
display: block;
flex: 0 0 100%;
margin: 0 0 42px;
max-width: 100%;
vertical-align: top;
width: 100%;
}
section.news-events-showcase .events-showcase-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 53px;
}
section.news-events-showcase .events-showcase-item {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
display: block;
flex: 0 0 100%;
margin-bottom: 5px;
max-width: 100%;
padding: 25px 0 27px;
vertical-align: top;
width: 100%;
}
section.news-events-showcase .events-showcase-item:last-child {
border-bottom: none;
}
section.news-events-showcase .events-showcase-item .showcase-item-cats {
margin-bottom: 20px;
}
section.news-events-showcase .events-showcase-item .showcase-item-title {
color: #313334;
margin-bottom: 15px;
max-width: 315px;
}
section.news-events-showcase .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.news-events-showcase .link-view-all:hover {
opacity: .6;
}
/***************
* Lazy-loading
***************/
section.news-events-showcase.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.news-events-showcase.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* News listing
**************************************************************/
section.news-listing {
background: #F5F6F8;
display: block;
padding-bottom: 45px;
width: 100%;
}
/***************
* Containers
***************/
section.news-listing > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.news-listing > .container {
width: 100%;
}
section.news-listing > .container > .inner {
display: block;
width: 100%;
}
/* Headings */
section.news-listing .heading {
font-size: 26px;
line-height: 1.2em;
font-size: 1.625rem;
line-height: 1.2em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.015em;
}
/**
* Search bar
*/
section.news-listing nav.search-bar {
display: none;
font-size: 0;
margin-bottom: 30px;
position: relative;
}
section.news-listing nav.search-bar input[type="text"] {
color: #000;
background-color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
line-height: 1em;
font-size: 0.625rem;
line-height: 1em;
margin: auto 0;
padding: 0 30px;
width: 100%;
height: 62px;
z-index: 0;
}
section.news-listing nav.search-bar input[type="text"]::-moz-placeholder {
color: #000;
}
section.news-listing nav.search-bar input[type="text"]::placeholder {
color: #000;
}
section.news-listing nav.search-bar button, section.news-listing nav.search-bar input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url('/media/dist/img/header-search-icon.svg') no-repeat center / 15px;
border-radius: 100%;
color: transparent;
cursor: pointer;
font-size: 0;
margin: auto 0;
top: 0;
right: 0;
position: absolute;
width: 62px;
height: 62px;
z-index: 1;
}
/***************
* Filters (sidebar)
***************/
section.news-listing aside.filters {
display: block;
margin-bottom: 40px;
padding-top: 30px;
position: relative;
}
section.news-listing aside.filters > .inner {
background: #F3F4F6;
display: block;
}
/**
* Mobile heading
*/
section.news-listing aside.filters .mobile-heading {
display: block;
margin-bottom: 25px;
}
/**
* Search
*/
section.news-listing aside.filters nav.search-bar {
border-bottom: 1px solid rgba(155,155,155,.2);
display: block;
margin-bottom: 30px;
padding-bottom: 30px;
}
section.news-listing aside.filters nav.search-bar input[type="text"] {
border: 0 none;
border-radius: 0;
height: 50px;
font-family: 'Niramit', sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0;
padding: 0 50px 0 15px;
text-transform: none;
}
section.news-listing aside.filters nav.search-bar input[type=submit] {
width: 50px;
height: 50px;
}
/**
* Mobile toggle
*/
section.news-listing aside.filters header.mobile-toggle {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
margin-bottom: 16px;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-transform: uppercase;
}
/* Arrow */
section.news-listing aside.filters header.mobile-toggle::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Open
*/
/* Arrow */
section.news-listing aside.filters header.mobile-toggle.open::after {
transform: rotate(-90deg);
}
/**
* Inputs
*/
section.news-listing aside.filters main.form {
display: none;
font-style: 0;
padding-top: 22px;
}
section.news-listing aside.filters .input-group:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.2);
margin-bottom: 35px;
padding-bottom: 35px;
}
/* Title */
section.news-listing aside.filters .input-group > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
margin-bottom: 26px;
text-transform: uppercase;
}
/* Inputs */
section.news-listing aside.filters .input-group ul {
align-items: stretch;
display: flex;
flex-wrap: wrap;
font-size: 0;
justify-content: space-between;
margin: 0 -3px;
width: calc(100% + 6px);
}
/* Input */
section.news-listing aside.filters .input-group ul li {
margin-bottom: 6px;
overflow: hidden;
position: relative;
}
section.news-listing aside.filters .input-group ul li input {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100% !important;
height: 100% !important;
}
section.news-listing aside.filters .input-group ul li input:checked + label {
border-color: #03ADEF;
color: #fff;
background-color: #03ADEF;
}
section.news-listing aside.filters .input-group ul li input:hover + label {
border-color: #03ADEF;
}
section.news-listing aside.filters .input-group ul li label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-flex;
font-family: 'Montserrat';
font-weight: 700;
height: 100%;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 8px 20px;
width: 100%;
}
section.news-listing aside.filters .input-group ul li input:disabled {
cursor: unset;
}
section.news-listing aside.filters .input-group ul li input:disabled + label {
color: #fff;
background-color: #CCD4D8;
}
section.news-listing aside.filters .input-group ul li input:disabled:hover + label {
border-color: #dcdcdc;
}
section.news-listing aside.filters .input-group ul li {
flex: 1 1 auto;
height: 42px;
padding: 0 3px;
}
section.news-listing aside.filters .input-group ul li.size--third {
flex-basis: 33.3333%;
}
section.news-listing aside.filters .input-group ul li.size--half {
flex-basis: 50%;
}
section.news-listing aside.filters .input-group ul li.size--full {
flex-basis: 100%;
}
/**
* Submit button
*/
section.news-listing aside.filters .submit {
display: block;
margin-top: 25px;
}
section.news-listing aside.filters .submit button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #fff;
background-color: #1C1E20;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in;
margin: 0;
padding: 14px 20px 15px;
width: 100%;
}
section.news-listing aside.filters .submit button:not(:disabled) {
cursor: pointer;
}
/* Disabled */
section.news-listing aside.filters .submit button:disabled {
color: #fff;
background-color: #2F2F2F;
opacity: .17;
}
/***************
* Content
***************/
section.news-listing main.listing {
display: block;
}
/**
* Desktop title
*/
section.news-listing main.listing .listing-head {
align-items: center;
display: none;
font-family: 'Montserrat', sans-serif;
font-size: 0;
justify-content: space-between;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
margin-bottom: 25px;
}
section.news-listing main.listing .listing-head aside.heading {
display: inline-block;
flex: 1 1 auto;
}
section.news-listing main.listing .listing-head aside.showing {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
display: none;
flex: 1 1 auto;
text-align: right;
}
section.news-listing main.listing .listing-head aside.showing b {
font-weight: 700;
}
/**
* Search
*/
section.news-listing main.listing nav.search-bar input[type="text"] {
border: 1px solid #979797;
border-radius: 30px;
font-weight: 700;
letter-spacing: .1025em;
text-transform: uppercase;
}
/* List */
section.news-listing main.listing .list {
padding-bottom: 45px;
}
/* Article */
section.news-listing main.listing article {
display: block;
font-size: 0;
padding-bottom: 30px;
position: relative;
}
section.news-listing main.listing article:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.33);
margin-bottom: 30px;
}
/* Image */
section.news-listing main.listing article a.thumbnail {
display: block;
margin-bottom: 18px;
overflow: hidden;
padding-bottom: 53.1425%;
position: relative;
}
section.news-listing main.listing article a.thumbnail figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: scale(1);
transition: all .25s ease-in-out;
}
section.news-listing main.listing article a.thumbnail:hover figure.image {
transform: scale(1.075);
}
/* Text */
/* Category */
section.news-listing main.listing article .text .category {
display: block;
margin-bottom: 20px;
}
section.news-listing main.listing article .text .category i.colour {
display: inline-block;
margin: 2px 11px 0 0;
width: 8px;
height: 8px;
vertical-align: top;
}
section.news-listing main.listing article .text .category span.label {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
color: #313334;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
vertical-align: top;
}
/* Title */
section.news-listing main.listing article .text > a.title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #0254A7;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .08em;
margin-bottom: 16px;
text-transform: uppercase;
}
section.news-listing main.listing article .text > a.title:hover {
text-decoration: underline;
}
/* Excerpt */
section.news-listing main.listing article .text .excerpt {
font-size: 15px;
line-height: 1.625em;
font-size: 0.9375rem;
line-height: 1.625em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
section.news-listing main.listing article .text .excerpt p {
display: block;
}
section.news-listing main.listing article .text .excerpt p:not(:last-of-type) {
margin-bottom: 32px;
}
/* Meta */
section.news-listing main.listing article .text .meta {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #000;
display: block;
font-family: 'Montserrat', sans-serif;
margin-top: 24px;
}
section.news-listing main.listing article .text .meta span {
display: block;
}
section.news-listing main.listing article .text .meta span.reading-time {
background: transparent url('/wbs2020/media/dist/img/blog-reading-time.svg') no-repeat top 1px left / 11px;
margin-top: 7px;
padding-left: 20px;
}
/***************
* Pagination
***************/
section.news-listing .pagination {
display: block;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
font-size: 0;
text-align: center;
text-transform: uppercase;
}
section.news-listing .pagination aside {
display: block;
}
section.news-listing .pagination aside.showing {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
}
section.news-listing .pagination aside.showing b {
font-weight: 700;
}
section.news-listing .pagination aside.numbers {
margin-top: 16px;
}
section.news-listing .pagination aside.numbers li {
display: inline-block;
margin: 0 5px;
width: 44px;
height: 44px;
vertical-align: top;
}
section.news-listing .pagination aside.numbers li a, section.news-listing .pagination aside.numbers li span {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
align-items: center;
color: #111111;
background-color: #fff;
display: flex;
font-weight: 700;
justify-content: center;
position: relative;
width: inherit;
height: inherit;
text-align: center;
text-decoration: none;
transition: all .15s ease;
}
section.news-listing .pagination aside.numbers li a:hover {
background: rgba(155,155,155,.2);
}
section.news-listing .pagination aside.numbers li.current a {
color: #fff;
background-color: #0254A7;
}
section.news-listing .pagination aside.numbers li.arrow a {
color: transparent !important;
font-size: 0 !important;
overflow: hidden;
text-indent: -999px;
}
section.news-listing .pagination aside.numbers li.arrow a::before {
background: transparent url('/wbs2020/media/dist/img/news-list-pagination-arrow.svg') no-repeat center / 8px 12px;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 8px;
height: 12px;
}
section.news-listing .pagination aside.numbers li.arrow.arrow--newer a::before {
transform: rotate(180deg);
}
/***************
* Lazy-loading
***************/
section.news-listing.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.news-listing.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Article content
**************************************************************/
section.news-montage {
display: block;
margin-bottom: 15px;
width: 100%;
}
/***************
* Containers
***************/
section.news-montage > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.news-montage > .container {
width: 100%;
}
/***************
* Title
***************/
section.news-montage .section-heading {
display: block;
margin-bottom: 28px;
padding-top: 10px;
}
section.news-montage .section-heading h1 {
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: calc(32px + 10 * ((100vw - 420px) / 860));
font-size: calc(2rem + 10 * ((100vw - 26.25rem) / 860));
font-weight: 600;
line-height: 1.37em;
}
/***************
* Montage
***************/
section.news-montage .tiles {
display: block;
}
section.news-montage aside {
display: block;
width: 100%;
}
/**
* Large tile
*/
section.news-montage aside.large-tile {
margin-right: -11px;
margin-left: -11px;
width: calc(100% + calc(11px * 2));
}
/* Article */
section.news-montage aside.large-tile article {
padding-bottom: 23px;
}
/* Image */
section.news-montage aside.large-tile article a.thumbnail {
margin-bottom: 25px;
}
/* Text */
section.news-montage aside.large-tile article .text {
padding-right: 11px;
padding-left: 11px;
}
/* Title */
section.news-montage aside.large-tile article .text > a.title {
font-size: calc(16px + 4 * ((100vw - 420px) / 860));
font-size: calc(1rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
}
/* Meta */
section.news-montage aside.large-tile article .text .meta {
margin-top: 20px;
}
/**
* Secondary tile
*/
/* Article */
section.news-montage aside.secondary-tiles article {
font-size: 0;
padding: 23px 0;
}
section.news-montage aside.secondary-tiles article:first-of-type {
border-top: 1px solid rgba(151,151,151,.33);
}
section.news-montage aside.secondary-tiles article:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.33);
}
/* Text */
/* Title */
section.news-montage aside.secondary-tiles article .text > a.title {
font-size: 12px;
line-height: 1.39em;
font-size: 0.75rem;
line-height: 1.39em;
}
/* Meta */
section.news-montage aside.secondary-tiles article .text .meta {
margin-top: 14px;
}
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) {
align-items: flex-start;
display: flex;
justify-content: space-between;
}
/* Image */
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) a.thumbnail {
flex: 0 0 115px;
padding-bottom: 0;
width: 115px;
height: 61px;
}
/* Text */
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text {
flex: 0 0 calc(100% - 115px);
max-width: calc(100% - 115px);
padding-left: 17px;
}
/* Category */
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text .category {
font-size: 12px;
line-height: 1.39em;
font-size: 0.75rem;
line-height: 1.39em;
}
/* Meta */
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text .meta {
margin-top: 10px;
}
/* Article */
section.news-montage article {
display: block;
}
/* Image */
section.news-montage article a.thumbnail {
display: block;
overflow: hidden;
padding-bottom: 53.1425%;
position: relative;
}
section.news-montage article a.thumbnail figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: scale(1);
transition: all .25s ease-in-out;
}
section.news-montage article a.thumbnail:hover figure.image {
transform: scale(1.075);
}
/* Text */
/* Category */
section.news-montage article .text .category {
display: block;
margin-bottom: 8px;
}
section.news-montage article .text .category i.colour {
display: inline-block;
margin: 2px 11px 0 0;
width: 8px;
height: 8px;
vertical-align: top;
}
section.news-montage article .text .category span.label {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
color: #313334;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
vertical-align: top;
}
/* Title */
section.news-montage article .text > a.title {
color: #0254A7;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .08em;
margin-bottom: 10px;
text-transform: uppercase;
}
section.news-montage article .text > a.title:hover {
text-decoration: underline;
}
/* Excerpt */
section.news-montage article .text .excerpt {
font-size: 15px;
line-height: 1.625em;
font-size: 0.9375rem;
line-height: 1.625em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
section.news-montage article .text .excerpt p {
display: block;
}
section.news-montage article .text .excerpt p:not(:last-of-type) {
margin-bottom: 32px;
}
/* Meta */
section.news-montage article .text .meta {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #000;
display: block;
font-family: 'Montserrat', sans-serif;
}
section.news-montage article .text .meta span {
display: block;
}
section.news-montage article .text .meta span.reading-time {
background: transparent url('/wbs2020/media/dist/img/blog-reading-time.svg') no-repeat top 1px left / 11px;
margin-top: 7px;
padding-left: 20px;
}
/***************
* Lazy-loading
***************/
section.news-montage.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.news-montage.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
section.our-history {
position: relative;
}
section.our-history .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.our-history .container {
position: relative;
}
section.our-history .heading {
position: relative;
margin-bottom: 50px;
}
section.our-history .heading h2 {
color: #0254A7;
font-family: 'Aleo', serif;
font-size: 32px;
font-size: 2rem;
letter-spacing: 0;
line-height: 46.66px;
line-height: 2.91625rem;
text-align: center;
width: 100%;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
section.our-history .heading .overlay {
opacity: 0.1;
color: #494949;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: -1.59px;
letter-spacing: -0.09938rem;
text-align: center;
font-size: calc(80px + 47 * ((100vw - 420px) / 860));
font-size: calc(5rem + 47 * ((100vw - 26.25rem) / 860));
line-height: 1.220em;
}
section.our-history .time-aside{
position: absolute;
top: -4px;
bottom: 0;
width: 45px;
z-index: 1;
left: 15px;
display: none;
}
section.our-history .time-aside .time-menu {
position: sticky;
top: 185px;
right: calc(100% + 10px);
}
section.our-history .time-aside ul {
display: flex;
flex-direction: column;
}
section.our-history .time-aside a {
opacity: 0.24;
color: #3C3C3C;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
letter-spacing: 1.19px;
letter-spacing: 0.07438rem;
line-height: 23px;
line-height: 1.4375rem;
}
section.our-history .time-aside a.active {
opacity: 1;
position: relative;
}
section.our-history .time-aside a.active:before {
content: '';
display: none;
height: 1px;
width: 17px;
background-color: #135495;
left: -29px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
section.our-history .milestones {
width: 100%;
margin-right: 0;
margin-left: auto;
border-right: 14px solid #135495;
}
section.our-history .milestones .overlay {
background-color: #E2E5EA;
position: absolute;
}
section.our-history .milestones .row.small {
display: flex;
flex-direction: column-reverse;
}
section.our-history .milestones .row.small .content {
position: relative;
}
section.our-history .milestones .row.small .content:before {
content: '';
height: 7px;
width: calc(100% - 50px);
background-color: #135495;
position: absolute;
right: -14px;
top: 0;
}
section.our-history .milestones .row.small .content h4 {
padding-top: 30px;
}
section.our-history .milestones .row.small .image figure {
width: 100%;
height: 142px;
max-width: 213px;
position: relative;
}
section.our-history .milestones .row.small .image .overlay {
height: 89px;
width: 89px;
left: -21px;
bottom: -32px;
}
section.our-history .milestones .row.small .image img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
z-index: 1;
}
section.our-history .milestones .row.small .description {
max-width: 277px;
}
section.our-history .milestones .row.stats,
section.our-history .milestones .row.wide {
display: flex;
flex-direction: column-reverse;
}
section.our-history .milestones .row.stats .description, section.our-history .milestones .row.wide .description {
max-width: 350px;
}
section.our-history .milestones .row.stats .content, section.our-history .milestones .row.wide .content {
position: relative;
}
section.our-history .milestones .row.stats .content:before, section.our-history .milestones .row.wide .content:before {
content: '';
height: 7px;
width: calc(100% - 50px);
background-color: #135495;
position: absolute;
right: 0;
top: 0;
}
section.our-history .milestones .row.stats .content h4, section.our-history .milestones .row.wide .content h4 {
padding-top: 30px;
}
section.our-history .milestones .row.stats figure, section.our-history .milestones .row.wide figure {
position: relative;
max-width: 305.99px;
height: 200px;
}
section.our-history .milestones .row.stats figure .overlay, section.our-history .milestones .row.wide figure .overlay {
height: 89px;
width: 89px;
left: -21px;
bottom: -32px;
}
section.our-history .milestones .row.stats figure img, section.our-history .milestones .row.wide figure img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
z-index: 1;
}
section.our-history .milestones .row.tall {
display: flex;
flex-direction: column-reverse;
}
section.our-history .milestones .row.tall .description {
max-width: 350px;
}
section.our-history .milestones .row.tall .content {
position: relative;
}
section.our-history .milestones .row.tall .content:before {
content: '';
height: 7px;
width: calc(100% - 50px);
background-color: #135495;
position: absolute;
right: -14px;
top: 0;
}
section.our-history .milestones .row.tall .content h4 {
padding-top: 30px;
}
section.our-history .milestones .row.tall figure {
position: relative;
max-width: 305.99px;
height: 490px;
}
section.our-history .milestones .row.tall figure .overlay {
height: 89px;
width: 89px;
left: -21px;
bottom: -32px;
}
section.our-history .milestones .row.tall figure img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
z-index: 1;
}
section.our-history .milestones .row .statistics {
color: #135495;
width: 100%;
display: flex;
justify-content: center;
}
section.our-history .milestones .row .statistics .columns {
width: 100%;
max-width: 350px;
display: flex;
flex-wrap: wrap;
padding-top: 15px;
margin-right: 20%;
}
section.our-history .milestones .row .statistics .col {
width: 50%;
text-align: right;
padding: 30px 0;
}
section.our-history .milestones .row .statistics .number {
font-size: calc(40px + 12 * ((100vw - 420px) / 860));
font-size: calc(2.5rem + 12 * ((100vw - 26.25rem) / 860));
line-height: 1.088em;
font-family: 'Aleo', serif;
}
section.our-history .milestones .row .statistics .label {
font-family: 'Niramit', sans-serif;
font-size: 19.41px;
font-size: 1.21313rem;
font-weight: 700;
letter-spacing: -0.24px;
letter-spacing: -0.015rem;
line-height: 33.96px;
line-height: 2.1225rem;
}
section.our-history .milestones .row .statistics .label img {
height: 20px;
width: 20px;
margin-right: 9px;
}
/* The blue box */
section.our-history .milestones .row .year {
height: 218px;
width: 100%;
max-width: 213px;
align-self: flex-end;
margin-top: 0px;
position: relative;
background-color: #fff;
}
section.our-history .milestones .row .year .clip {
clip-path: polygon(16% 0,100% 0,100% 84%,85% 100%,0 100%,0 15.5%);
}
section.our-history .milestones .row .year .box {
background-color: #125495;
height: 218px;
width: 100%;
max-width: 213px;
overflow: hidden;
clip-path: polygon(16% 0,100% 0,100% 84%,85% 100%,0 100%,0 15.5%);
}
section.our-history .milestones .row .year .box.bordered {
display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(16% 0,100% 0,100% 84%,85% 100%,0 100%,0 15.5%);
}
section.our-history .milestones .row .year .box.bordered h3 {
color: #125495;
}
section.our-history .milestones .row .year .box.bordered .inner {
position: relative;
width: calc(100% - 13px);
height: calc(100% - 13px);
background-color: #fff;
overflow: hidden;
box-sizing: border-box;
clip-path: polygon(16% 0,100% 0,100% 84%,85% 100%,0 100%,0 15.5%);
}
section.our-history .milestones .row .year .box {
font-family: 'Aleo', serif;
}
section.our-history .milestones .row .year .box h3 {
color: #fff;
letter-spacing: -0.54px;
letter-spacing: -0.03375rem;
text-align: center;
padding-top: 15px;
font-size: calc(72px + 16 * ((100vw - 420px) / 860));
font-size: calc(4.5rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.602em;
}
section.our-history .milestones .row .description {
font-family: 'Aleo', serif;
}
section.our-history .milestones .row .description h4 {
color: #0254A7;
font-size: 26px;
font-size: 1.625rem;
letter-spacing: 0;
line-height: 34px;
line-height: 2.125rem;
}
section.our-history .milestones .row .description .information {
color: #494949;
font-family: 'Niramit', sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
line-height: 28px;
line-height: 1.75rem;
}
section.our-history .milestones .row .description .information ul {
padding-top: 10px;
padding-left: 20px;
}
section.our-history .milestones .row .description .information ul li {
list-style: disc;
padding-left: 8px;
padding-bottom: 15px;
}
section.our-history .milestones .row .description .information ul li:last-child {
padding-bottom: 0;
}
/**************************************************************
* Our Rating Section
**************************************************************/
.our-ratings-section {
padding: 33px 0 32px;
background-color: #F5F6F8;
}
.our-ratings-section .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
.our-ratings-section.pt-0 {
padding-top: 0;
}
.our-ratings-section.style--1 {
background-color: #fff;
}
.our-ratings-section.style--1 .section-title {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
}
.our-ratings-section.style--1 .our-ratings-item {
background-color: #F3F4F6;
border: 0;
margin-right: 1px;
margin-bottom: 2px;
}
.our-ratings-section.style--1 .our-ratings-item:nth-of-type(odd) {
border-right: 0;
}
.our-ratings-section.style--1 .our-ratings-item .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
padding: 0;
margin: 0;
min-height: unset;
text-transform: uppercase;
margin-bottom: 15px;
color: #0B63AF;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 0.9px;
letter-spacing: 0.05625rem;
}
.our-ratings-section.style--1 .our-ratings-item .title:before {
display: none;
}
.our-ratings-section.style--1 .our-ratings-item .wrap {
flex-wrap: nowrap;
flex-direction: column;
}
.our-ratings-section.style--1 .our-ratings-item .wrap .caption {
padding: 20px 30px 50px;
max-width: 100%;
flex: 1;
}
.our-ratings-section.style--1 .our-ratings-item:not(:last-of-type) {
border-right: 0;
}
.our-ratings-section .section-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #0B63AF;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
margin: 0 0 10px;
}
.our-ratings-section .visible-md {
display: none;
}
.our-ratings-section .our-ratings-header {
padding-bottom: 35px;
}
.our-ratings-section .our-ratings-header .section-title {
margin: 0;
}
.our-ratings-section .our-ratings-header .link-view-all {
margin-top: 20px;
}
.our-ratings-section .our-ratings-items {
align-items: stretch;
display: flex;
flex-wrap: wrap;
}
.our-ratings-section .our-ratings-item {
background-color: #fff;
border-bottom: 2px solid #9CB5CB;
width: 100%;
box-sizing: border-box;
}
.our-ratings-section .our-ratings-item .wrap {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.our-ratings-section .our-ratings-item .wrap .image {
align-items: flex-start;
box-sizing: border-box;
display: flex;
justify-content: center;
flex: 0 0 28%;
max-width: 28%;
padding-top: 30px;
position: relative;
width: 100%;
height: 100%;
}
.our-ratings-section .our-ratings-item .wrap .image img {
width: 55px;
}
.our-ratings-section .our-ratings-item .wrap .image span.figure {
color: #fff;
background-color: #0054A4;
border-radius: 100%;
display: block;
font-family: 'Aleo', serif;
font-size: 18px;
line-height: 1em;
font-size: 1.125rem;
line-height: 1em;
font-weight: 700;
padding-top: 6px;
top: 31px;
right: calc(50% - 35px);
position: absolute;
width: 28px;
height: 28px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.our-ratings-section .our-ratings-item .wrap .caption {
box-sizing: border-box;
flex: 0 0 68%;
font-size: 0;
height: 100%;
max-width: 68%;
padding: 32px 0 35px;
width: 100%;
}
.our-ratings-section .our-ratings-item .title {
color: #0B63AF;
font-family: 'Aleo', serif;
font-size: 20px;
line-height: 26px;
font-size: 1.25rem;
line-height: 1.625rem;
font-weight: 700;
letter-spacing: .1px;
letter-spacing: 0.00625rem;
margin: 0 0 11px;
padding-right: 15px;
position: relative;
}
.our-ratings-section .our-ratings-item b {
color: #000;
font-size: 14px;
line-height: 18px;
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: 700;
display: block;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
margin: 0;
}
.our-ratings-section .our-ratings-item strong {
color: #000;
font-size: 14px;
line-height: 18px;
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: 700;
display: block;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
margin: 0;
}
.our-ratings-section .our-ratings-item p {
color: #000;
display: block;
font-size: 14px;
line-height: 16px;
font-size: 0.875rem;
line-height: 1rem;
font-weight: 400;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
margin: 3px 0 0;
}
.our-ratings-section .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
.our-ratings-section .link-view-all:hover {
opacity: .6;
}
.our-ratings-section .link-view-all {
padding-right: 62px;
transition: all .3s ease-in-out;
}
.our-ratings-section .link-view-all:hover {}
/***************
* Lazy-loading
***************/
.our-ratings-section.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
.our-ratings-section.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Photo carousel
**************************************************************/
section.photo-carousel-ftmba {
display: block;
overflow: hidden;
padding-top: 30px;
padding-bottom: 70px;
padding-left: 0 !important;
position: relative;
text-align: center;
width: 100%;
}
section.photo-carousel-ftmba .left-arrow {
left: 5%;
margin-left: 5px
}
section.photo-carousel-ftmba .right-arrow {
left: 94%;
}
section.photo-carousel-ftmba .information {
z-index: 5000;
position: absolute;
top: 50%;
max-width: 100px;
transform: translate(-50%,-50%);
}
section.photo-carousel-ftmba .information .controls {
display: flex;
align-items: center;
margin-top: 55px;
}
section.photo-carousel-ftmba .information .controls span {
cursor: pointer;
background-color: #312a6f;
padding: 15px;
display: flex;
align-items: center;
border-bottom: 4px solid #a71680;
}
section.photo-carousel-ftmba .information .controls span svg {
height: 20px;
}
section.photo-carousel-ftmba .information .controls span:first-child {
margin-right: 1px;
}
/***************
* Carousel
***************/
section.photo-carousel-ftmba .photos {
position: relative;
z-index: 1;
}
section.photo-carousel-ftmba .photos .slick-list {
margin: 0 -10px;
}
section.photo-carousel-ftmba .photos .slick-list.dragging, section.photo-carousel-ftmba .photos .slick-list.draggable:active:hover {
cursor: grabbing !important;
}
section.photo-carousel-ftmba .photos .slick-slide {
margin: 0 5px;
}
section.photo-carousel-ftmba .photos .item {
align-items: center;
display: inline-flex !important;
flex-wrap: nowrap;
justify-content: center;
min-height: 280px;
min-width: 200px;
overflow: hidden;
position: relative;
width: 280px;
height: 280px;
}
section.photo-carousel-ftmba .photos figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;/*background-color: $c--tone-12;*/
cursor: pointer;
display: block;
margin: auto;
opacity: .1;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 280px;
transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}
section.photo-carousel-ftmba .photos .slick-slide.slick-active figure.image {
opacity: 1;
}
/**
* Dots
*/
section.photo-carousel-ftmba .photos ul.slick-dots {
display: block;
font-size: 0;
margin-top: 15px;
text-align: center;
}
section.photo-carousel-ftmba .photos ul.slick-dots li {
display: inline-block;
margin: 0;
}
section.photo-carousel-ftmba .photos ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: hidden;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
section.photo-carousel-ftmba .photos ul.slick-dots li button::before, section.photo-carousel-ftmba .photos ul.slick-dots li button::after {
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
}
section.photo-carousel-ftmba .photos ul.slick-dots li button::before {
background: rgba(#0254A7, .14);
}
section.photo-carousel-ftmba .photos ul.slick-dots li button::after {
background: transparent;
border: 1px solid #312a6f;
opacity: 0;
}
/* Hover */
section.photo-carousel-ftmba .photos ul.slick-dots li:not(.slick-active) button:hover::before {
background-color: rgba(#312a6f, .35);
}
/* Active */
section.photo-carousel-ftmba .photos ul.slick-dots li.slick-active button::before {
background-color: #312a6f;
}
section.photo-carousel-ftmba .photos ul.slick-dots li.slick-active button::after {
opacity: 1;
width: 21px;
height: 21px;
}
section.photo-carousel-ftmba--large::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
section.photo-carousel-ftmba--large .photos .slick-list {
margin: 0 0 0 11px;
}
section.photo-carousel-ftmba--large .photos ul.slick-dots {
margin-top: 23px;
}
section.photo-carousel-ftmba--large .photos .item {
min-height: 163px;
min-width: 300px;
width: 220px;
height: 220px;
height: 163px;
}
section.photo-carousel-ftmba--large .photos figure.image {
height: 163px;
}
/* Reset */
/***************
* Lazy-loading
***************/
section.photo-carousel-ftmba.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.photo-carousel-ftmba.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Photo carousel
**************************************************************/
section.photo-carousel {
display: block;
overflow: hidden;
padding-top: 30px;
padding-bottom: 70px;
padding-left: 0 !important;
position: relative;
text-align: center;
width: 100%;
}
/***************
* Content
***************/
section.photo-carousel .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.photo-carousel .content {
display: block;
margin-bottom: 55px;
position: relative;
z-index: 1;
}
/* Inner */
section.photo-carousel .content .content-inner {
margin: 0 auto;
max-width: 460px;
}
/* Title */
section.photo-carousel .content .title {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
color: #0254A7;
display: block;
font-family: 'Aleo', serif;
font-weight: 400;
margin: 5px auto 15px;
}
section.photo-carousel .content .title.black {
font-size: calc(26px + 6 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
line-height: 43px;
line-height: 2.6875rem;
text-align: center;
}
/* Text */
section.photo-carousel .content .text {
font-size: 16px;
line-height: 1.845em;
font-size: 1rem;
line-height: 1.845em;
color: #4E4E4E;
display: block;
font-family: 'Niramit', sans-serif;
}
section.photo-carousel .content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.photo-carousel .content .text b, section.photo-carousel .content .text strong {
color: #282A2A;
font-weight: 700;
}
/* Button */
section.photo-carousel .content .button {
display: block;
margin-top: 40px;
}
section.photo-carousel .content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.photo-carousel .content .button a:hover {
opacity: .6;
}
/***************
* Carousel
***************/
section.photo-carousel .photos {
position: relative;
z-index: 1;
}
section.photo-carousel .photos .slick-list {
margin: 0 -10px;
}
section.photo-carousel .photos .slick-list.dragging, section.photo-carousel .photos .slick-list.draggable:active:hover {
cursor: grabbing !important;
}
section.photo-carousel .photos .slick-slide {
margin: 0 10px;
}
section.photo-carousel .photos .item {
align-items: center;
display: inline-flex !important;
flex-wrap: nowrap;
justify-content: center;
min-height: 280px;
min-width: 280px;
overflow: hidden;
position: relative;
width: 280px;
height: 280px;
}
section.photo-carousel .photos figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #F6F8F9;
cursor: pointer;
display: block;
margin: auto;
opacity: .1;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 280px;
transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}
section.photo-carousel .photos .slick-slide.slick-active figure.image {
opacity: 1;
}
/**
* Dots
*/
section.photo-carousel .photos ul.slick-dots {
display: block !important;
font-size: 0;
margin-top: 55px;
text-align: center;
visibility: visible !important;
opacity: 1 !important;
}
section.photo-carousel .photos ul.slick-dots li {
display: inline-block;
margin: 0;
}
section.photo-carousel .photos ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: visible;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
section.photo-carousel .photos ul.slick-dots li button::before, section.photo-carousel .photos ul.slick-dots li button::after {
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
}
section.photo-carousel .photos ul.slick-dots li button::before {
background: rgba(2, 84, 167, .6) !important;
opacity: 1 !important;
visibility: visible !important;
}
section.photo-carousel .photos ul.slick-dots li button::after {
background: transparent;
border: 1px solid #0254A7;
opacity: 0;
}
/* Hover */
section.photo-carousel .photos ul.slick-dots li:not(.slick-active) button:hover::before {
background-color: rgba(2, 84, 167, .8) !important;
}
/* Active */
section.photo-carousel .photos ul.slick-dots li.slick-active button::before {
background-color: #0254A7 !important;
width: 8px;
height: 8px;
}
section.photo-carousel .photos ul.slick-dots li.slick-active button::after {
opacity: 1;
width: 18px;
height: 18px;
}
section.photo-carousel--large::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
section.photo-carousel--large .photos .slick-list {
margin: 0 0 0 11px;
}
section.photo-carousel--large .photos ul.slick-dots {
margin-top: 23px;
}
section.photo-carousel--large .photos .item {
min-height: 163px;
min-width: 300px;
width: 300px;
height: 300px;
height: 163px;
}
section.photo-carousel--large .photos figure.image {
height: 163px;
}
/* Reset */
/***************
* Lazy-loading
***************/
section.photo-carousel.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.photo-carousel.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Portrait image tiles
**************************************************************/
section.portrait-img-tiles {
display: block;
font-size: 0;
overflow: hidden;
padding-left: 0 !important;
position: relative;
}
/**
* Label
*/
section.portrait-img-tiles .large-bg-text {
left: calc(50% - 675px);
top: 0;
z-index: 1;
}
/**
* Tiles
*/
section.portrait-img-tiles .tiles {
position: relative;
z-index: 0;
}
/**
* Tile
*/
section.portrait-img-tiles .tile {
align-items: flex-start;
color: #fff;
background-color: #000;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
min-height: 390px;
overflow: hidden;
padding: 35px 11px;
position: relative;
width: 100%;
}
/* Fade */
section.portrait-img-tiles .tile::before {
background-image: linear-gradient(to bottom, rgba(26,29,31,0.00) 0%, #141617 100%);
content: "";
display: block;
opacity: .85;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 325px;
z-index: 1;
}
/* Content */
section.portrait-img-tiles .content {
overflow: visible;
right: 11px;
bottom: 35px;
left: 11px;
position: absolute;
width: calc(100% - calc(11px * 2));
z-index: 2;
}
/* Title */
section.portrait-img-tiles .title {
font-size: 18px;
line-height: 1.645em;
font-size: 1.125rem;
line-height: 1.645em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
}
/* Text area */
section.portrait-img-tiles .textarea {
display: block;
padding-top: 10px;
}
/* Description */
section.portrait-img-tiles .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
letter-spacing: -.015em;
}
/* Button */
section.portrait-img-tiles .button {
display: block;
margin-top: 15px;
}
/* Image */
section.portrait-img-tiles figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 0;
}
/***************
* Section margins
***************/
/***************
* Lazy-loading
***************/
section.portrait-img-tiles.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.portrait-img-tiles.view-detect.viewed {
opacity: 1;
}
.portrait-img-tiles .tiles a.no-click {
cursor: default;
pointer-events: none;
}
.portrait-img-tiles .tiles a.no-click .tile:hover figure.image {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Programme Animate Section
**************************************************************/
.programme-animate-section {
background: #fff url('/media/dist/img/theshard-bg.jpg') no-repeat center / cover;
overflow: hidden;
position: relative;
width: 100%;
}
/***************
* Fade
***************/
.programme-animate-section .fade-top, .programme-animate-section .fade-bottom {
display: none;
pointer-events: none;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 200px;
z-index: 4;
}
.programme-animate-section .fade-top {
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
top: 0;
}
.programme-animate-section .fade-bottom {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
bottom: 0;
}
/***************
* Cityscape
***************/
.programme-animate-section .cityscape {
background: transparent url('/media/dist/img/cityscape.png') no-repeat center / cover;
padding-bottom: 60%;
pointer-events: none;
bottom: 0;
left: 0;
position: relative;
width: 100%;
height: auto;
z-index: 3;
}
/***************
* Content
***************/
.programme-animate-section .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
.programme-animate-section .content {
background-color: #456D86;
padding-top: 30px;
padding-bottom: 30px;
}
.programme-animate-section .content-outer {
display: block;
font-size: 0;
position: relative;
z-index: 2;
}
.programme-animate-section .content-outer .content-inner {
display: inline-block;
font-size: 16px;
font-size: 1rem;
vertical-align: top;
width: 100%;
}
/* Bottom borders */
.programme-animate-section .content-outer .content-inner::before, .programme-animate-section .content-outer .content-inner::after {
content: "";
display: none;
position: absolute;
}
.programme-animate-section .content-outer .content-inner::before {
border-bottom: 7px solid #0054A4;
bottom: 77px;
right: -4px;
transform: rotate(-45deg);
transform-origin: right;
width: 110px;
}
.programme-animate-section .content-outer .content-inner::after {
border-bottom: 7px solid #0054A4;
border-left: 7px solid #0054A4;
bottom: 78px;
left: -7px;
width: calc(100% - 65px);
height: 78px;
transform: translateY(100%);
}
.programme-animate-section .content-outer .title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
margin-bottom: 17px;
}
.programme-animate-section .content-outer .title br {
display: none;
}
.programme-animate-section .content-outer .list {
display: inline;
padding: 0;
margin: 0;
list-style: none;
padding-right: 25px;
}
.programme-animate-section .content-outer .list li {
position: relative;
padding-left: 28px;
margin-bottom: 9px;
}
.programme-animate-section .content-outer .list li:last-child {
margin-bottom: 0;
}
.programme-animate-section .content-outer .list li::before {
content: "";
width: 9px;
height: 9px;
border-bottom: 2.4px solid #fff;
border-right: 2.4px solid #fff;
transform: rotate(-45deg);
opacity: .56;
position: absolute;
left: -2px;
top: 11px;
}
.programme-animate-section .content-outer .list li a {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
line-height: 24px;
line-height: 1.5rem;
text-transform: uppercase;
text-decoration: none;
transition: all .2s ease-in-out;
}
/***************
* Cloud
***************/
.programme-animate-section .cloud {
top: 150px;
left: calc(50% - 40px);
position: absolute;
display: none;
pointer-events: none;
z-index: 1;
}
/***************
* Lazyloading
* See fnInViewDetect.js
***************/
/***************
* Lazy-loading
***************/
.programme-animate-section.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
.programme-animate-section.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Programme content
**************************************************************/
section.programme-body {
display: block;
width: 100%;
}
/***************
* Containers
***************/
section.programme-body > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.programme-body > .container {
width: 100%;
}
section.programme-body > .container > .inner {
display: block;
width: 100%;
}
/***************
* Content
***************/
section.programme-body > .container > .inner > main.content {
display: block;
position: relative;
}
section.programme-body > .container > .inner > main.content .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.programme-body > .container > .inner > main.content .link-view-all:hover {
opacity: .6;
}
section.programme-body > .container > .inner > main.content .link-view-all {
margin-top: 15px;
padding-right: 43px;
margin-bottom: 30px;
}
section.programme-body > .container > .inner > main.content > section:not(:last-of-type) {
margin-bottom: 50px;
}
/***************
* Sidebar
***************/
section.programme-body > .container > .inner > aside.sidebar {
display: block;
margin-bottom: 40px;
padding-top: 14px;
position: relative;
}
/**
* Blocks
*/
section.programme-body > .container > .inner > aside.sidebar .sidebar-block:not(:first-of-type) {
margin-top: 45px;
}
/* Title */
section.programme-body > .container > .inner > aside.sidebar .sidebar-block .block-title {
font-size: 22px;
line-height: 1.2em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.33px;
margin-bottom: 20px;
}
/***************
* Programme colours
***************/
section.programme-body.programme--undergrad section.textarea h2,
section.programme-body.programme--undergrad section.thumb-testimonial-index header .title,
section.programme-body.programme--undergrad section.blog-article-index header > .title,
section.programme-body.programme--undergrad section.testimonial-tabs header .title,
section.programme-body.programme--undergrad section.application-steps>header .title,
section.programme-body.programme--undergrad section.appointment-index>header .title,
section.programme-body.programme--undergrad section.case-study-index header>.title {
color: #e6007e;
}
section.programme-body.programme--undergrad section.programme-table-steps .buttons a:not(.primary) {
border-color: #e6007e;
color: #e6007e;
}
section.programme-body.programme--undergrad section.programme-table-steps .buttons a:not(.primary):hover {
color: #fff;
background-color: #e6007e;
}
section.programme-body.programme--undergrad section.programme-table-steps .buttons a.primary {
background-image: linear-gradient(to left, #e6007e 0%, #70257b 100%);
background-color: #e6007e;
}
section.programme-body.programme--undergrad section.programme-table-steps .buttons a.primary:hover {
background-image: none;
}
section.programme-body.programme--undergrad section.simple-testimonial .quote {
color: #e6007e;
}
section.programme-body.programme--postgrad section.textarea h2,
section.programme-body.programme--postgrad section.thumb-testimonial-index header .title,
section.programme-body.programme--postgrad section.blog-article-index header > .title,
section.programme-body.programme--postgrad section.testimonial-tabs header .title,
section.programme-body.programme--postgrad section.application-steps>header .title,
section.programme-body.programme--postgrad section.appointment-index>header .title,
section.programme-body.programme--postgrad section.case-study-index header>.title {
color: #00b1ab;
}
section.programme-body.programme--postgrad section.programme-table-steps .buttons a:not(.primary) {
border-color: #00b1ab;
color: #00b1ab;
}
section.programme-body.programme--postgrad section.programme-table-steps .buttons a:not(.primary):hover {
color: #fff;
background-color: #00b1ab;
}
section.programme-body.programme--postgrad section.programme-table-steps .buttons a.primary {
background-image: linear-gradient(to left, #00b1ab 0%, #007155 100%);
background-color: #00b1ab;
}
section.programme-body.programme--postgrad section.programme-table-steps .buttons a.primary:hover {
background-image: none;
}
section.programme-body.programme--postgrad section.simple-testimonial .quote {
color: #00b1ab;
}
section.programme-body.programme--mba section.textarea h2,
section.programme-body.programme--mba section.thumb-testimonial-index header .title,
section.programme-body.programme--mba section.blog-article-index header > .title,
section.programme-body.programme--mba section.testimonial-tabs header .title,
section.programme-body.programme--mba section.application-steps>header .title,
section.programme-body.programme--mba section.appointment-index>header .title,
section.programme-body.programme--mba section.case-study-index header>.title {
color: #a71680;
}
section.programme-body.programme--mba section.programme-table-steps .buttons a:not(.primary) {
border-color: #a71680;
color: #a71680;
}
section.programme-body.programme--mba section.programme-table-steps .buttons a:not(.primary):hover {
color: #fff;
background-color: #a71680;
}
section.programme-body.programme--mba section.programme-table-steps .buttons a.primary {
background-image: linear-gradient(to left, #a71680 0%, #312a6f 100%);
background-color: #a71680;
}
section.programme-body.programme--mba section.programme-table-steps .buttons a.primary:hover {
background-image: none;
}
section.programme-body.programme--mba section.simple-testimonial .quote {
color: #a71680;
}
section.programme-body.programme--doctoral section.textarea h2,
section.programme-body.programme--doctoral section.thumb-testimonial-index header .title,
section.programme-body.programme--doctoral section.blog-article-index header > .title,
section.programme-body.programme--doctoral section.testimonial-tabs header .title,
section.programme-body.programme--doctoral section.application-steps>header .title,
section.programme-body.programme--doctoral section.appointment-index>header .title,
section.programme-body.programme--doctoral section.case-study-index header>.title {
color: #80c0d3;
}
section.programme-body.programme--doctoral section.programme-table-steps .buttons a:not(.primary) {
border-color: #80c0d3;
color: #80c0d3;
}
section.programme-body.programme--doctoral section.programme-table-steps .buttons a:not(.primary):hover {
color: #fff;
background-color: #80c0d3;
}
section.programme-body.programme--doctoral section.programme-table-steps .buttons a.primary {
background-image: linear-gradient(to left, #80c0d3 0%, #2384b4 100%);
background-color: #80c0d3;
}
section.programme-body.programme--doctoral section.programme-table-steps .buttons a.primary:hover {
background-image: none;
}
section.programme-body.programme--doctoral section.simple-testimonial .quote {
color: #80c0d3;
}
section.programme-body.programme--exec section.textarea h2,
section.programme-body.programme--exec section.thumb-testimonial-index header .title,
section.programme-body.programme--exec section.blog-article-index header > .title,
section.programme-body.programme--exec section.testimonial-tabs header .title,
section.programme-body.programme--exec section.application-steps>header .title,
section.programme-body.programme--exec section.appointment-index>header .title,
section.programme-body.programme--exec section.case-study-index header>.title {
color: #637465;
}
section.programme-body.programme--exec section.programme-table-steps .buttons a:not(.primary) {
border-color: #637465;
color: #637465;
}
section.programme-body.programme--exec section.programme-table-steps .buttons a:not(.primary):hover {
color: #fff;
background-color: #637465;
}
section.programme-body.programme--exec section.programme-table-steps .buttons a.primary {
background-image: linear-gradient(to left, #637465 0%, #a2c616 100%);
background-color: #637465;
}
section.programme-body.programme--exec section.programme-table-steps .buttons a.primary:hover {
background-image: none;
}
section.programme-body.programme--exec section.simple-testimonial .quote {
color: #637465;
}
section.programme-body.programme--london section.textarea h2,
section.programme-body.programme--london section.thumb-testimonial-index header .title,
section.programme-body.programme--london section.blog-article-index header > .title,
section.programme-body.programme--london section.testimonial-tabs header .title,
section.programme-body.programme--london section.application-steps>header .title,
section.programme-body.programme--london section.appointment-index>header .title,
section.programme-body.programme--london section.case-study-index header>.title {
color: #004899;
}
section.programme-body.programme--london section.programme-table-steps .buttons a:not(.primary) {
border-color: #004899;
color: #004899;
}
section.programme-body.programme--london section.programme-table-steps .buttons a:not(.primary):hover {
color: #fff;
background-color: #004899;
}
section.programme-body.programme--london section.programme-table-steps .buttons a.primary {
background-image: linear-gradient(to left, #51AAFF 0%, #004899 100%);
background-color: #004899;
}
section.programme-body.programme--london section.programme-table-steps .buttons a.primary:hover {
background-image: none;
}
section.programme-body.programme--london section.simple-testimonial .quote {
color: #004899;
}
/* END OF DOCUMENT */
/**************************************************************
* Programmes index
**************************************************************/
section.programme-index {
background: #F5F6F8;
display: block;
margin-bottom: 30px;
width: 100%;
}
/***************
* Containers
***************/
section.programme-index > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.programme-index > .container {
width: 100%;
}
section.programme-index > .container > .inner {
display: block;
width: 100%;
}
/***************
* Filters (sidebar)
***************/
section.programme-index aside.filters {
display: block;
margin-bottom: 40px;
padding-top: 14px;
position: relative;
}
section.programme-index aside.filters > .inner {
background: #F3F4F6;
display: block;
}
/**
* Mobile toggle
*/
section.programme-index aside.filters header.mobile-toggle {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
margin-bottom: 16px;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-transform: uppercase;
}
/* Arrow */
section.programme-index aside.filters header.mobile-toggle::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Open
*/
/* Arrow */
section.programme-index aside.filters header.mobile-toggle.open::after {
transform: rotate(-90deg);
}
/**
* Sidebar title
*/
section.programme-index aside.filters .sidebar-title {
font-size: 26px;
line-height: 1.2em;
font-size: 1.625rem;
line-height: 1.2em;
color: #0D1C23;
display: none;
margin-bottom: 35px;
}
/**
* Inputs
*/
section.programme-index aside.filters main.form {
transition: opacity 0.3s ease;
opacity: 0;
display: none;
font-style: 0;
padding-top: 22px;
}
section.programme-index aside.filters main.form.open {
opacity: 1;
display: block;
}
section.programme-index aside.filters .input-group:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.2);
margin-bottom: 35px;
padding-bottom: 35px;
}
/* Title */
section.programme-index aside.filters .input-group > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
margin-bottom: 26px;
text-transform: uppercase;
}
/* Inputs */
section.programme-index aside.filters .input-group ul {
align-items: stretch;
display: flex;
flex-wrap: wrap;
font-size: 0;
justify-content: space-between;
margin: 0 -3px;
width: calc(100% + 6px);
}
/* Input */
section.programme-index aside.filters .input-group ul li {
margin-bottom: 6px;
overflow: hidden;
position: relative;
}
section.programme-index aside.filters .input-group ul li input {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100% !important;
height: 100% !important;
}
section.programme-index aside.filters .input-group ul li input:checked + label {
border-color: #03ADEF;
color: #fff;
background-color: #03ADEF;
}
section.programme-index aside.filters .input-group ul li input:hover + label {
border-color: #03ADEF;
}
section.programme-index aside.filters .input-group ul li label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-flex;
font-family: 'Montserrat';
font-weight: 700;
height: 100%;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 8px 20px;
width: 100%;
}
section.programme-index aside.filters .input-group ul li input:disabled {
cursor: unset;
}
section.programme-index aside.filters .input-group ul li input:disabled + label {
color: #fff;
background-color: #CCD4D8;
}
section.programme-index aside.filters .input-group ul li input:disabled:hover + label {
border-color: #dcdcdc;
}
section.programme-index aside.filters .input-group ul li {
flex: 1 1 auto;
height: 42px;
padding: 0 3px;
}
section.programme-index aside.filters .input-group ul li.size--third {
flex-basis: 33.3333%;
}
section.programme-index aside.filters .input-group ul li.size--half {
flex-basis: 50%;
}
section.programme-index aside.filters .input-group ul li.size--full {
flex-basis: 100%;
}
/**
* Submit button
*/
section.programme-index aside.filters .submit {
display: block;
margin-top: 25px;
}
section.programme-index aside.filters .submit button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in;
margin: 0;
padding: 14px 20px 15px;
width: 100%;
}
/* Disabled */
section.programme-index aside.filters .submit button:disabled {
color: #fff;
background-color: #2F2F2F;
opacity: .17;
}
/**
* Call-to-actions
*/
section.programme-index aside.filters footer.cta {
display: none;
margin-top: 40px;
}
/***************
* Content
***************/
section.programme-index main.listing {
display: block;
}
/* Group */
section.programme-index main.listing .group:not(:last-of-type) {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
margin-bottom: 40px;
padding-bottom: 40px;
}
/* Title */
section.programme-index main.listing .group > .group-title {
font-size: calc(18px + 14 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 14 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #000;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin: -9px 0 12px;
padding-left: .8em;
position: relative;
}
section.programme-index main.listing .group > .group-title::before {
content: "";
display: block;
top: .3em;
left: 0;
position: absolute;
width: .225em;
height: .725em;
}
/* Colours */
section.programme-index main.listing .group.programme--undergrad > .group-title::before {
background-color: #e6007e;
}
section.programme-index main.listing .group.programme--undergrad article.index-programme .category::before {
background-color: #e6007e;
}
section.programme-index main.listing .group.programme--undergrad article.index-programme .title {
color: #e6007e;
}
section.programme-index main.listing .group.programme--postgrad > .group-title::before {
background-color: #00b1ab;
}
section.programme-index main.listing .group.programme--postgrad article.index-programme .category::before {
background-color: #00b1ab;
}
section.programme-index main.listing .group.programme--postgrad article.index-programme .title {
color: #00b1ab;
}
section.programme-index main.listing .group.programme--mba > .group-title::before {
background-color: #a71680;
}
section.programme-index main.listing .group.programme--mba article.index-programme .category::before {
background-color: #a71680;
}
section.programme-index main.listing .group.programme--mba article.index-programme .title {
color: #a71680;
}
section.programme-index main.listing .group.programme--doctoral > .group-title::before {
background-color: #80c0d3;
}
section.programme-index main.listing .group.programme--doctoral article.index-programme .category::before {
background-color: #80c0d3;
}
section.programme-index main.listing .group.programme--doctoral article.index-programme .title {
color: #80c0d3;
}
section.programme-index main.listing .group.programme--exec > .group-title::before {
background-color: #637465;
}
section.programme-index main.listing .group.programme--exec article.index-programme .category::before {
background-color: #637465;
}
section.programme-index main.listing .group.programme--exec article.index-programme .title {
color: #637465;
}
section.programme-index main.listing .group.programme--london > .group-title::before {
background-color: #004899;
}
section.programme-index main.listing .group.programme--london article.index-programme .category::before {
background-color: #004899;
}
section.programme-index main.listing .group.programme--london article.index-programme .title {
color: #004899;
}
/**
* Search bar
*/
section.programme-index nav.search-bar {
display: block;
font-size: 0;
margin-bottom: 30px;
position: relative;
}
section.programme-index nav.search-bar input[type="text"] {
border: 1px solid #979797;
border-radius: 30px;
color: #000;
background-color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
line-height: 1em;
font-size: 0.625rem;
line-height: 1em;
font-weight: 700;
letter-spacing: .1025em;
margin: auto 0;
text-transform: uppercase;
padding: 0 30px;
width: 100%;
height: 62px;
z-index: 0;
}
section.programme-index nav.search-bar input[type="text"]::-moz-placeholder {
color: #000;
}
section.programme-index nav.search-bar input[type="text"]::placeholder {
color: #000;
}
section.programme-index nav.search-bar button, section.programme-index nav.search-bar input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url('/media/dist/img/header-search-icon.svg') no-repeat center / 15px;
border-radius: 100%;
color: transparent;
cursor: pointer;
font-size: 0;
margin: auto 0;
top: 0;
right: 0;
position: absolute;
width: 62px;
height: 62px;
z-index: 1;
}
/***************
* Lazy-loading
***************/
section.programme-index.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.programme-index.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Programme table with buttons
**************************************************************/
section.programme-table-steps {
background: #F3F4F6;
display: block;
padding: 29px 10px 30px;
width: 100%;
}
/**
* List (table)
*/
section.programme-table-steps ul.list {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* Row */
section.programme-table-steps ul.list li.row {
align-items: flex-start;
background: #fff;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding: 10px 12px;
}
section.programme-table-steps ul.list li.row span {
display: inline-block;
flex-grow: 1;
flex-shrink: 0;
vertical-align: top;
}
section.programme-table-steps ul.list li.row span.label {
color: #000;
flex-basis: calc(38% - 10px);
max-width: calc(38% - 10px);
font-weight: 700;
text-align: left;
}
section.programme-table-steps ul.list li.row span.value {
color: #494949;
flex-basis: calc(62% - 10px);
max-width: calc(62% - 10px);
text-align: right;
}
section.programme-table-steps ul.list li.row:not(:last-of-type) {
margin-bottom: 3px;
}
/* Nested rows for multiple start dates */
section.programme-table-steps ul.list li.row li.row {
margin: 0;
padding: 0 12px 10px;
background: transparent;
}
/**
* Buttons
*/
section.programme-table-steps .buttons {
padding-top: 26px;
text-align: center;
}
section.programme-table-steps .buttons a {
width: 100%;
}
section.programme-table-steps .buttons a:not(.primary) {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 2px solid #0254A7;
color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 52px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.programme-table-steps .buttons a.primary {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.programme-table-steps .buttons a.primary span {
overflow: visible;
position: relative;
}
section.programme-table-steps .buttons a.primary span::after {
background: transparent url('/wbs2020/media/dist/img/button-external.svg') no-repeat center / 6px;
content: "";
top: 0px;
right: -10px;
position: absolute;
width: 6px;
height: 6px;
}
section.programme-table-steps .buttons a:not(:last-of-type) {
margin-bottom: 10px;
}
/***************
* Lazy-loading
***************/
section.programme-table-steps.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.programme-table-steps.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Programmes overview
**************************************************************/
section.programmes-overview {
display: block;
margin-bottom: 30px;
width: 100%;
}
/* Container */
section.programmes-overview .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.programmes-overview .container {
width: 100%;
}
/* Box */
section.programmes-overview .container > .inner {
background: #F3F4F6;
display: block;
padding: 40px 25px 30px;
width: 100%;
}
/***************
* Content
***************/
section.programmes-overview main.content {
display: block;
}
/* Title */
section.programmes-overview main.content > .title {
font-size: calc(18px + 8 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 8 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.0225em;
margin: -8px 0 17px;
}
section.programmes-overview main.content > .title a {
color: #111111;
text-decoration: none;
transition: all .2s ease-in-out;
}
section.programmes-overview main.content > .title a:hover {
opacity: .6;
}
/* Description */
section.programmes-overview main.content .description {
margin-bottom: 30px;
}
section.programmes-overview main.content p:not(:last-of-type) {
margin-bottom: 30px;
}
/* Lists */
/* Single list divided into two columns */
/* Has sub-sections/categories */
section.programmes-overview main.content .listing.listing--multiple .col {
display: block;
margin-bottom: 45px;
padding-right: 40px;
vertical-align: top;
}
section.programmes-overview main.content .listing.listing--multiple .col > span.title {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
font-family: 'Montserrat', sans-serif;
display: block;
font-weight: 600;
letter-spacing: -.0175em;
margin-bottom: 26px;
}
/* Demo */
section.programmes-overview main.content .listing + .listing {
margin-top: 50px;
}
/* List */
section.programmes-overview main.content ul.list {
font-size: 0;
width: 100%;
}
section.programmes-overview main.content ul.list li {
display: block;
margin-bottom: 16px;
vertical-align: top;
}
section.programmes-overview main.content ul.list div.ee_list_subtext {
font-size: 15px;
font-size: 0.9375rem;
margin-left: 25px;
margin-top: -10px;
margin-bottom: 25px;
line-height: 23px;
line-height: 1.4375rem;
}
section.programmes-overview main.content ul.list a {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
background-color: transparent;
background-position: top 3px left;
background-repeat: no-repeat;
background-size: 10px 15px;
color: #161616;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 1.2rem;
min-height: 11px;
padding: 2px 0 0 24px;
text-decoration: none;
transition: all .15s ease;
}
section.programmes-overview main.content ul.list a:hover {
color: rgba(#161616, .6);
}
/***************
* Testimonial (sidebar)
***************/
section.programmes-overview aside.testimonial {
background: #fff;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
margin-top: 40px;
position: relative;
}
/* Image */
section.programmes-overview aside.testimonial figure.image {
display: none;
width: 100%;
}
section.programmes-overview aside.testimonial figure.image img {
max-width: 100%;
width: 100%;
height: auto;
}
/* Text area */
section.programmes-overview aside.testimonial .textarea {
padding: 30px 28px 40px 30px;
}
section.programmes-overview aside.testimonial .textarea .quote {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
font-family: 'Aleo', serif;
overflow: visible;
position: relative;
}
section.programmes-overview aside.testimonial .textarea .quote::before {
color: inherit;
content: "\201C";
font-size: 22px;
font-size: 1.375rem;
top: 0px;
left: -10px;
position: absolute;
}
section.programmes-overview aside.testimonial .textarea .person {
margin-top: 30px;
}
section.programmes-overview aside.testimonial .textarea .person > .title {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
margin-bottom: 5px;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
}
section.programmes-overview aside.testimonial .textarea .person > .sub {
color: #494949;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
}
/***************
* Colours
***************/
section.programmes-overview.programme--undergrad > .container > .inner {
background-color: rgba(#e6007e, .07);
}
section.programmes-overview.programme--undergrad main.content ul.list a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-undergrad.svg');
}
section.programmes-overview.programme--undergrad aside.testimonial {
box-shadow: 0 1px 0 0 #e6007e;
}
section.programmes-overview.programme--undergrad aside.testimonial .quote {
color: #e6007e;
}
section.programmes-overview.programme--postgrad > .container > .inner {
background-color: rgba(#00b1ab, .07);
}
section.programmes-overview.programme--postgrad main.content ul.list a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-postgrad.svg');
}
section.programmes-overview.programme--postgrad aside.testimonial {
box-shadow: 0 1px 0 0 #00b1ab;
}
section.programmes-overview.programme--postgrad aside.testimonial .quote {
color: #00b1ab;
}
section.programmes-overview.programme--mba > .container > .inner {
background-color: rgba(#a71680, .07);
}
section.programmes-overview.programme--mba main.content ul.list a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-mba.svg');
}
section.programmes-overview.programme--mba aside.testimonial {
box-shadow: 0 1px 0 0 #a71680;
}
section.programmes-overview.programme--mba aside.testimonial .quote {
color: #a71680;
}
section.programmes-overview.programme--doctoral > .container > .inner {
background-color: rgba(#80c0d3, .07);
}
section.programmes-overview.programme--doctoral main.content ul.list a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-doctoral.svg');
}
section.programmes-overview.programme--doctoral aside.testimonial {
box-shadow: 0 1px 0 0 #80c0d3;
}
section.programmes-overview.programme--doctoral aside.testimonial .quote {
color: #80c0d3;
}
section.programmes-overview.programme--exec > .container > .inner {
background-color: rgba(#637465, .07);
}
section.programmes-overview.programme--exec main.content ul.list a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-exec.svg');
}
section.programmes-overview.programme--exec aside.testimonial {
box-shadow: 0 1px 0 0 #637465;
}
section.programmes-overview.programme--exec aside.testimonial .quote {
color: #637465;
}
section.programmes-overview.programme--london > .container > .inner {
background-color: rgba(#004899, .07);
}
section.programmes-overview.programme--london main.content ul.list a {
background-image: url('/media/dist/img/header-subpane-arrow-desktop/programme-london.svg');
}
section.programmes-overview.programme--london aside.testimonial {
box-shadow: 0 1px 0 0 #004899;
}
section.programmes-overview.programme--london aside.testimonial .quote {
color: #004899;
}
/***************
* Alternating layout
***************/
/***************
* Lazy-loading
***************/
section.programmes-overview.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.programmes-overview.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Programmes Section
**************************************************************/
.programmes-section {
padding: 38px 0 26px;
}
.programmes-section .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
.programmes-section .section-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #0B63AF;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.01875em;
margin-bottom: 30px;
}
.programmes-section .programmes-module {
background: #F5F7F8;
display: flex;
flex-wrap: wrap;
}
.programmes-section .programmes-items {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 100%;
flex: 0 0 100%;
justify-content: space-between;
}
.programmes-section .programmes-caption {
display: flex;
align-items: center;
padding: 21px 75px 33px 17px;
width: 100%;
max-width: 100%;
flex: 0 0 100%;
box-sizing: border-box;
background-color: #F5F7F8;
}
.programmes-section .programmes-item {
width: 100%;
margin-bottom: 3px;
}
.programmes-section .programmes-item-wrap {
position: relative;
width: 100%;
padding-top: 65%;
overflow: hidden;
}
.programmes-section .programmes-item-link {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.5s ease-in-out;
}
.programmes-section .programmes-item-link .mask-hover {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #000;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.programmes-section .programmes-item-link:hover img {
transform: scale(1.1);
}
.programmes-section .programmes-item-link:hover .mask-hover {
opacity: 0.3;
}
.programmes-section .programmes-item-link img {
vertical-align: bottom;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.5s ease-in-out;
}
.programmes-section .programmes-item-title {
height: 49px;
padding-bottom: 4px;
width: 100%;
position: absolute;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 1.83px;
letter-spacing: 0.11438rem;
line-height: 15px;
line-height: 0.9375rem;
text-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.49);
}
.programmes-section .programmes-caption-title {
margin-bottom: 13px;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
font-size: 23px;
line-height: 33px;
font-size: 1.4375rem;
line-height: 2.0625rem;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
}
.programmes-section .programmes-caption-description {
margin: 0 0 26px;
}
.programmes-section .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
.programmes-section .link-view-all:hover {
opacity: .6;
}
.programmes-section .link-view-all {
transition: all .3s ease-in-out;
}
/* Disable bottom padding */
/***************
* Lazy-loading
***************/
.programmes-section.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
.programmes-section.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Quick links (usually in sidebars)
**************************************************************/
section.quick-links {
display: block;
}
section.quick-links + section.quick-links {
margin-top: 40px;
}
section.quick-links .category-title {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 26px;
}
section.quick-links a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: flex-start;
background: #F3F4F6 url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left 20px top 24px / 10px 15px;
box-shadow: 0 1px 0 0 #ADBAC1;
color: #1C1E20;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
min-height: 62px;
padding: 23px 42px;
transition: all .25s ease;
width: 100%;
}
section.quick-links a:not(:last-of-type) {
margin-bottom: 6px;
}
section.quick-links a:not(.has-description) {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
}
section.quick-links a.has-description .title {
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
}
section.quick-links a.has-description .description {
font-size: calc(13px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
color: #535353;
display: block;
font-family: 'Niramit', sans-serif;
margin-top: 8px;
}
/* Hover */
section.quick-links a:hover {
background-color: #E6EDF4;
}
section.quick-links a:hover:not(.has-description) {
text-decoration: underline;
}
section.quick-links a:hover.has-description .title {
text-decoration: underline;
}
/***************
* Lazy-loading
***************/
section.quick-links.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.quick-links.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Events index
**************************************************************/
section.rankings-index {
background: #F5F6F8;
display: block;
padding: 12px 0 40px;
width: 100%;
}
/* Modifier classes */
section.rankings-index.pt-0 {
padding-top: 0;
}
section.rankings-index.no-bottom-margin {
margin-bottom: 0 !important;
}
/* Modifier classes */
/***************
* Containers
***************/
section.rankings-index > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.rankings-index > .container {
width: 100%;
}
section.rankings-index > .container > .inner {
display: block;
width: 100%;
}
section.rankings-index .columns {
display: flex;
flex-wrap: wrap;
margin-bottom: 25px;
}
section.rankings-index .columns .single {
width: 100%;
padding-bottom: 10px;
}
/***************
* Filters (sidebar)
***************/
section.rankings-index aside.filters {
display: block;
margin-bottom: 40px;
padding-top: 14px;
position: relative;
}
section.rankings-index aside.filters > .inner {
display: block;
}
/**
* Mobile toggle
*/
section.rankings-index aside.filters header.mobile-toggle a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
color: #000;
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
letter-spacing: .05em;
margin-bottom: 16px;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
/* Arrow */
section.rankings-index aside.filters header.mobile-toggle a::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
}
/**
* Sidebar title
*/
section.rankings-index aside.filters .sidebar-title {
font-size: 26px;
line-height: 1.2em;
font-size: 1.625rem;
line-height: 1.2em;
color: #0D1C23;
display: none;
margin-bottom: 35px;
}
/**
* Applied filters
*/
section.rankings-index aside.filters .applied-filters {
align-items: flex-start;
display: flex;
font-size: 0;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: -20px;
}
section.rankings-index aside.filters .applied-filters ul.list {
display: inline-block;
flex: 1 1 auto;
padding-right: 20px;
text-align: left;
}
section.rankings-index aside.filters .applied-filters ul.list li {
align-items: center;
background: #fff url('/wbs2020/media/dist/img/index-filter-remove.svg') no-repeat center left 10px / 9px 8px;
box-shadow: 0 1px 0 0 #ADBAC1;
color: #000;
cursor: pointer;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-size: 0.625rem;
font-weight: 700;
justify-content: flex-start;
letter-spacing: .05em;
margin-bottom: 5px;
min-height: 30px;
padding-right: 10px;
padding-left: 28px;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.rankings-index aside.filters .applied-filters ul.list li:not(:last-of-type) {
margin-right: 5px;
}
section.rankings-index aside.filters .applied-filters .reset {
background: transparent;
border: 2px solid #282A2A;
cursor: pointer;
display: inline-block;
flex: 0 0 auto;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-size: 0.625rem;
font-weight: 700;
font-size: 10px;
letter-spacing: .05em;
min-height: 30px;
padding-right: 10px;
padding-left: 10px;
text-align: right;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/**
* Inputs
*/
section.rankings-index aside.filters main.form {
display: none;
font-style: 0;
padding: 22px 20px 35px;/* @media (--lg-down) { display: none !important; } */
}
section.rankings-index aside.filters .input-group:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151,.2);
margin-bottom: 35px;
padding-bottom: 35px;
}
/* Title */
section.rankings-index aside.filters .input-group > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
margin-bottom: 26px;
text-transform: uppercase;
}
/* Inputs */
section.rankings-index aside.filters .input-group ul {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -3px;
width: calc(100% + 6px);
}
/* Input */
section.rankings-index aside.filters .input-group ul li {
margin-bottom: 6px;
overflow: hidden;
position: relative;
}
section.rankings-index aside.filters .input-group ul li input {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100% !important;
height: 100% !important;
}
section.rankings-index aside.filters .input-group ul li input:checked + label {
border-color: #03ADEF;
color: #fff;
background-color: #03ADEF;
}
section.rankings-index aside.filters .input-group ul li input:hover + label {
border-color: #03ADEF;
}
section.rankings-index aside.filters .input-group ul li label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-flex;
font-family: 'Montserrat';
font-weight: 700;
height: 100%;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 8px 20px;
width: 100%;
}
section.rankings-index aside.filters .input-group ul li input:disabled {
cursor: unset;
}
section.rankings-index aside.filters .input-group ul li input:disabled + label {
color: #fff;
background-color: #CCD4D8;
}
section.rankings-index aside.filters .input-group ul li input:disabled:hover + label {
border-color: #dcdcdc;
}
section.rankings-index aside.filters .input-group ul li {
flex: 1 1 auto;
padding: 0 3px;
}
/**
* Submit button
*/
section.rankings-index aside.filters .submit {
display: block;
margin-top: 25px;
}
section.rankings-index aside.filters .submit button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #fff;
background-color: #242525;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in;
margin: 0;
padding: 14px 20px 15px;
width: 100%;
}
/* Disabled */
section.rankings-index aside.filters .submit button:disabled {
color: #fff;
background-color: #2F2F2F;
opacity: .17;
}
/**
* Call-to-actions
*/
section.rankings-index aside.filters footer.cta {
display: none;
margin-top: 40px;
}
/***************
* Content
***************/
section.rankings-index main.listing {
display: block;
}
section.rankings-index main.listing .heading {
font-size: calc(18px + 8 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 8 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
display: flex;
color: #000;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
margin: 15px 0px 28px;
}
section.rankings-index main.listing .heading .image {
height: 37px;
width: 37px;
border-radius: 100px;
margin-right: 15px;
position: relative;
}
section.rankings-index main.listing .heading .image img {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/**
* Search bar
*/
section.rankings-index nav.search-bar {
display: block;
font-size: 0;
margin-bottom: 30px;
position: relative;
}
section.rankings-index nav.search-bar input[type="text"] {
border: 1px solid #979797;
border-radius: 30px;
color: #000;
background-color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
line-height: 1em;
font-size: 0.625rem;
line-height: 1em;
font-weight: 700;
letter-spacing: .1025em;
margin: auto 0;
text-transform: uppercase;
padding: 0 30px;
width: 100%;
height: 62px;
z-index: 0;
}
section.rankings-index nav.search-bar input[type="text"]::-moz-placeholder {
color: #000;
}
section.rankings-index nav.search-bar input[type="text"]::placeholder {
color: #000;
}
section.rankings-index nav.search-bar button, section.rankings-index nav.search-bar input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url('/media/dist/img/header-search-icon.svg') no-repeat center / 15px;
border-radius: 100%;
color: transparent;
cursor: pointer;
font-size: 0;
margin: auto 0;
top: 0;
right: 0;
position: absolute;
width: 62px;
height: 62px;
z-index: 1;
}
/***************
* Pagination
***************/
section.rankings-index .pagination {
display: block;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
font-size: 0;
margin-top: 30px;
text-align: center;
text-transform: uppercase;
}
section.rankings-index .pagination aside {
display: block;
}
section.rankings-index .pagination aside.showing {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
}
section.rankings-index .pagination aside.showing b {
font-weight: 700;
}
section.rankings-index .pagination aside.numbers {
margin-top: 16px;
}
section.rankings-index .pagination aside.numbers li {
display: inline-block;
margin: 0 5px;
width: 44px;
height: 44px;
vertical-align: top;
}
section.rankings-index .pagination aside.numbers li a, section.rankings-index .pagination aside.numbers li span {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
align-items: center;
color: #111111;
background-color: #fff;
display: flex;
font-weight: 700;
justify-content: center;
position: relative;
width: inherit;
height: inherit;
text-align: center;
text-decoration: none;
transition: all .15s ease;
}
section.rankings-index .pagination aside.numbers li a:hover {
background: rgba(155,155,155,.2);
}
section.rankings-index .pagination aside.numbers li.current a {
color: #fff;
background-color: #0254A7;
}
section.rankings-index .pagination aside.numbers li.arrow a {
color: transparent !important;
font-size: 0 !important;
overflow: hidden;
text-indent: -999px;
}
section.rankings-index .pagination aside.numbers li.arrow a::before {
background: transparent url('/wbs2020/media/dist/img/news-list-pagination-arrow.svg') no-repeat center / 8px 12px;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 8px;
height: 12px;
}
section.rankings-index .pagination aside.numbers li.arrow.arrow--newer a::before {
transform: rotate(180deg);
}
/***************
* Lazy-loading
***************/
section.rankings-index.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.rankings-index.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
section.related-events {
background: #F5F6F8;
}
section.related-events .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.related-events .container {
padding: 50px 11px;
}
section.related-events header h2 {
color: #111111;
font-family: 'Montserrat', sans-serif;
font-size: 33px;
font-size: 2.0625rem;
font-weight: 600;
letter-spacing: -0.49px;
letter-spacing: -0.03063rem;
line-height: 40px;
line-height: 2.5rem;
text-align: center;
padding-bottom: 30px;
}
/**************************************************************
* Simple calendar (usually in sidebars for open days)
**************************************************************/
/**
* Description
*/
section.simple-calendar .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
margin-bottom: 23px;
}
section.simple-calendar .description p:not(:last-of-type) {
margin-bottom: 17px;
}
/**
* Dates
*/
section.simple-calendar ul.dates {
font-size: 0;
}
section.simple-calendar li.date {
background: #F3F4F6 url('/media/dist/img/simple-calendar-icon.svg') no-repeat left 19px top 18px / 9px 12px;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
overflow: hidden;
padding: 17px 42px;
position: relative;
transition: all .25s ease;
width: 100%;
}
section.simple-calendar li.date:not(:last-of-type) {
margin-bottom: 3px;
}
section.simple-calendar li.date span {
display: block;
position: relative;
z-index: 1;
}
section.simple-calendar li.date span.title {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #000;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin-bottom: 5px;
text-transform: uppercase;
}
section.simple-calendar li.date span.details {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
section.simple-calendar li.date a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/**
* Hover
*/
section.simple-calendar li.date:hover {
background-color: #E6EDF4;
}
section.simple-calendar li.date:hover span.title {
text-decoration: underline;
}
/***************
* Lazy-loading
***************/
section.simple-calendar.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.simple-calendar.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Simple edit button
**************************************************************/
section.simple-edit ul.edit {
font-size: 0;
}
section.simple-edit li.edit {
background: #E6EDF4 url('/media/dist/img/student-x2.png') no-repeat left 19px top 18px / 9px 12px;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
overflow: hidden;
padding: 17px 42px;
position: relative;
transition: all .25s ease;
width: 100%;
}
section.simple-edit li.edit:not(:last-of-type) {
margin-bottom: 3px;
}
section.simple-edit li.edit span {
display: block;
position: relative;
z-index: 1;
}
section.simple-edit li.edit span.title {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #000;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin-bottom: 5px;
text-transform: uppercase;
}
section.simple-edit li.edit span.details {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
section.simple-edit li.edit a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/**
* Hover
*/
section.simple-edit li.edit:hover {
background-color: #E6EDF4;
}
section.simple-edit li.edit:hover span.title {
text-decoration: underline;
}
/***************
* Lazy-loading
***************/
section.simple-edit.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.simple-edit.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Simple testimonial (usually in sidebars)
**************************************************************/
section.simple-testimonial {
background: #F3F4F6;
padding: 22px 38px 32px;
}
/**
* Quote
*/
section.simple-testimonial .quote {
font-size: 15px;
line-height: 1.625em;
font-size: 0.9375rem;
line-height: 1.625em;
font-family: 'Aleo', serif;
overflow: visible;
position: relative;
}
section.simple-testimonial .quote::before {
color: inherit;
content: "\201C";
font-size: 22px;
font-size: 1.375rem;
top: 0px;
left: -10px;
position: absolute;
}
/**
* Person
*/
section.simple-testimonial .person {
font-size: 0;
margin-top: 30px;
}
/* Image */
section.simple-testimonial .person .avatar {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 100%;
display: inline-block;
margin-right: 17px;
width: 50px;
height: 50px;
vertical-align: top;
}
/* Text */
section.simple-testimonial .person .text {
display: inline-block;
vertical-align: top;
width: calc(100% - 67px);
}
section.simple-testimonial .person .text .title {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
margin-bottom: 5px;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
}
section.simple-testimonial .person .text .sub {
color: #494949;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
}
/***************
* Lazy-loading
***************/
section.simple-testimonial.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.simple-testimonial.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Simple thumbnail captions (usually in sidebars)
**************************************************************/
section.simple-thumbnail-captions article.captioned-thumbnail {
display: block;
}
section.simple-thumbnail-captions article.captioned-thumbnail:not(:last-of-type) {
margin-bottom: 20px;
}
/***************
* Lazy-loading
***************/
section.simple-thumbnail-captions.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.simple-thumbnail-captions.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Simple image
**************************************************************/
section.single-image {
margin-bottom: 40px !important;
}
section.single-image img {
display: block;
margin: 0 auto;
max-width: 100%;
text-align: center;
}
/***************
* Lazy-loading
***************/
section.single-image.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.single-image.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
section.slider-carousel-info .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.slider-carousel-info .container--slider {
margin: 0 auto;
max-width: 1490px;
padding: 0 11px;
}
section.slider-carousel-info .post {
display: none;
}
section.slider-carousel-info .post.show {
display: block;
}
section.slider-carousel-info .heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
section.slider-carousel-info .heading h2 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
}
section.slider-carousel-info .photos {
position: relative;
z-index: 1;
margin-bottom: 20px;
}
section.slider-carousel-info .photos .slick-list.dragging, section.slider-carousel-info .photos .slick-list.draggable:active:hover {
cursor: grabbing !important;
}
section.slider-carousel-info .photos .slick-list .slick-slide {
margin-right: 20px;
}
section.slider-carousel-info .photos .item {
min-height: 300px;
min-width: 340px;
overflow: hidden;
position: relative;
width: 340px;
height: 340px;
}
section.slider-carousel-info .photos figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 300px;
}
section.slider-carousel-info .information {
z-index: 10;
background-color: #004486;
width: 100%;
padding: 0 50px;
position: relative;
margin: -50px 0 75px;
}
section.slider-carousel-info .information::before {
content: '';
position: absolute;
left: 0;
top: -42px;
border-bottom: 43px solid #004486;
border-left: 43px solid transparent;
border-right: 43px solid transparent;
}
section.slider-carousel-info .information:after {
content: '';
position: absolute;
right: 0;
height: 47px;
top: -45px;
width: calc(100% - 45px);
background-color: #004486;
}
section.slider-carousel-info .information .inner::before {
content: '';
position: absolute;
left: 0;
bottom: -54px;
width: calc(100% - 54px);
height: 55px;
background-color: #004486;
}
section.slider-carousel-info .information .inner::after {
border-bottom: 55px solid transparent;
border-left: 55px solid #004486;
content: "";
right: 0;
bottom: unset;
position: absolute;
bottom: -54px;
}
section.slider-carousel-info .information .heading {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #fff;
font-family: 'Aleo', serif;
letter-spacing: -0.31px;
letter-spacing: -0.01938rem;
margin-bottom: 10px;
}
section.slider-carousel-info .information .description {
font-size: 17px;
line-height: 1.645em;
font-size: 1.0625rem;
line-height: 1.645em;
opacity: 0.66;
color: #fff !important;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.12px;
letter-spacing: -0.0075rem;
line-height: 26px;
line-height: 1.625rem;
}
section.slider-carousel-info .information .description a {
color: #fff !important;
}
section.slider-carousel-info .information .controls {
display: flex;
align-items: center;
margin-right: 20px;
margin-top: 55px;
}
section.slider-carousel-info .information .controls span {
cursor: pointer;
background-color: #03ADEF;
padding: 15px;
display: flex;
align-items: center;
border-bottom: 4px solid #1180A9;
}
section.slider-carousel-info .information .controls span svg {
height: 20px;
}
section.slider-carousel-info .information .controls span:first-child {
margin-right: 1px;
}
/* Add specific override for executive education page */
.exec-education-2025 section.slider-carousel-info .information {
background-color: #637465;
}
.exec-education-2025 section.slider-carousel-info .information::before {
border-bottom-color: #637465;
}
.exec-education-2025 section.slider-carousel-info .information::after {
background-color: #637465;
}
.exec-education-2025 section.slider-carousel-info .information .inner::before {
background-color: #637465;
}
.exec-education-2025 section.slider-carousel-info .information .inner::after {
border-left-color: #637465;
}
.exec-education-2025 section.slider-carousel-info .information .controls span {
background-color: white;
border-bottom-color: #637465;
}
.exec-education-2025 section.slider-carousel-info .information .controls span svg .cls-1 {
stroke: #637465;
}
section.slider-carousel {
margin: 30px 0 25px;
padding: 50px 0 50px;
background-color: #F3F4F6;
}
section.slider-carousel .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.slider-carousel.desktop-mb-100 {
margin-bottom: 50px;
}
/*
* No background & padding.
* This does with ranking style 1.
*/
section.slider-carousel.style--1 {
background-color: transparent;
}
section.slider-carousel.style--1.mobile-m-b-0 {
margin-bottom: 0;
}
section.slider-carousel.style--1 .show {
opacity: 1;
}
section.slider-carousel.style--1 article {
opacity: 0.5;
}
section.slider-carousel.style--1.p-t-0 {
padding-top: 0;
}
section.slider-carousel.style--1 .block {
padding-right: 1px;
}
section.slider-carousel.style--1 .footer {
margin-top: 30px;
}
section.slider-carousel.style--1 .slick-track {
display: flex !important;
}
section.slider-carousel.style--1 .slick-slide{
height: inherit !important;
}
section.slider-carousel.style--1 .slick-slide > div {
display: flex;
height: 100%;
}
section.slider-carousel.style--1 .slick-slide > div .block {
display: flex;
height: 100%;
}
section.slider-carousel .heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
section.slider-carousel .heading h2 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
}
section.slider-carousel .heading a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.slider-carousel .heading a:hover {
opacity: .6;
}
section.slider-carousel .heading a {
display: none;
}
section.slider-carousel .progress {
display: block;
width: 100%;
height: 1px;
overflow: hidden;
background-color: #CCD4D8;
background-image: linear-gradient(to right, #125495, #125495);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
}
section.slider-carousel .content {
height: 340px;
}
section.slider-carousel .slider {
position: absolute;
}
section.slider-carousel .footer,
section.slider-carousel .controls {
display: flex;
align-items: center;
margin-right: 20px;
}
section.slider-carousel .footer span, section.slider-carousel .controls span {
cursor: pointer;
background-color: #03ADEF;
padding: 15px;
display: flex;
align-items: center;
border-bottom: 4px solid #1180A9;
}
section.slider-carousel .footer span svg, section.slider-carousel .controls span svg {
height: 20px;
}
section.slider-carousel .footer span:first-child, section.slider-carousel .controls span:first-child {
margin-right: 1px;
}
section.slider-carousel .block {
width: 100%;
max-width: 350px;
padding-right: 40px;
}
section.slider-carousel .completion {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
section.slider-carousel #OpenProgrammesRelatedEventsApp .heading h2 {
color: #637465;
}
section.slider-carousel #OpenProgrammesRelatedEventsApp .progress {
background-image: linear-gradient(to right, #637465, #a2c616);
}
section.slider-carousel #OpenProgrammesRelatedEventsApp .footer span, section.slider-carousel #OpenProgrammesRelatedEventsApp .controls span {
background-color: #637465;
border-bottom: 4px solid #637465;
}
section.slider-carousel #OpenProgrammesRelatedEventsApp .footer span svg, section.slider-carousel #OpenProgrammesRelatedEventsApp .controls span svg {
height: 20px;
}
section.slider-carousel #OpenProgrammesRelatedEventsApp .footer span svg polyline.cls-1, section.slider-carousel #OpenProgrammesRelatedEventsApp .controls span svg polyline.cls-1 {
fill: none;
stroke: #fff;
stroke-width: 3px;
}
/**************************************************************
* Social connect
**************************************************************/
section.social-connect {
background: #F5F6F8;
display: block;
font-size: 0;
overflow: hidden;
padding-bottom: 40px;
padding-right: 0 !important;
padding-left: 0 !important;
padding-top: 30px;
position: relative;
}
section.social-connect.style--1 {
margin-top: -50px;
background-color: transparent;
}
section.social-connect.style--1:before {
content: '';
display: none;
}
section.social-connect.style--1 .image-scatter a:nth-of-type(1) {
margin-right: auto;
margin-left: auto;
top: 200px;
right: 0;
left: 0;
width: 168px;
height: 168px;
text-align: center;
}
section.social-connect.style--1 .image-scatter a:nth-of-type(2) {
top: 220px;
right: 90px;
width: 214px;
height: 214px;
}
section.social-connect.style--1 .image-scatter a:nth-of-type(3) {
top: 750px;
right: 150px;
width: 221px;
height: 221px;
}
section.social-connect.style--1 .image-scatter a:nth-of-type(4) {
margin-right: auto;
margin-left: auto;
top: 800px;
right: 0;
left: 0;
width: 182px;
height: 182px;
text-align: center;
}
section.social-connect.style--1 .image-scatter a:nth-of-type(5) {
top: 830px;
left: 180px;
width: 230px;
height: 230px;
}
section.social-connect.style--1 .image-scatter a:nth-of-type(6) {
top: 545px;
left: 20px;
width: 212px;
height: 212px;
}
section.social-connect.style--1 .image-scatter a:nth-of-type(7) {
top: 245px;
left: 100px;
width: 234px;
height: 234px;
}
section.social-connect.style--1 .link-tile {
margin: 0 auto;
position: relative;
width: auto;
max-width: 515px;
height: auto;
text-align: center;
overflow: visible;
}
section.social-connect.style--1 .link-tile h2 {
font-size: calc(22px + 34 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 34 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.83px;
letter-spacing: -0.05188rem;
text-align: center;
margin-bottom: 1em;
}
section.social-connect.style--1 .link-tile .description {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
line-height: 31px;
line-height: 1.9375rem;
text-align: center;
margin-bottom: 40px;
}
section.social-connect.style--1 .link-tile a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
width: unset;
display: inline-flex;
padding: 20px 40px;
}
section.social-connect.style--1 .link-tile a:before,
section.social-connect.style--1 .link-tile a:after {
display: none;
}
/**
* Label
*/
section.social-connect .large-bg-text {
left: calc(50% - 675px);
top: 0;
z-index: 1;
}
/**
* Container
*/
section.social-connect .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.social-connect .container {
position: relative;
z-index: 2;
}
/***************
* Link
***************/
section.social-connect .link-tile {
display: block;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 320px;
height: 320px;
text-align: center;
z-index: 2;
}
section.social-connect .link-tile a {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
align-items: center;
color: #0254A7;
background-color: #fff;
display: flex;
font-family: 'Montserrat', sans-serif;
font-size: 17px;
line-height: 1.5em;
font-size: 1.0625rem;
line-height: 1.5em;
font-weight: 600;
justify-content: center;
letter-spacing: .225em;
position: relative;
transition: all .2s ease-in-out;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.social-connect .link-tile a::before, section.social-connect .link-tile a::after {
content: "";
position: absolute;
transition: all .2s ease-in-out;
}
section.social-connect .link-tile a::before {
border-top: 75px solid #F5F6F8;
border-right: 75px solid transparent;
left: 0;
top: 0;
}
section.social-connect .link-tile a::after {
border-bottom: 75px solid #F5F6F8;
border-left: 75px solid transparent;
bottom: 0;
right: 0;
}
section.social-connect .link-tile a span {
color: #0254A7;
display: block;
margin: auto;
}
section.social-connect .link-tile a:hover {
color: #fff;
background-color: #0254A7;
}
section.social-connect .link-tile a:hover span {
color: #fff;
}
/***************
* Scatter images (desktop)
***************/
section.social-connect .image-scatter {
display: none;
z-index: 1;
}
section.social-connect .image-scatter a {
display: inline-block;
overflow: hidden;
position: absolute;
text-decoration: none;
}
section.social-connect .image-scatter a figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: none;
transition: all .2s ease-in-out;
}
section.social-connect .image-scatter a:nth-of-type(1) {
margin-right: auto;
margin-left: auto;
top: 200px;
right: 0;
left: 0;
width: 315px;
height: 315px;
text-align: center;
}
section.social-connect .image-scatter a:nth-of-type(2) {
top: 380px;
right: 75px;
width: 245px;
height: 245px;
}
section.social-connect .image-scatter a:nth-of-type(3) {
top: 715px;
right: 60px;
width: 315px;
height: 315px;
}
section.social-connect .image-scatter a:nth-of-type(4) {
margin-right: auto;
margin-left: auto;
top: 940px;
right: 0;
left: 0;
width: 315px;
height: 315px;
text-align: center;
}
section.social-connect .image-scatter a:nth-of-type(5) {
top: 750px;
left: 115px;
width: 245px;
height: 245px;
}
section.social-connect .image-scatter a:nth-of-type(6) {
top: 370px;
left: 70px;
width: 290px;
height: 290px;
}
section.social-connect .image-scatter a:hover figure.image {
transform: scale(1.1);
}
/***************
* Image carousel (mobile)
***************/
section.social-connect .image-carousel {
display: block;
margin-top: 25px;
position: relative;
position: relative;
z-index: 1;
}
section.social-connect .image-carousel .slick-list {
margin: 0 0 0 11px;
}
section.social-connect .image-carousel .slick-list.dragging, section.social-connect .image-carousel .slick-list.draggable:active:hover {
cursor: grabbing !important;
}
section.social-connect .image-carousel .slick-slide {
margin: 0 25px 0 0;
}
section.social-connect .image-carousel .item {
align-items: center;
display: inline-flex !important;
flex-wrap: nowrap;
justify-content: center;
min-height: 280px;
min-width: 280px;
overflow: hidden;
position: relative;
width: 280px;
height: 280px;
}
section.social-connect .image-carousel figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #F6F8F9;
cursor: pointer;
display: block;
margin: auto;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 240px;
transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}
section.social-connect .image-carousel .slick-slide.slick-current figure.image {
width: 100%;
height: 100%;
}
/**
* Dots
*/
section.social-connect .image-carousel ul.slick-dots {
display: block;
font-size: 0;
margin: 55px auto;
text-align: center;
}
section.social-connect .image-carousel ul.slick-dots li {
display: inline-block;
margin: 0;
}
section.social-connect .image-carousel ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: hidden;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
section.social-connect .image-carousel ul.slick-dots li button::before, section.social-connect .image-carousel ul.slick-dots li button::after {
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
}
section.social-connect .image-carousel ul.slick-dots li button::before {
background: rgba(2, 84, 167, .6) !important;
opacity: 1 !important;
visibility: visible !important;
}
section.social-connect .image-carousel ul.slick-dots li button::after {
background: transparent;
border: 1px solid #0254A7;
opacity: 0;
}
/* Hover */
section.social-connect .image-carousel ul.slick-dots li:not(.slick-active) button:hover::before {
background-color: rgba(2, 84, 167, .8) !important;
}
/* Active */
section.social-connect .image-carousel ul.slick-dots li.slick-active button::before {
background-color: #0254A7 !important;
width: 8px;
height: 8px;
}
section.social-connect .image-carousel ul.slick-dots li.slick-active button::after {
opacity: 1;
width: 18px;
height: 18px;
}
/***************
* Lazy-loading
***************/
section.social-connect.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.social-connect.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Staff listing
**************************************************************/
section.staff-listing {
background: #F5F6F8;
display: block;
padding-bottom: 45px;
width: 100%;
/* Animation for dropdown */
@keyframes instant-open {
from { opacity: 0; }
to { opacity: 1; }
}
}
/***************
* Containers
***************/
section.staff-listing > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.staff-listing > .container {
width: 100%;
}
section.staff-listing > .container > .inner {
display: block;
width: 100%;
}
section.staff-listing > .container .spacer {
height: 16px;
}
section.staff-listing > .container .separator {
border: 1px solid #DCDCDC;
margin: 8px 0;
}
/* Dropdown container */
section.staff-listing .dropdown-container {
display: flex;
align-items: center;
position: relative;
width: 350px;
}
/* Dropdown select element */
section.staff-listing .dropdown {
width: 100%;
height: 44px;
padding: 10px;
padding-right: 40px;/* Make space for the icon */
font-size: 16px;
font-size: 1rem;
background: #FFFFFF;
border: 1px solid #DCDCDC;
border-radius: 4px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;/* Remove default browser styling */
transition: border-color 0.2s ease-in-out;
}
/* Add a custom arrow icon */
section.staff-listing .dropdown-container::after {
content: "⏷";/* Downward arrow */
font-size: 16px;
font-size: 1rem;
color: #555;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;/* Prevent interaction */
}
/* On hover/focus */
section.staff-listing .dropdown:hover,
section.staff-listing .dropdown:focus {
border-color: #A9A9A9;
}
/* On click: Open overlay effect */
section.staff-listing .dropdown:focus-within {
outline: none;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
/* Dropdown list */
section.staff-listing .dropdown option {
padding: 10px;
font-size: 16px;
font-size: 1rem;
}
/* Ensure placeholder is styled properly */
section.staff-listing .dropdown option[disabled] {
color: #A0A0A0;/* Gray out the placeholder text */
}
section.staff-listing .dropdown:focus option {
animation: instant-open 0ms ease-in-out;
}
/**
* Search bar
*/
section.staff-listing nav.search-bar {
display: none;
font-size: 0;
margin-bottom: 30px;
position: relative;
}
section.staff-listing nav.search-bar input[type="text"] {
color: #000;
background-color: #fff;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-size: 1rem;
margin: auto 0;
padding: 0 30px;
width: 100%;
height: 62px;
z-index: 0;
}
section.staff-listing nav.search-bar input[type="text"]::-moz-placeholder {
color: #000;
}
section.staff-listing nav.search-bar input[type="text"]::placeholder {
color: #000;
}
section.staff-listing nav.search-bar button, section.staff-listing nav.search-bar input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url('/media/dist/img/header-search-icon.svg') no-repeat center / 15px;
border-radius: 100%;
color: transparent;
cursor: pointer;
font-size: 0;
margin: auto 0;
top: 0;
right: 0;
position: absolute;
width: 62px;
height: 62px;
z-index: 1;
}
/***************
* Filters (sidebar)
***************/
section.staff-listing aside.filters {
display: block;
margin-bottom: 40px;
padding-top: 30px;
position: relative;
}
section.staff-listing aside.filters > .inner {
background: #F3F4F6;
display: block;
}
/**
* Search
*/
section.staff-listing aside.filters nav.search-bar {
border-bottom: 1px solid rgba(155,155,155,.2);
display: block;
margin-bottom: 30px;
padding-bottom: 30px;
}
section.staff-listing aside.filters nav.search-bar input[type="text"] {
border: 0 none;
border-radius: 0;
height: 50px;
font-family: 'Niramit', sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0;
padding: 0 50px 0 15px;
text-transform: none;
}
section.staff-listing aside.filters nav.search-bar input[type=submit] {
width: 50px;
height: 50px;
}
/**
* Mobile toggle
*/
section.staff-listing aside.filters header.mobile-toggle {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: rgba(36,37,37,.06);
cursor: pointer;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
margin-bottom: 16px;
padding: 10px 20px;
position: relative;
width: 100%;
height: 70px;
text-align: center;
text-transform: uppercase;
}
/* Arrow */
section.staff-listing aside.filters header.mobile-toggle::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Open
*/
/* Arrow */
section.staff-listing aside.filters header.mobile-toggle.open::after {
transform: rotate(-90deg);
}
/**
* Inputs
*/
section.staff-listing aside.filters main.form {
display: none;
font-style: 0;
padding-top: 22px;
}
/* Title */
section.staff-listing aside.filters .input-group > .title, section.staff-listing aside.filters .input-group .accordion > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: Montserrat, 'Montserrat', sans-serif;/*Ensure Montserrat is prioritized*/
font-weight: 600;/*Use the updated bold weight*/
font-size: 16px;
font-size: 1rem;/*Updated font size*/
line-height: 40px;
line-height: 2.5rem;/*Updated line height*/
letter-spacing: 0.0725em;
text-align: left;/*Align text to the left*/
text-underline-position: from-font;/*Ensure underline position is consistent*/
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;/*Prevent gaps in underline*/
margin-bottom: 26px;
width: 350px;/*Fill width as specified*/
height: 11px;/*Hug height*/
gap: 32px;/*Gap between elements*/
}
/* Inputs Hassan*/
section.staff-listing aside.filters .input-group ul {
align-items: stretch;/* display: flex; */
flex-wrap: wrap;
font-size: 0;
justify-content: space-between;
margin: 0 -3px;
width: calc(100% + 6px);/* Input */
}
/* li {
@extend %input--filter;
flex: 1 1 auto;
height: 42px;
padding: 0 3px;
&.size--third { flex-basis: 33.3333%; }
&.size--half { flex-basis: 50%; }
&.size--full { flex-basis: 100%; }
} */
section.staff-listing aside.filters .input-group ul li {
flex: 1 1 350px;/* Ensure a fixed width */
min-height: 42px;/* Prevent collapsing items */
padding: 4px 0;/* Maintain padding */
gap: 0;
opacity: 1;
display: flex;
align-items: center;/* Align checkbox and text */
word-wrap: break-word;/* Ensure long text wraps */
white-space: normal;/* Prevent overlapping */
overflow: hidden;
text-overflow: ellipsis;
}
/* Prevent text from overflowing */
section.staff-listing aside.filters .input-group ul li.size--third {
flex-basis: 33.3333%;
}
section.staff-listing aside.filters .input-group ul li.size--half {
flex-basis: 50%;
}
section.staff-listing aside.filters .input-group ul li.size--full {
flex-basis: 100%;
}
/* Default radio button styles */
section.staff-listing aside.filters .input-group ul li input[type="radio"] {
flex-shrink: 0;
width: 20px;/* Outer circle size */
height: 20px;
border-radius: 25px;/* Makes it a perfect circle */
border: 2px solid #3C3C3C;
margin-right: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;/* Remove default browser styling */
background-color: white;
position: relative;
cursor: pointer;
}
/* Change border color when selected */
section.staff-listing aside.filters .input-group ul li input[type="radio"]:checked {
border-color: #3C3C3C;
border: 2px solid;
}
/* Inner blue dot when selected */
section.staff-listing aside.filters .input-group ul li input[type="radio"]:checked::before {
content: "";
width: 12px;
height: 12px;
background-color: #0054A4;
border-radius: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Style all checkboxes */
section.staff-listing aside.filters .input-group ul li .abc {
width: 24px;
height: 24px;
border: 2px solid #272727;
border-radius: 2px;
cursor: pointer;
margin-right: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;/* Removes default browser styling */
background-color: white;
position: relative;/* Required for absolute positioning of the checkmark */
}
/* When checked */
section.staff-listing aside.filters .input-group ul li .abc:checked {
background-color: #0054A4;
border-color: #003366;
}
/* Checkmark styling */
section.staff-listing aside.filters .input-group ul li .abc:checked::after {
content: "";
position: absolute;
width: 13.33px;/* Checkmark size */
height: 9.83px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);/* Centers the checkmark */
background-image: url("data:image/svg+xml,%3Csvg width='13.33' height='9.83' viewBox='0 0 13.33 9.83' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5l4 4 7-7' fill='none' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
/* Disabled checkbox and radio */
section.staff-listing aside.filters .input-group ul li label:has(:is(.abc, input[type="radio"]):disabled) {
opacity: 0.5;
cursor: not-allowed;
}
/* Label styles */
section.staff-listing aside.filters .input-group ul li label {
font-size: 16px;
font-size: 1rem;
line-height: 22px;
line-height: 1.375rem;
color: #000;
display: flex;
align-items: center;
justify-content: flex-start;
width: 350px;
height: 42px;
padding: 0 12px;
box-sizing: border-box;
}
/* Hover state */
section.staff-listing aside.filters .input-group ul li:hover {
background-color: #f0f0f0;
}
/* Focus state */
section.staff-listing aside.filters .input-group ul li:focus-within {
outline: 2px solid #0054a4;
}
/**
* Accordion
*/
section.staff-listing aside.filters .input-group .accordion:first-of-type {
margin-top: 28px;
}
section.staff-listing aside.filters .input-group .accordion:not(:last-of-type) {
margin-bottom: 10px;
}
section.staff-listing aside.filters .input-group .accordion > .title {
cursor: pointer;
margin-bottom: 0;
padding: 5px 0 5px 28px;
position: relative;
}
section.staff-listing aside.filters .input-group .accordion > .title::before {
background: transparent url('/wbs2020/media/dist/img/index-filter-accordion-arrow.svg') no-repeat center / 19px 9px;
content: "";
display: block;
top: 6px;
left: 0;
position: absolute;
width: 19px;
height: 9px;
transform: rotate(0deg);
transition: all .2s cubic-bezier(0.77, 0, 0.175, 1);
}
section.staff-listing aside.filters .input-group .accordion ul {
display: none;
padding: 12px 0 15px;
}
/**
* Open
*/
section.staff-listing aside.filters .input-group .accordion.open > .title::before {
transform: rotate(180deg);
}
/* Filters Container */
section.staff-listing aside.filters .filters-container {
display: flex;
align-items: center;
justify-content: space-between;/* Aligns both divs properly */
width: 350px;
height: 56px;
gap: 8px;
margin-bottom: 30px;
}
/* Filter Text (Filters Button with Icon) */
section.staff-listing aside.filters .filter-text {
display: flex;
align-items: center;
gap: 8px;
height: 100%;/* Text Styling */
font-family: Montserrat, sans-serif;
font-weight: 600;/* Fixed from 'Font/weight/SemiBold' to valid CSS */
font-size: 16px;
font-size: 1rem;/* Fixed 'Size-16' to correct CSS syntax */
line-height: 24px;
line-height: 1.5rem;
letter-spacing: 0px;
letter-spacing: 0;/* Fixed from '0%' to valid '0px' */
}
/**
* Submit button
*/
section.staff-listing aside.filters .filter-text .material-symbols-outlined {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
display: flex;
align-items: center;
width: 18px;
height: 18px;
top: 3px;
left: 3px;
color: #282828;
}
section.staff-listing aside.filters .filter-text span {
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
display: flex;
align-items: center;
}
/* Submit Button (Clear All Filters) */
section.staff-listing aside.filters .submit {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
section.staff-listing aside.filters .submit button {
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
text-align: center;
transition: all 0.2s ease-in;
margin: 0;/* Sizing */
min-width: 140px;
height: 40px;
padding: 8px 16px;
border-radius: 4px;/* Styling */
background: #0054A4;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 20px;
line-height: 1.25rem;
white-space: nowrap;
border: none;
cursor: pointer;
font-family: Montserrat;
font-weight: 600;
leading-trim: Cap height;
letter-spacing: 0%;
text-align: center;
}
section.staff-listing aside.filters .submit button:not(:disabled) {
cursor: pointer;
}
/* Disabled state */
section.staff-listing aside.filters .submit button:disabled {
color: #2F2F2F;
opacity: 0.17;
}
/* Hover and active states */
section.staff-listing aside.filters .submit button:hover {
opacity: 0.9;
}
section.staff-listing aside.filters .submit button:active {
transform: scale(0.98);
}
/***************
* Content
***************/
section.staff-listing main.listing {
display: block;
}
/**
* Search
*/
section.staff-listing main.listing nav.search-bar input[type="text"] {
width: 780px;
height: 62px;
border: 2px solid #979797;
border-radius: 8px;
padding-left: 32px;
display: flex;
justify-content: space-between;
font-family: Niramit, sans-serif;
font-weight: 400;/* 'Regular' in CSS is 400 */
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
letter-spacing: 0px;
letter-spacing: 0;/* Fixed from '0%' */
}
/* Responsive Font Size */
section.staff-listing main.listing .search-container {
margin-bottom: 24px;/* Spacing between search and pagination */
}
section.staff-listing main.listing .pagination-container {
margin-bottom: 16px;/* Spacing between pagination and selected filters */
}
section.staff-listing main.listing .pagination-count {
font-family: "Niramit", sans-serif;
font-weight: 400;/* Regular */
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
letter-spacing: 0%;
color: #272727;/* Default text color */
}
section.staff-listing main.listing .pagination-current {
font-weight: 700;/* Bold for emphasis */
color: #272727;/* Blue color */
}
section.staff-listing main.listing .pagination-total {
font-weight: 700;/* Bold */
color: #272727;/* Darker color */
}
/* Filter Tags */
section.staff-listing main.listing .selected-filters {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
align-items: center;
justify-content: flex-start;
max-width: 100%;
margin-bottom: 20px;
}
section.staff-listing main.listing .filter-tag {
display: flex;
align-items: center;
justify-content:flex-start;
width: auto;
min-width: 120px;
max-width: -moz-fit-content;
max-width: fit-content;
height: auto;
padding: 6px 12px;
border-radius: 4px;
border: 1px solid #0054A4;
background: rgba(3, 173, 239, 0.10);
white-space: nowrap;
word-wrap: break-word;
overflow-wrap: break-word;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: 600;
color: #000;
}
section.staff-listing main.listing .close-icon {
font-size: 18px;
font-size: 1.125rem;
color: #0054A4;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-right: 6px;
}
/* List */
section.staff-listing main.listing .list {
display: flex;
flex-wrap: wrap;
padding-bottom: 45px;
}
/* Article */
section.staff-listing main.listing article {
display: block;
font-size: 0;
margin-bottom: 32px;
position: relative;
}
/* Photo */
section.staff-listing main.listing article figure.photo {
margin-bottom: 13px;
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
}
section.staff-listing main.listing article figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.staff-listing main.listing article figure.photo .src::before, section.staff-listing main.listing article figure.photo .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.staff-listing main.listing article figure.photo .src::before {
border-width: 22px 22px 0 0;
border-color: #F5F6F8 transparent transparent;
top: 0;
left: 0;
}
section.staff-listing main.listing article figure.photo .src::after {
border-color: transparent transparent #F5F6F8;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
/* Meta (name & job) */
section.staff-listing main.listing article .meta span.name {
font-size: 12px;
line-height: 1.3rem;
font-size: 0.75rem;
line-height: 1.3rem;
color:#0054A4;
display: block;/*font-family: $ff--1;*//*font-weight: $fw--bold;*//*letter-spacing: .045rem;*/
font-family: Montserrat;
font-weight: 600;
font-size: 15.74px;
font-size: 0.98375rem;
leading-trim: Cap height;
line-height: 21.64px;
line-height: 1.3525rem;
letter-spacing: 0%;/*text-transform: uppercase;*/
}
section.staff-listing main.listing article .meta span.job {
font-size: calc(13px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
padding-top: 12px;
}
/***************
* Lazy-loading
***************/
section.staff-listing .pagination {
display: block;
text-align: right;
justify-content: flex-end;
font-family: Niramit;
font-weight: 400;
font-size: 16px;
font-size: 1rem;
leading-trim: Cap height;
line-height: 24px;
line-height: 1.5rem;
letter-spacing: 0%;
}
section.staff-listing .pagination aside {
display: block;
}
section.staff-listing .pagination aside.showing {
color: #000;
}
section.staff-listing .pagination aside.showing b {
font-weight: 700;
}
section.staff-listing .pagination aside.numbers {
margin-top: 16px;
}
section.staff-listing .pagination aside.numbers li {
display: inline-block;
margin: 0 5px;
width: 44px;
height: 44px;
vertical-align: top;
}
section.staff-listing .pagination aside.numbers li a, section.staff-listing .pagination aside.numbers li span {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
align-items: center;
color: #111111;
background-color: #fff;
display: flex;
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 12px;
font-size: 0.75rem;
line-height: 18px;
line-height: 1.125rem;
letter-spacing: 0%;
text-align: center;
text-decoration: none;
justify-content: center;
position: relative;
width: inherit;
height: inherit;
transition: all 0.15s ease;
}
section.staff-listing .pagination aside.numbers li a:hover {
background: rgba(155,155,155,.2);
}
section.staff-listing .pagination aside.numbers li.current a {
color: #fff;
background-color: #0254A7;
}
section.staff-listing .pagination aside.numbers li.arrow a {
color: transparent !important;
font-size: 0 !important;
overflow: hidden;
text-indent: -999px;
}
section.staff-listing .pagination aside.numbers li.arrow a::before {
background: transparent url('/wbs2020/media/dist/img/news-list-pagination-arrow.svg') no-repeat center / 8px 12px;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 8px;
height: 12px;
}
section.staff-listing .pagination aside.numbers li.arrow.arrow--newer a::before {
transform: rotate(180deg);
}
/***************
* Lazy-loading
***************/
section.staff-listing.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.staff-listing.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Staff profile
**************************************************************/
section.staff-profile {
display: block;
padding-top: 22px;
width: 100%;
}
/***************
* Containers
***************/
section.staff-profile > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.staff-profile > .container {
width: 100%;
}
section.staff-profile > .container > .inner {
display: block;
width: 100%;
}
/***************
* Content
***************/
section.staff-profile > .container > .inner > main.content {
display: block;
position: relative;
}
section.staff-profile > .container > .inner > main.content > section:not(:last-of-type) {
margin-bottom: 50px;
}
section.staff-profile > .container > .inner .filter-text {
display: flex;
align-items: center;
gap: 6px;/* Space between icon and text */
}
/* Ensure the icon is correctly styled */
section.staff-profile > .container > .inner .filter-text .material-symbols-outlined {
font-size: 24px;
font-size: 1.5rem;/* Adjust icon size */
color: #63666A;/* Adjust if needed */
display: flex;
align-items: center;
justify-content: center;
}
/* Style for the "Filters" text */
section.staff-profile > .container > .inner .filter-text span:last-child {
font-family: Montserrat, sans-serif;
font-weight: 600;/* Fixed from 'Font/weight/SemiBold' to valid CSS */
font-size: 16px;
font-size: 1rem;/* Replaced 'Size-16' with correct CSS syntax */
line-height: 24px;
line-height: 1.5rem;
letter-spacing: 0px;
letter-spacing: 0;/* Fixed from '0%' to valid '0px' */
}
section.staff-profile > .container > .inner .profile-bio {
padding: 16px;
width: 100%;
max-width: 850px;
box-sizing: border-box;
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap');
}
section.staff-profile > .container > .inner .profile-bio .email {
display: flex;
align-items: center;
gap: 6px;
color: #63666A;
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: 0px;
letter-spacing: 0;
flex-wrap: nowrap !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Email Icon Styles */
section.staff-profile > .container > .inner .profile-bio .email .material-symbols-outlined {
font-size: 18px !important;
font-size: 1.125rem !important;/* Set icon size to 18px */
color: #63666A !important;
display: inline-flex;
align-items: center;
justify-content: center;
font-variation-settings: 'FILL' 1;
}
/* Email Link */
section.staff-profile > .container > .inner .profile-bio .email a {
text-decoration: none;
color: #0054A4;
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: 0px;
letter-spacing: 0;
margin-left: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1 1 auto;
min-width: 0;
display: inline-block;
}
section.staff-profile > .container > .inner .profile-bio .email a:hover {
text-decoration: underline;
}
section.staff-profile > .container > .inner .profile-bio .phone {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: 600;
color: #63666A;
}
section.staff-profile > .container > .inner .profile-bio .telephone {
display: flex;
align-items: center;
gap: 6px;/* Space between icon and text */
color: #63666A !important;
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: 0px;
letter-spacing: 0;
}
/* Ensure Telephone Icon is Displayed */
section.staff-profile > .container > .inner .profile-bio .telephone .material-symbols-outlined {
font-size: 20px !important;
font-size: 1.25rem !important;/* Force the icon size */
color: #63666A !important;/* Force the colour */
display: inline-flex;/* Ensures the icon stays inline */
align-items: center;
justify-content: center;
}
/* Telephone Link */
section.staff-profile > .container > .inner .profile-bio .telephone a {
text-decoration: none;
color: #0054A4 !important;
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: 0px;
letter-spacing: 0;
margin-left: 4px;
}
section.staff-profile > .container > .inner .profile-bio .telephone a:hover {
text-decoration: underline;
}
section.staff-profile > .container > .inner .profile-bio .room {
display: flex;
align-items: center;
gap: 6px;/* Space between icon and text */
color: #63666A;
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: 0px;
letter-spacing: 0;
}
/* Ensure Room Icon is Displayed */
section.staff-profile > .container > .inner .profile-bio .room .material-symbols-outlined {
font-size: 20px !important;
font-size: 1.25rem !important;/* Force the icon size */
color: #63666A !important;/* Force the color */
display: inline-flex;/* Ensures the icon stays inline */
align-items: center;
justify-content: center;
}
/* Room Number Link */
section.staff-profile > .container > .inner .profile-bio .room a {
text-decoration: none;
color: #63666A;
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: 0px;
letter-spacing: 0;
margin-left: 4px;
}
section.staff-profile > .container > .inner .profile-bio .room a:hover {
text-decoration: underline;
}
section.staff-profile > .container > .inner .profile-bio .date {
color: #63666A;
}
/* Image */
section.staff-profile > .container > .inner .profile-bio figure.image {
display: inline-block;
margin-right: 15px;
overflow: hidden;
position: relative;
width: 140px;
height: 140px;
vertical-align: top;
gap: 24px;
}
section.staff-profile > .container > .inner .profile-bio figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
z-index: 0;
gap: 24px;
}
section.staff-profile > .container > .inner .profile-bio figure.image::before,
section.staff-profile > .container > .inner .profile-bio figure.image::after {
border-style: solid;
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.staff-profile > .container > .inner .profile-bio figure.image::before {
border-color: #F5F6F8 transparent transparent;
border-width: 40px 40px 0 0;
top: 0;
left: 0;
}
section.staff-profile > .container > .inner .profile-bio figure.image::after {
border-color: transparent transparent #F5F6F8;
border-width: 0 0 40px 40px;
right: 0;
bottom: 0;
}
/* Content */
section.staff-profile > .container > .inner .profile-bio .content {
display: inline-block;
max-width: calc(100% - 140px - 15px);
position: relative;
vertical-align: top;
width: 100%;
}
/* Title */
section.staff-profile > .container > .inner .profile-bio .content .title {
font-size: calc(24px + 9 * ((100vw - 420px) / 860));
font-size: calc(1.5rem + 9 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 30px;
font-size: 1.875rem;
margin: -7px 0 7px;
color: #1E1E1E;
display: block;/*width: 100%;*/
box-sizing: border-box;
}
/* Job */
section.staff-profile > .container > .inner .profile-bio .content .job {
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: 0px;
letter-spacing: 0;
color: #63666A;
}
section.staff-profile > .container > .inner .profile-bio .content .job p:not(:last-of-type) {
margin-bottom: 22px;
}
/* Contact */
section.staff-profile > .container > .inner .profile-bio .content .contact {
display: none;
}
/* Contact */
section.staff-profile > .container > .inner .profile-bio .contact {
background: #F0F2F3;
box-shadow: 0 1px 0 0 #CCD4D8;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
font-size: 0;
margin-top: 30px;
padding: 20px 50px 28px 23px;
}
section.staff-profile > .container > .inner .profile-bio .contact div {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
display: block;
}
section.staff-profile > .container > .inner .profile-bio .contact div a {
color: #000;
display: inline-block;
padding-left: 34px;
}
section.staff-profile > .container > .inner .profile-bio .contact div a:hover {
text-decoration: underline;
}
section.staff-profile > .container > .inner .profile-bio > .contact {
margin-top: 20px;
}
/* Content (if image exists) */
/***************
* Sidebar
***************/
section.staff-profile > .container > .inner > aside.sidebar {
display: block;
margin-bottom: 40px;
padding-top: 50px;
position: relative;
gap: 32px;
}
/**
* Blocks
*/
section.staff-profile > .container > .inner > aside.sidebar .sidebar-block:not(:first-of-type) {
margin-top: 45px;
}
/* Title */
section.staff-profile > .container > .inner > aside.sidebar .sidebar-block .block-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.33px;
letter-spacing: -0.02063rem;
margin-bottom: 20px;
}
/* END OF DOCUMENT */
/**************************************************************
* Standard content
**************************************************************/
section.standard-body {
display: block;
width: 100%;
}
/***************
* Containers
***************/
section.standard-body > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.standard-body > .container {
width: 100%;
}
section.standard-body > .container > .inner {
display: block;
width: 100%;
}
/***************
* Content
***************/
section.standard-body > .container > .inner > main.content {
display: block;
position: relative;
}
section.standard-body > .container > .inner > main.content > section:not(:last-of-type) {
margin-bottom: 50px;
}
/***************
* Sidebar
***************/
section.standard-body > .container > .inner > aside.sidebar {
display: block;
margin-bottom: 40px;
padding-top: 14px;
position: relative;
}
/**
* Blocks
*/
section.standard-body > .container > .inner > aside.sidebar .sidebar-block:not(:first-of-type) {
margin-top: 45px;
}
/* Title */
section.standard-body > .container > .inner > aside.sidebar .sidebar-block .block-title {
font-size: 22px;
line-height: 1.2em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.33px;
margin-bottom: 20px;
}
/* END OF DOCUMENT */
/**************************************************************
* Hero: Standard
**************************************************************/
section.standard-hero {
color: #fff;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
section.standard-hero.mobile-square-image figure.image {
width: 100%;
height: 340px;
}
section.standard-hero.style--1 .container {
max-width: 1260px;
width: 100%;
margin: auto;
}
section.standard-hero.style--1 header.title .inner {
margin-left: 0px;
}
/**
* Title
*/
section.standard-hero header.title {
padding: 18px 11px 0;
}
section.standard-hero header.title .inner {
position: relative;
}
section.standard-hero header.title .text {
position: relative;
}
section.standard-hero header.title .text h1 {
color: #000;
font-family: "Aleo", serif;
font-weight: 400;/* change as Aleo doesnt support 500 */
font-size: 32px;
font-size: 2rem;
line-height: 40px;
line-height: 2.5rem;
letter-spacing: 0%;
width: 250px;
height: 237px;
position: absolute;
top: 44px;
left: 39px;
letter-spacing: -0.015em;
opacity: 0.9;
}
section.standard-hero header.title .text h1:not(.course-title) {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
line-height: 1.25em;
}
section.standard-hero header.title .text h1.course-title {
font-size: 26px;
line-height: 1.2em;
font-size: 1.625rem;
line-height: 1.2em;
}
section.standard-hero header.title .text h2 {
color: #494949;
font-family: 'Niramit', sans-serif;
margin-top: 8px;
}
section.standard-hero header.title svg {
display: none;
top: 0;
bottom: 0;
left: 0;
position: absolute;
width: 327px;
height: 328px;
z-index: 0;
}
/**
* Image
*/
section.standard-hero figure.image {
flex: 1 0 auto;
order: 1;
overflow: hidden;
position: relative;
width: 100%;
height: 150px;
z-index: 0;
}
section.standard-hero figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 0;
}
section.standard-hero figure.image .src.top-position {
background-position: unset;
}
section.standard-hero figure.image::before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0 60px 60px;
content: '';
display: inline-block;
right: 0;
bottom: 0;
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
/* Change image size if side text exists */
/**
* Side text
*/
section.standard-hero aside.side-text {
display: block;
margin: 25px auto 40px;
padding: 0 11px;
z-index: 1;
}
section.standard-hero aside.side-text .inner {
background-color: #0054A4;
background-image: linear-gradient(270deg, #258DC7 0%, #105496 100%);
padding: 20px 18px 28px;
}
section.standard-hero aside.side-text .title {
font-size: calc(18px + 8 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 8 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.standard-hero aside.side-text .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
margin-top: 12px;
opacity: .67;
}
section.standard-hero aside.side-text a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.standard-hero aside.side-text a.button:hover {
opacity: .6;
}
section.standard-hero aside.side-text a.button {
background-image: url('/media/dist/img/link-inverse.svg');
color: #fff;
opacity: 1;
margin-top: 10px;
}
/**
* Buttons
*/
section.standard-hero aside.buttons {
display: none;
font-size: 0;
float: right;
right: 0;
bottom: 0;
position: absolute;
text-align: right;
z-index: 2;
}
section.standard-hero aside.buttons a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-sizing: border-box;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-width: 225px;
padding: 18px 35px 20px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
transition: all .3s ease-in-out;
}
section.standard-hero aside.buttons a.download {
background-color: transparent;
background-position: center left 36px;
background-repeat: no-repeat;
background-size: 9px 12px;
min-width: 0;
padding-left: 58px;
}
section.standard-hero aside.buttons a:first-of-type {
color: #fff;
background-color: #0254A7;
}
section.standard-hero aside.buttons a:first-of-type.download {
background-image: url('/media/dist/img/hero-download-icon--white.svg');
}
section.standard-hero aside.buttons a:first-of-type:hover {
background-color: #979797;
}
section.standard-hero aside.buttons a:last-of-type {
color: #0254A7;
background-color: #fff;
}
section.standard-hero aside.buttons a:last-of-type.download {
background-image: url('/media/dist/img/hero-download-icon--blue.svg');
}
section.standard-hero aside.buttons a:last-of-type:hover {
color: #fff;
background-color: #979797;
}
section.standard-hero aside.buttons a:last-of-type:hover.download {
background-image: url('/media/dist/img/hero-download-icon--white.svg');
}
/***************
* Modifier classes
***************/
/**
* Colours
*/
section.standard-hero.programme--undergrad aside.side-text {
background-image: linear-gradient(to left, #e6007e 0%, #70257b 100%);
background-color: #e6007e;
}
section.standard-hero.programme--postgrad aside.side-text {
background-image: linear-gradient(to left, #00b1ab 0%, #007155 100%);
background-color: #00b1ab;
}
section.standard-hero.programme--mba aside.side-text {
background-image: linear-gradient(to left, #a71680 0%, #312a6f 100%);
background-color: #a71680;
}
section.standard-hero.programme--doctoral aside.side-text {
background-image: linear-gradient(to left, #80c0d3 0%, #2384b4 100%);
background-color: #80c0d3;
}
section.standard-hero.programme--exec aside.side-text {
background-image: linear-gradient(to left, #637465 0%, #a2c616 100%);
background-color: #637465;
}
section.standard-hero.programme--london aside.side-text {
background-image: linear-gradient(to left, #51AAFF 0%, #004899 100%);
background-color: #004899;
}
/***************
* Lazy-loading
***************/
section.standard-hero.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.standard-hero.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Team index
**************************************************************/
/***************
* Featured
***************/
section.team-index-manual .featured {
background: #F5F6F8;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
font-size: 0;
margin-bottom: 43px;
padding: 40px 60px 40px 40px;
}
/* Photo */
section.team-index-manual .featured aside.photo {
display: inline-block;
flex: 0 0 155px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
vertical-align: top;
width: 155px;
}
section.team-index-manual .featured aside.photo figure.image {
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
}
section.team-index-manual .featured aside.photo figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.team-index-manual .featured aside.photo figure.image .src::before, section.team-index-manual .featured aside.photo figure.image .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.team-index-manual .featured aside.photo figure.image .src::before {
border-width: 22px 22px 0 0;
border-color: #F5F6F8 transparent transparent;
top: 0;
left: 0;
}
section.team-index-manual .featured aside.photo figure.image .src::after {
border-color: transparent transparent #F5F6F8;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
/* Mobile meta */
section.team-index-manual .featured aside.mobile-meta {
display: inline-block;
flex: 1 1 calc(100% - 155px);
max-width: calc(100% - 155px);
padding-left: 30px;
vertical-align: top;
}
section.team-index-manual .featured aside.mobile-meta span {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
}
section.team-index-manual .featured aside.mobile-meta span.name {
color: #000;
font-weight: 700;
}
section.team-index-manual .featured aside.mobile-meta span.job {
color: #494949;
}
/* Content */
section.team-index-manual .featured .content {
display: block;
}
/* Bio */
section.team-index-manual .featured .content .bio {
font-family: 'Niramit', sans-serif;
font-size: 15px;
line-height: 1.75;
font-size: 0.9375rem;
line-height: 1.75;
margin-bottom: 20px;
}
/* Permalink */
section.team-index-manual .featured .content .permalink a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.team-index-manual .featured .content .permalink a:hover {
opacity: .6;
}
/* Meta (name & job) */
section.team-index-manual .featured .content .meta {
display: none;
margin-top: 40px;
}
section.team-index-manual .featured .content .meta span {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
}
section.team-index-manual .featured .content .meta span.name {
color: #000;
font-weight: 700;
}
section.team-index-manual .featured .content .meta span.job {
color: #494949;
}
/**
* Content
*/
/***************
* List
***************/
section.team-index-manual ul.people {
display: flex;
flex-wrap: wrap;
}
section.team-index-manual ul.people li.person {
cursor: pointer;
display: inline-block;
margin-bottom: 32px;
vertical-align: top;
width: 100%;
}
/* Photo */
section.team-index-manual ul.people li.person figure.photo {
margin-bottom: 13px;
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
}
section.team-index-manual ul.people li.person figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.team-index-manual ul.people li.person figure.photo .src::before, section.team-index-manual ul.people li.person figure.photo .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.team-index-manual ul.people li.person figure.photo .src::before {
border-width: 22px 22px 0 0;
border-color: #ffffff transparent transparent;
top: 0;
left: 0;
}
section.team-index-manual ul.people li.person figure.photo .src::after {
border-color: transparent transparent #ffffff;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
/* Meta (name & job) */
section.team-index-manual ul.people li.person .meta span {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
}
section.team-index-manual ul.people li.person .meta span.name {
color: #000;
font-weight: 700;
}
section.team-index-manual ul.people li.person .meta span.job {
color: #494949;
}
section.team-index-manual ul.people li.person .meta span.bio {
display: none;
}
/***************
* Lazy-loading
***************/
section.team-index-manual.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.team-index-manual.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Team index
**************************************************************/
/***************
* Featured
***************/
section.team-index .featured {
background: #F5F6F8;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
font-size: 0;
margin-bottom: 43px;
padding: 40px 60px 40px 40px;
}
/* Photo */
section.team-index .featured aside.photo {
display: inline-block;
flex: 0 0 155px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
vertical-align: top;
width: 155px;
}
section.team-index .featured aside.photo figure.image {
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
}
section.team-index .featured aside.photo figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.team-index .featured aside.photo figure.image .src::before, section.team-index .featured aside.photo figure.image .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.team-index .featured aside.photo figure.image .src::before {
border-width: 22px 22px 0 0;
border-color: #F5F6F8 transparent transparent;
top: 0;
left: 0;
}
section.team-index .featured aside.photo figure.image .src::after {
border-color: transparent transparent #F5F6F8;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
/* Mobile meta */
section.team-index .featured aside.mobile-meta {
display: inline-block;
flex: 1 1 calc(100% - 155px);
max-width: calc(100% - 155px);
padding-left: 30px;
vertical-align: top;
}
section.team-index .featured aside.mobile-meta span {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
}
section.team-index .featured aside.mobile-meta span.name {
color: #000;
font-weight: 700;
}
section.team-index .featured aside.mobile-meta span.job {
color: #494949;
}
/* Content */
section.team-index .featured .content {
display: block;
}
/* Bio */
section.team-index .featured .content .bio {
font-family: 'Niramit', sans-serif;
font-size: 15px;
line-height: 1.75;
font-size: 0.9375rem;
line-height: 1.75;
margin-bottom: 20px;
}
/* Permalink */
section.team-index .featured .content .permalink a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.team-index .featured .content .permalink a:hover {
opacity: .6;
}
/* Meta (name & job) */
section.team-index .featured .content .meta {
display: none;
margin-top: 40px;
}
section.team-index .featured .content .meta span {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
}
section.team-index .featured .content .meta span.name {
color: #000;
font-weight: 700;
}
section.team-index .featured .content .meta span.job {
color: #494949;
}
/**
* Content
*/
/***************
* List
***************/
section.team-index ul.people {
display: flex;
flex-wrap: wrap;
}
section.team-index ul.people li.person {
cursor: pointer;
display: inline-block;
margin-bottom: 32px;
vertical-align: top;
width: 100%;
}
/* Photo */
section.team-index ul.people li.person figure.photo {
margin-bottom: 13px;
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
}
section.team-index ul.people li.person figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.team-index ul.people li.person figure.photo .src::before, section.team-index ul.people li.person figure.photo .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.team-index ul.people li.person figure.photo .src::before {
border-width: 22px 22px 0 0;
border-color: #ffffff transparent transparent;
top: 0;
left: 0;
}
section.team-index ul.people li.person figure.photo .src::after {
border-color: transparent transparent #ffffff;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
/* Meta (name & job) */
section.team-index ul.people li.person .meta span {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
font-family: 'Niramit', sans-serif;
}
section.team-index ul.people li.person .meta span.name {
color: #000;
font-weight: 700;
}
section.team-index ul.people li.person .meta span.job {
color: #494949;
}
section.team-index ul.people li.person .meta span.bio {
display: none;
}
/***************
* Lazy-loading
***************/
section.team-index.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.team-index.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Testimonial tabs (multi-carousel)
**************************************************************/
section.testimonial-tabs {
display: block;
margin-bottom: 40px !important;
position: relative;
width: 100%;
}
/**
* Title
*/
section.testimonial-tabs header .title {
font-size: calc(18px + 14 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 14 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.47px;
letter-spacing: -0.02938rem;
text-align: center;
margin: 0 auto 30px;
}
/**
* Main wrapper
*/
section.testimonial-tabs main {
display: block;
}
/***************
* Logos
***************/
section.testimonial-tabs .logos {
position: relative;
}
section.testimonial-tabs .logos .item-inner {
align-items: center;
display: flex;
justify-content: center;
padding: 15px;
text-align: center;
width: 100%;
}
section.testimonial-tabs .logos img {
display: block;
margin: auto;
text-align: center;
transition: all .3s ease-in-out;
}
section.testimonial-tabs .logos span.text {
color: #0254A7;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
margin: 0 auto;
text-align: center;
transition: all .3s ease-in-out;
}
/***************
* Content
***************/
/**
* Slide content
*/
section.testimonial-tabs .content blockquote {
padding: 0 calc(11px * 2);
transition: all .3s ease-in-out;
}
/**
* Quote
*/
section.testimonial-tabs .content .quote {
font-size: 18px;
line-height: 1.645em;
font-size: 1.125rem;
line-height: 1.645em;
color: #0B63AF;
font-family: 'Aleo', serif;
overflow: visible;
position: relative;
}
section.testimonial-tabs .content .quote::before {
color: inherit;
content: "\201C";
font-size: 22px;
font-size: 1.375rem;
top: 0px;
left: -10px;
position: absolute;
}
section.testimonial-tabs .content .quote p:not(:last-of-type) {
margin-bottom: 17px;
}
/**
* Person
*/
section.testimonial-tabs .content .person {
font-size: 0;
margin-top: 30px;
}
/* Image */
section.testimonial-tabs .content .person .avatar {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 100%;
display: inline-block;
margin-right: 17px;
width: 50px;
height: 50px;
vertical-align: top;
}
/* Text */
section.testimonial-tabs .content .person .text {
display: inline-block;
vertical-align: top;
width: calc(100% - 67px);
}
section.testimonial-tabs .content .person .text .title {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
margin-bottom: 5px;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
}
section.testimonial-tabs .content .person .text .sub {
color: #494949;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
}
/**
* Dots
*/
section.testimonial-tabs .content ul.slick-dots {
display: block;
margin-top: 26px;
text-align: center;
}
section.testimonial-tabs .content ul.slick-dots li {
display: inline-block;
margin: 0;
}
section.testimonial-tabs .content ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: hidden;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
section.testimonial-tabs .content ul.slick-dots li button::after {
background: rgba(#354045, .14);
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
}
/* Active */
section.testimonial-tabs .content ul.slick-dots li.slick-active button::after {
background-color: #354045;
}
/***************
* Lazy-loading
***************/
section.testimonial-tabs.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.testimonial-tabs.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text aside expertise
**************************************************************/
section.text-aside-expertise {
display: block;
overflow: visible;
padding: 35px 0 0;
position: relative;
width: 100%;
}
/* Container */
section.text-aside-expertise .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Row */
section.text-aside-expertise .row {
align-items: stretch;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
}
/* Columns */
section.text-aside-expertise aside {
display: block;
width: 100%;
}
/***************
* Content
***************/
section.text-aside-expertise aside.content {
margin-bottom: 35px;
}
section.text-aside-expertise aside.content `
.content-inner {
display: block;
margin: auto;
}
section.text-aside-expertise aside.content .title {
color: #0254A7;
display: block;
margin-bottom: 17px;
}
section.text-aside-expertise aside.content .title.style--1 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.text-aside-expertise aside.content .title.style--2 {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
font-family: 'Aleo', serif;
font-weight: 400;
}
section.text-aside-expertise aside.content .sub {
font-size: calc(16px + 4 * ((100vw - 420px) / 860));
font-size: calc(1rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #0F0F0F;
display: block;
font-family: 'Niramit', sans-serif;
font-weight: 500;
line-height: 1.65em;
margin-bottom: 20px;
}
section.text-aside-expertise aside.content .text {
font-size: 16px;
line-height: 1.845em;
font-size: 1rem;
line-height: 1.845em;
color: #4E4E4E;
display: block;
font-family: 'Niramit', sans-serif;
}
section.text-aside-expertise aside.content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.text-aside-expertise aside.content .text b, section.text-aside-expertise aside.content .text strong {
color: #282A2A;
font-weight: 700;
}
section.text-aside-expertise aside.content .button {
display: block;
margin-top: 45px;
}
section.text-aside-expertise aside.content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-expertise aside.content .button a:hover {
opacity: .6;
}
/***************
* Media
***************/
section.text-aside-expertise aside.expertise {
font-size: 16px;
font-size: 1rem;
text-align: center;
}
section.text-aside-expertise aside.expertise .tiles {
display: block;
font-size: 0;
max-width: 610px;
width: 100%;
}
section.text-aside-expertise aside.expertise .tiles a {
display: block;
font-size: 16px;
font-size: 1rem;
margin-bottom: 4px;
overflow: hidden;
padding-bottom: 50%;
position: relative;
width: 100%;
height: 0;
text-align: center;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.text-aside-expertise aside.expertise .tiles a figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: scale(1);
transition: all .5s ease-in-out;
z-index: 0;
}
section.text-aside-expertise aside.expertise .tiles a span.label {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
align-items: center;
background-color: rgba(0,0,0,.45);
color: #fff;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .065em;
min-height: 45px;
padding: 6px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
text-transform: uppercase;
z-index: 1;
}
section.text-aside-expertise aside.expertise .tiles a:hover figure.image {
transform: scale(1.1);
}
/***************
* Section margins
***************/
section.text-aside-expertise.margin--1 {
margin-bottom: 35px;
}
/***************
* Lazy-loading
***************/
section.text-aside-expertise.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.text-aside-expertise.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text aside image carousel
**************************************************************/
section.text-aside-img-carousel {
display: block;
font-size: 0;
overflow: hidden;
padding-left: 0 !important;
position: relative;
}
/**
* Label
*/
section.text-aside-img-carousel .large-bg-text {
left: calc(50% - 675px);
top: 85px;
z-index: 1;
}
/***************
* Content
***************/
section.text-aside-img-carousel .content {
display: block;
margin-bottom: 42px;
padding-right: 11px;
padding-left: 11px;
}
section.text-aside-img-carousel .content .content-inner {
display: block;
}
/* Title */
section.text-aside-img-carousel .content .title {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
color: #0254A7;
display: block;
font-family: 'Aleo', serif;
font-weight: 400;
margin: 0 auto 20px;
}
/* Text */
section.text-aside-img-carousel .content .text {
font-size: 16px;
line-height: 1.845em;
font-size: 1rem;
line-height: 1.845em;
color: #4E4E4E;
display: block;
font-family: 'Niramit', sans-serif;
}
section.text-aside-img-carousel .content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.text-aside-img-carousel .content .text b, section.text-aside-img-carousel .content .text strong {
color: #282A2A;
font-weight: 700;
}
/* Button */
section.text-aside-img-carousel .content .button {
display: block;
margin-top: 40px;
}
section.text-aside-img-carousel .content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-img-carousel .content .button a:hover {
opacity: .6;
}
/***************
* Carousel
***************/
section.text-aside-img-carousel .photos {
position: relative;
z-index: 1;
}
section.text-aside-img-carousel .photos .slick-list {
margin: 0 0 0 11px;
}
section.text-aside-img-carousel .photos .slick-list.dragging, section.text-aside-img-carousel .photos .slick-list.draggable:active:hover {
cursor: grabbing !important;
}
section.text-aside-img-carousel .photos .slick-slide {
margin: 0 25px 0 0;
}
section.text-aside-img-carousel .photos .item {
align-items: center;
display: inline-flex !important;
flex-wrap: nowrap;
justify-content: center;
min-height: 280px;
min-width: 280px;
overflow: hidden;
position: relative;
width: 280px;
height: 280px;
}
section.text-aside-img-carousel .photos figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #F6F8F9;
cursor: pointer;
display: block;
margin: auto;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 290px;
transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}
section.text-aside-img-carousel .photos .slick-slide.slick-current figure.image {
width: 100%;
height: 100%;
}
/**
* Dots
*/
section.text-aside-img-carousel .photos ul.slick-dots {
display: block !important;
font-size: 0;
margin: 55px auto;
text-align: center;
visibility: visible !important;
opacity: 1 !important;
}
section.text-aside-img-carousel .photos ul.slick-dots li {
display: inline-block;
margin: 0;
}
section.text-aside-img-carousel .photos ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: visible;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
section.text-aside-img-carousel .photos ul.slick-dots li button::before, section.text-aside-img-carousel .photos ul.slick-dots li button::after {
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
}
section.text-aside-img-carousel .photos ul.slick-dots li button::before {
background: rgba(2, 84, 167, .6) !important;
opacity: 1 !important;
visibility: visible !important;
}
section.text-aside-img-carousel .photos ul.slick-dots li button::after {
background: transparent;
border: 2px solid #0254A7;
opacity: 0;
}
/* Hover */
section.text-aside-img-carousel .photos ul.slick-dots li:not(.slick-active) button:hover::before {
background-color: rgba(2, 84, 167, .8) !important;
}
/* Active */
section.text-aside-img-carousel .photos ul.slick-dots li.slick-active button::before {
background-color: #0254A7 !important;
width: 8px;
height: 8px;
}
section.text-aside-img-carousel .photos ul.slick-dots li.slick-active button::after {
opacity: 1;
width: 18px;
height: 18px;
}
/***************
* Modifiers
***************/
section.text-aside-img-carousel.padding--01 {
padding: 35px 0 70px;
}
/***************
* Lazy-loading
***************/
section.text-aside-img-carousel.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.text-aside-img-carousel.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text aside media
**************************************************************/
section.text-aside-media-pathways {
display: none;
overflow: visible;
position: relative;
width: 100%;
}
section.text-aside-media-pathways .expertise-award-items {
padding: 0 0 0 6px;
margin: 0;
list-style: circle;
display: block;
padding-bottom: 13px;
max-width: 100%;
}
section.text-aside-media-pathways .expertise-award-items li {
padding-left: 28px;
margin-bottom: 9px;
color: #464647;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
line-height: 24px;
line-height: 1.5rem;
text-transform: uppercase;
cursor: pointer;
}
section.text-aside-media-pathways .expertise-award-items li::before {/* border-bottom: 2.4px solid #0B63AF;
border-right: 2.4px solid #0B63AF;
content: '';
position: absolute 7px * * -2px;
size: 10px;
transform: rotate(-45deg); */
}
section.text-aside-media-pathways .expertise-award-items li a {
color: rgba(#464647, .9);
text-decoration: none;
}
section.text-aside-media-pathways .expertise-award-items li:hover a {
color: #289EFF;
}
/* Container */
section.text-aside-media-pathways .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Label */
section.text-aside-media-pathways .large-bg-text {
z-index: 1;
}
section.text-aside-media-pathways.bg-text--01 .large-bg-text {
top: 55px;
left: calc(50% - 675px);
}
section.text-aside-media-pathways.bg-text--02 .large-bg-text {
top: -140px;
right: calc(50% - 675px);
text-align: right;
}
section.text-aside-media-pathways h2.heading {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
height: 40px;
width: 204px;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
margin-bottom: 1.5em;
}
/* New styling for heading */
section.text-aside-media-pathways .heading.stlye--1 {
font-size: calc(22px + 34 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 34 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
margin-bottom: 15px;
}
/* Row */
section.text-aside-media-pathways .row {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
}
/* Columns */
section.text-aside-media-pathways aside {
display: block;
width: 100%;
}
/***************
* Content
***************/
section.text-aside-media-pathways aside.content.align-left {
display: flex;
justify-content: flex-start;
}
section.text-aside-media-pathways aside.content.align-center {
display: flex;
justify-content: center;
}
section.text-aside-media-pathways aside.content .content-inner {
display: block;
}
section.text-aside-media-pathways aside.content .content-inner.width--01 {
max-width: 466px;
}
section.text-aside-media-pathways aside.content .content-inner.width--02 {
max-width: 513px;
}
section.text-aside-media-pathways aside.content .content-inner.width--03 {
max-width: 381px;
}
section.text-aside-media-pathways aside.content .content-inner.width--04 {
max-width: 424px;
}
section.text-aside-media-pathways aside.content .content-inner.width--05 {
max-width: 461px;
}
section.text-aside-media-pathways aside.content .content-inner.width--06 {
max-width: 351px;
}
section.text-aside-media-pathways aside.content figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: none;
margin: -210px 0 80px -45px;
width: 380px;
height: 380px;
}
section.text-aside-media-pathways aside.content .title {
color: #0254A7;
display: block;
margin-bottom: 17px;
}
section.text-aside-media-pathways aside.content .title.pb-m {
margin-bottom: 20px;
}
section.text-aside-media-pathways aside.content .title.desktop-mb-35 {
margin-bottom: 20px;
}
section.text-aside-media-pathways aside.content .title.black {
color: #111111;
}
section.text-aside-media-pathways aside.content .title.style--1 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.text-aside-media-pathways aside.content .title.style--2 {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
font-family: 'Aleo', serif;
font-weight: 400;
}
section.text-aside-media-pathways aside.content .title.style--3 {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 1.75em;
color: #6f8372;
font-size: 22px;
font-size: 1.375rem;
}
section.text-aside-media-pathways aside.content .title.style--4 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.245em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.text-aside-media-pathways aside.content .sub {
font-size: calc(16px + 4 * ((100vw - 420px) / 860));
font-size: calc(1rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #0F0F0F;
display: block;
font-family: 'Niramit', sans-serif;
font-weight: 500;
line-height: 1.65em;
margin-bottom: 20px;
}
section.text-aside-media-pathways aside.content .text {
font-size: 16px;
line-height: 1.845em;
font-size: 1rem;
line-height: 1.845em;
color: #4E4E4E;
display: block;
font-family: 'Niramit', sans-serif;
}
section.text-aside-media-pathways aside.content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.text-aside-media-pathways aside.content .text.width--1 {
max-width: 475px;
}
section.text-aside-media-pathways aside.content .text.width--02 {
max-width: 461px;
}
section.text-aside-media-pathways aside.content .text .equal {
display: inline-block;
min-width: 100px;
}
section.text-aside-media-pathways aside.content .text a, section.text-aside-media-pathways aside.content .text a:hover {
color: #0254A7;
font-weight: 500
}
section.text-aside-media-pathways aside.content .text b, section.text-aside-media-pathways aside.content .text strong {
color: #282A2A;
font-weight: 700;
}
section.text-aside-media-pathways aside.content .text--mb-1 {
margin-bottom: 45px;
}
section.text-aside-media-pathways aside.content .text ul {
padding-left: 35px;
}
section.text-aside-media-pathways aside.content .text ul li {
@extend: %ts--36;
position: relative;/* color: $c--black; */
font-family: 'Niramit', sans-serif;
letter-spacing: -0.24px;
letter-spacing: -0.015rem;
margin-bottom: 15px;
}
section.text-aside-media-pathways aside.content .text ul li::before {
content: '';
width: 8px;
height: 8px;
background: #0152A3;
left: -30px;
position: absolute;
top: 17px;
transform: translate(0, -50%);
}
section.text-aside-media-pathways aside.content .button {
display: block;
margin-top: 45px;
}
section.text-aside-media-pathways aside.content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-media-pathways aside.content .button a:hover {
opacity: .6;
}
section.text-aside-media-pathways aside.content .button--max-width-398 {
max-width: 398px;
}
section.text-aside-media-pathways aside.content .button--inline {
display: inline-flex;
}
section.text-aside-media-pathways aside.content .button--style-1 {
margin-bottom: 10px;
}
section.text-aside-media-pathways aside.content .button--style-1:last-child {
margin: 0;
}
section.text-aside-media-pathways aside.content .button--style-1 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-media-pathways aside.content .button--style-1 a {
width: 100%;
justify-content: flex-start;
text-align: left;
}
section.text-aside-media-pathways aside.content .button--style-2 {
margin-bottom: 5px;
}
section.text-aside-media-pathways aside.content .button--style-2:last-child {
margin: 0;
}
section.text-aside-media-pathways aside.content .button--style-2 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-media-pathways aside.content .button--style-2 a {
width: 100%;
background-color: #F3F4F6;
justify-content: flex-start;
text-align: left;
}
section.text-aside-media-pathways aside.content .toggle {
padding: 20px 0;
}
section.text-aside-media-pathways aside.content .toggle.open .header .arrow:after {
transform: rotate(90deg);
}
section.text-aside-media-pathways aside.content .toggle.open .description {
max-height: -moz-max-content;
max-height: max-content;
}
section.text-aside-media-pathways aside.content .toggle .header {
cursor: pointer;
display: flex;
align-items: center;
}
section.text-aside-media-pathways aside.content .toggle .header .arrow {
height: 15px;
width: 25px;
position: relative;
margin-right: 15px;
margin-left: -6px;
}
section.text-aside-media-pathways aside.content .toggle .header .arrow:after {
content: "";
height: 100%;
width: 100%;
background: url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 8px center/10px 15px;
transform: rotate(270deg);
position: absolute;
}
section.text-aside-media-pathways aside.content .toggle .header .title {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
color: #6f8372;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1.2px;
letter-spacing: 0.075rem;
text-transform: uppercase;
margin: 0;
letter-spacing: 0.78px;
letter-spacing: 0.04875rem;
}
section.text-aside-media-pathways aside.content .toggle .description {
max-height: 0;
overflow: hidden;
font-family: 'Niramit', sans-serif;
transition: max-height 0.15s ease-out;
}
/* max-width: 480px; */
section.text-aside-media-pathways aside.content .toggle .description .inner {
padding-left: 0;
padding-top: 20px;
padding-bottom: 10px;
}
section.text-aside-media-pathways aside.content .toggle .description strong {
font-weight: 700;
}
section.text-aside-media-pathways aside.content .toggle .description p {
margin-bottom: 1em;
}
section.text-aside-media-pathways aside.content .toggle .description p:last-child {
margin: 0;
}
section.text-aside-media-pathways aside.content .profile {
display: flex;
margin-top: 50px;
max-width: 410px;
align-items: center;
background-color: #F3F4F6;
}
section.text-aside-media-pathways aside.content .profile figure.photo {
width: 100px;
overflow: hidden;
padding-bottom: 110px;
position: relative;
}
section.text-aside-media-pathways aside.content .profile figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.text-aside-media-pathways aside.content .profile figure.photo .src::before, section.text-aside-media-pathways aside.content .profile figure.photo .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.text-aside-media-pathways aside.content .profile figure.photo .src::before {
border-width: 22px 22px 0 0;
border-color: #fff transparent transparent;
top: 0;
left: 0;
}
section.text-aside-media-pathways aside.content .profile figure.photo .src::after {
border-color: transparent transparent #F3F4F6;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
section.text-aside-media-pathways aside.content .profile .meta {
padding: 30px;
}
section.text-aside-media-pathways aside.content .profile .meta span {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
display: block;
font-family: 'Niramit', sans-serif;
}
section.text-aside-media-pathways aside.content .profile .meta span.name {
color: #000;
font-weight: 700;
}
section.text-aside-media-pathways aside.content .profile .meta span.job {
color: #494949;
}
section.text-aside-media-pathways aside.content .profile .meta span.bio {
display: none;
}
section.text-aside-media-pathways aside.content .large-numbered {
display: flex;
}
section.text-aside-media-pathways aside.content .large-numbered .number {
font-size: calc(25px + 33 * ((100vw - 420px) / 860));
font-size: calc(1.5625rem + 33 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
width: 100%;
max-width: 60px;
margin-right: 25px;
font-family: 'Montserrat', sans-serif;
color: #0B63AF;
font-weight: 600;
letter-spacing: -0.86px;
letter-spacing: -0.05375rem;
}
section.text-aside-media-pathways aside.content .large-numbered .description {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
padding: 0 0 0 20px;
border-left: 1px solid #DBDBDB;
margin: 25px;
line-height: 31px;
line-height: 1.9375rem;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
}
/***************
* Media
***************/
section.text-aside-media-pathways aside.media {
position: relative;
}
section.text-aside-media-pathways aside.media.align-left {
display: flex;
justify-content: flex-start;
}
section.text-aside-media-pathways aside.media .play {
top: 20px;
left: 20px;
height: 99px;
width: 99px;
position: absolute;
background-size: cover;
background-image: url('/media/dist/img/play.svg');
}
section.text-aside-media-pathways aside.media .play--small {
height: 79px;
width: 79px;
}
section.text-aside-media-pathways aside.media figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 100%;
width: 100%;
height: 0;
}
/* Map */
section.text-aside-media-pathways aside.media figure.map {
position: relative;
display: block;
overflow: hidden;
padding-bottom: 118.855%;
width: 100%;
height: 0;
}
section.text-aside-media-pathways aside.media figure.map--large {
padding-bottom: 100.855%;
width: 100%;
height: 586px;
}
section.text-aside-media-pathways aside.media figure.map--xl-large {
padding-bottom: 107.855%;
width: 100%;
height: 556px;
}
section.text-aside-media-pathways aside.media figure.map iframe {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
/***************
* Orders
***************/
section.text-aside-media-pathways.first--media aside.content {
order: 1;
}
section.text-aside-media-pathways.first--media aside.media {
order: 0;
}
section.text-aside-media-pathways.first--content aside.content {
order: 0;
}
section.text-aside-media-pathways.first--content aside.media {
order: 1;
}
section.text-aside-media-pathways.first--media-mobile aside.content {
order: 1;
padding: 10px 0;
}
section.text-aside-media-pathways.first--media-mobile aside.media {
order: 0;
}
section.text-aside-media-pathways.first--media-mobile--ptb-20 aside.content{
padding: 20px 0;
}
section.text-aside-media-pathways.second--content-mobile aside.content {
order: 1;
padding: 60px 0;
}
section.text-aside-media-pathways.second--content-mobile aside.media {
order: 0;
}
section.text-aside-media-pathways.second--content-mobile--p-s aside.content{
padding: 30px 0;
}
section.text-aside-media-pathways.second--content-mobile--pb-0 aside.content{
padding-bottom: 0;
}
/***************
* Layouts
***************/
section.text-aside-media-pathways.content-width--01 aside.content {
justify-content: center;
}
section.text-aside-media-pathways.content-width--01 aside.content .content-inner {
max-width: 390px;
}
section.text-aside-media-pathways.content-width--02 aside.content .content-inner {
max-width: 500px;
}
/***************
* Backgrounds
***************/
section.text-aside-media-pathways.bg--1::before {
background: #F6F8F9;
content: "";
top: -145px;
bottom: 45px;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: calc(100% + 100px);
z-index: -1;
}
section.text-aside-media-pathways.bg--2::before {
background: #F6F8F9;
content: "";
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: calc(100% - 190px);
z-index: -1;
}
section.text-aside-media-pathways.bg--3::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media-pathways.bg--3 figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media-pathways.bg--4::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media-pathways.bg--4 figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media-pathways.bg--5::before {
content: '';
background: #F3F4F6;
top: 165px;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media-pathways.bg--6::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 120px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media-pathways.bg--6 figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media-pathways.bg--7::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media-pathways.bg--7 figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media-pathways.bg--right::before {
content: '';
right: 0;
left: unset;
}
/***************
* Section margins
***************/
section.text-aside-media-pathways.margin--1 {
margin-bottom: 50px;
}
section.text-aside-media-pathways.margin--2 {
margin-bottom: 40px;
}
section.text-aside-media-pathways.margin--4 {
margin-bottom: 30px;
}
section.text-aside-media-pathways.margin--5 {
margin-bottom: 50px;
}
section.text-aside-media-pathways.margin--6 {
margin-bottom: 70px;
}
section.text-aside-media-pathways.margin--8 {
margin-bottom: 0;
}
/***************
* Section padding
***************/
section.text-aside-media-pathways.section-padding--02 {
padding-top: 40px;
}
/***************
* Content padding
***************/
/***************
* Lazy-loading
***************/
section.text-aside-media-pathways.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.text-aside-media-pathways.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text aside media
**************************************************************/
section.text-aside-media {
display: block;
overflow: visible;
position: relative;
width: 100%;
}
/* Container */
section.text-aside-media .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Label */
section.text-aside-media .large-bg-text {
z-index: 1;
}
section.text-aside-media.bg-text--01 .large-bg-text {
top: 55px;
left: calc(50% - 675px);
}
section.text-aside-media.bg-text--02 .large-bg-text {
top: -140px;
right: calc(50% - 675px);
text-align: right;
}
section.text-aside-media h2.heading {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
height: 40px;
width: 204px;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
margin-bottom: 1.5em;
}
/* New styling for heading */
section.text-aside-media .heading.stlye--1 {
font-size: calc(22px + 34 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 34 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
margin-bottom: 15px;
}
/* Row */
section.text-aside-media .row {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
}
/* Columns */
section.text-aside-media aside {
display: block;
width: 100%;
}
/***************
* Content
***************/
section.text-aside-media aside.content.align-left {
display: flex;
justify-content: flex-start;
}
section.text-aside-media aside.content.align-center {
display: flex;
justify-content: center;
}
section.text-aside-media aside.content .content-inner {
display: block;
}
section.text-aside-media aside.content .content-inner h3.wep {
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 15px;
font-weight: 600;
font-family: Montserrat,sans-serif;
color: #6f8372;
}
section.text-aside-media aside.content .content-inner ul {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.text-aside-media aside.content .content-inner ul li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.text-aside-media aside.content .content-inner ul li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.text-aside-media aside.content .content-inner ul li ul, section.text-aside-media aside.content .content-inner ul li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.text-aside-media aside.content .content-inner ul li:not(:last-of-type) {
margin-bottom: 9px;
}
section.text-aside-media aside.content .content-inner ul li p:last-of-type {
margin-bottom: 0;
}
section.text-aside-media aside.content .content-inner ul.wep {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.text-aside-media aside.content .content-inner ul.wep li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.text-aside-media aside.content .content-inner ul.wep li::before {
content: "\25A0";
color: #6f8372;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.text-aside-media aside.content .content-inner ul.wep li ul, section.text-aside-media aside.content .content-inner ul.wep li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.text-aside-media aside.content .content-inner ul.wep li:not(:last-of-type) {
margin-bottom: 9px;
}
section.text-aside-media aside.content .content-inner ul.wep li p:last-of-type {
margin-bottom: 0;
}
section.text-aside-media aside.content .content-inner.width--01 {
max-width: 466px;
}
section.text-aside-media aside.content .content-inner.width--02 {
max-width: 513px;
}
section.text-aside-media aside.content .content-inner.width--03 {
max-width: 381px;
}
section.text-aside-media aside.content .content-inner.width--04 {
max-width: 424px;
}
section.text-aside-media aside.content .content-inner.width--05 {
max-width: 461px;
}
section.text-aside-media aside.content .content-inner.width--06 {
max-width: 351px;
}
section.text-aside-media aside.content figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: none;
margin: -210px 0 80px -45px;
width: 380px;
height: 380px;
}
section.text-aside-media aside.content .title {
color: #0254A7;
display: block;
margin-bottom: 17px;
}
section.text-aside-media aside.content .title.pb-m {
margin-bottom: 20px;
}
section.text-aside-media aside.content .title.desktop-mb-35 {
margin-bottom: 20px;
}
section.text-aside-media aside.content .title.black {
color: #111111;
}
section.text-aside-media aside.content .title.style--1 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.text-aside-media aside.content .title.style--2 {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
font-family: 'Aleo', serif;
font-weight: 400;
}
section.text-aside-media aside.content .title.style--3 {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 1.75em;
}
section.text-aside-media aside.content .title.style--4 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.245em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.text-aside-media aside.content .sub {
font-size: calc(16px + 4 * ((100vw - 420px) / 860));
font-size: calc(1rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #0F0F0F;
display: block;
font-family: 'Niramit', sans-serif;
font-weight: 500;
line-height: 1.65em;
margin-bottom: 20px;
}
section.text-aside-media aside.content .text {
font-size: 16px;
line-height: 1.845em;
font-size: 1rem;
line-height: 1.845em;
color: #4E4E4E;
display: block;
font-family: 'Niramit', sans-serif;
}
section.text-aside-media aside.content .text a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-media aside.content .text a.button:hover {
opacity: .6;
}
section.text-aside-media aside.content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.text-aside-media aside.content .text.width--1 {
max-width: 475px;
}
section.text-aside-media aside.content .text.width--02 {
max-width: 461px;
}
section.text-aside-media aside.content .text .equal {
display: inline-block;
min-width: 100px;
}
section.text-aside-media aside.content .text a:not(.button), section.text-aside-media aside.content .text a:hover:not(.button) {
color: #0254A7;
font-weight: 500
}
section.text-aside-media aside.content .text b, section.text-aside-media aside.content .text strong {
color: #282A2A;
font-weight: 700;
}
section.text-aside-media aside.content .text--mb-1 {
margin-bottom: 45px;
}
section.text-aside-media aside.content .text ul {
padding-left: 35px;
}
section.text-aside-media aside.content .text ul li {
@extend: %ts--36;
position: relative;/* color: $c--black; */
font-family: 'Niramit', sans-serif;
letter-spacing: -0.24px;
letter-spacing: -0.015rem;
margin-bottom: 15px;
}
section.text-aside-media aside.content .text ul li::before {
content: '';
width: 8px;
height: 8px;
background: #0152A3;
left: -30px;
position: absolute;
top: 17px;
transform: translate(0, -50%);
}
section.text-aside-media aside.content .button {
display: block;
margin-top: 45px;
}
section.text-aside-media aside.content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-media aside.content .button a:hover {
opacity: .6;
}
section.text-aside-media aside.content .button--max-width-398 {
max-width: 398px;
}
section.text-aside-media aside.content .button--inline {
display: inline-flex;
}
section.text-aside-media aside.content .button--style-1 {
margin-bottom: 10px;
}
section.text-aside-media aside.content .button--style-1:last-child {
margin: 0;
}
section.text-aside-media aside.content .button--style-1 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-media aside.content .button--style-1 a {
width: 100%;
justify-content: flex-start;
text-align: left;
}
section.text-aside-media aside.content .button--style-2 {
margin-bottom: 5px;
}
section.text-aside-media aside.content .button--style-2:last-child {
margin: 0;
}
section.text-aside-media aside.content .button--style-2 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.text-aside-media aside.content .button--style-2 a {
width: 100%;
background-color: #F3F4F6;
justify-content: flex-start;
text-align: left;
}
section.text-aside-media aside.content .toggle {
padding: 20px 0;
}
section.text-aside-media aside.content .toggle.open .header .arrow:after {
transform: rotate(90deg);
}
section.text-aside-media aside.content .toggle.open .description {
max-height: -moz-max-content;
max-height: max-content;
}
section.text-aside-media aside.content .toggle .header {
cursor: pointer;
display: flex;
align-items: center;
}
section.text-aside-media aside.content .toggle .header .arrow {
height: 15px;
width: 25px;
position: relative;
margin-right: 15px;
margin-left: -6px;
}
section.text-aside-media aside.content .toggle .header .arrow:after {
content: "";
height: 100%;
width: 100%;
background: url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 8px center/10px 15px;
transform: rotate(270deg);
position: absolute;
}
section.text-aside-media aside.content .toggle .header .title {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
color: #464647;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1.2px;
letter-spacing: 0.075rem;
text-transform: uppercase;
margin: 0;
letter-spacing: 0.78px;
letter-spacing: 0.04875rem;
}
section.text-aside-media aside.content .toggle .description {
max-height: 0;
overflow: hidden;
font-family: 'Niramit', sans-serif;
transition: max-height 0.15s ease-out;
max-width: 480px;
}
section.text-aside-media aside.content .toggle .description .inner {
padding-left: 0;
padding-top: 20px;
padding-bottom: 10px;
}
section.text-aside-media aside.content .toggle .description strong {
font-weight: 700;
}
section.text-aside-media aside.content .toggle .description p {
margin-bottom: 1em;
}
section.text-aside-media aside.content .toggle .description p:last-child {
margin: 0;
}
section.text-aside-media aside.content .profile {
display: flex;
margin-top: 50px;
max-width: 410px;
align-items: center;
background-color: #F3F4F6;
}
section.text-aside-media aside.content .profile figure.photo {
width: 100px;
overflow: hidden;
padding-bottom: 110px;
position: relative;
}
section.text-aside-media aside.content .profile figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.text-aside-media aside.content .profile figure.photo .src::before, section.text-aside-media aside.content .profile figure.photo .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.text-aside-media aside.content .profile figure.photo .src::before {
border-width: 22px 22px 0 0;
border-color: #fff transparent transparent;
top: 0;
left: 0;
}
section.text-aside-media aside.content .profile figure.photo .src::after {
border-color: transparent transparent #F3F4F6;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
section.text-aside-media aside.content .profile .meta {
padding: 30px;
}
section.text-aside-media aside.content .profile .meta span {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
display: block;
font-family: 'Niramit', sans-serif;
}
section.text-aside-media aside.content .profile .meta span.name {
color: #000;
font-weight: 700;
}
section.text-aside-media aside.content .profile .meta span.job {
color: #494949;
}
section.text-aside-media aside.content .profile .meta span.bio {
display: none;
}
section.text-aside-media aside.content .large-numbered {
display: flex;
}
section.text-aside-media aside.content .large-numbered .number {
font-size: calc(25px + 33 * ((100vw - 420px) / 860));
font-size: calc(1.5625rem + 33 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
width: 100%;
max-width: 60px;
margin-right: 25px;
font-family: 'Montserrat', sans-serif;
color: #0B63AF;
font-weight: 600;
letter-spacing: -0.86px;
letter-spacing: -0.05375rem;
}
section.text-aside-media aside.content .large-numbered .description {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
padding: 0 0 0 20px;
border-left: 1px solid #DBDBDB;
margin: 25px;
line-height: 31px;
line-height: 1.9375rem;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
}
/***************
* Media
***************/
section.text-aside-media aside.media {
position: relative;
}
section.text-aside-media aside.media.align-left {
display: flex;
justify-content: flex-start;
}
section.text-aside-media aside.media .play {
top: 20px;
left: 20px;
height: 99px;
width: 99px;
position: absolute;
background-size: cover;
background-image: url('/media/dist/img/play.svg');
}
section.text-aside-media aside.media .play--small {
height: 79px;
width: 79px;
}
section.text-aside-media aside.media figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 100%;
width: 100%;
height: 0;
}
/* Map */
section.text-aside-media aside.media figure.map {
position: relative;
display: block;
overflow: hidden;
padding-bottom: 118.855%;
width: 100%;
height: 0;
}
section.text-aside-media aside.media figure.map--large {
padding-bottom: 100.855%;
width: 100%;
height: 586px;
}
section.text-aside-media aside.media figure.map--xl-large {
padding-bottom: 107.855%;
width: 100%;
height: 556px;
}
section.text-aside-media aside.media figure.map iframe {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
/***************
* Orders
***************/
section.text-aside-media.first--media aside.content {
order: 1;
}
section.text-aside-media.first--media aside.media {
order: 0;
}
section.text-aside-media.first--content aside.content {
order: 0;
}
section.text-aside-media.first--content aside.media {
order: 1;
}
section.text-aside-media.first--media-mobile aside.content {
order: 1;
padding: 10px 0;
}
section.text-aside-media.first--media-mobile aside.media {
order: 0;
}
section.text-aside-media.first--media-mobile--ptb-20 aside.content{
padding: 20px 0;
}
section.text-aside-media.second--content-mobile aside.content {
order: 1;
padding: 60px 0;
}
section.text-aside-media.second--content-mobile aside.media {
order: 0;
}
section.text-aside-media.second--content-mobile--p-s aside.content{
padding: 30px 0;
}
section.text-aside-media.second--content-mobile--pb-0 aside.content{
padding-bottom: 0;
}
/***************
* Layouts
***************/
section.text-aside-media.content-width--01 aside.content {
justify-content: center;
}
section.text-aside-media.content-width--01 aside.content .content-inner {
max-width: 390px;
}
section.text-aside-media.content-width--02 aside.content .content-inner {
max-width: 500px;
}
/***************
* Backgrounds
***************/
section.text-aside-media.bg--1::before {
background: #F6F8F9;
content: "";
top: -145px;
bottom: 45px;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: calc(100% + 100px);
z-index: -1;
}
section.text-aside-media.bg--2::before {
background: #F6F8F9;
content: "";
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: calc(100% - 190px);
z-index: -1;
}
section.text-aside-media.bg--3::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media.bg--3 figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media.bg--4::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media.bg--4 figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media.bg--5::before {
content: '';
background: #F3F4F6;
top: 165px;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media.bg--6::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 120px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media.bg--6 figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media.bg--7::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
section.text-aside-media.bg--7 figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media.bg--right::before {
content: '';
right: 0;
left: unset;
}
/***************
* Section margins
***************/
section.text-aside-media.margin--1 {
margin-bottom: 50px;
}
section.text-aside-media.margin--2 {
margin-bottom: 40px;
}
section.text-aside-media.margin--4 {
margin-bottom: 30px;
}
section.text-aside-media.margin--5 {
margin-bottom: 50px;
}
section.text-aside-media.margin--6 {
margin-bottom: 70px;
}
section.text-aside-media.margin--8 {
margin-bottom: 0;
}
/***************
* Section padding
***************/
section.text-aside-media.section-padding--02 {
padding-top: 40px;
}
/***************
* Content padding
***************/
/***************
* Lazy-loading
***************/
section.text-aside-media.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.text-aside-media.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text area with stat sidebar
**************************************************************/
section.textarea-aside-stats {
display: block;
margin-bottom: 70px;
width: 100%;
}
/* Container */
section.textarea-aside-stats .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.textarea-aside-stats .container {
width: 100%;
}
/**
* Main
*/
section.textarea-aside-stats main {
display: block;
font-size: 0;
}
/* Image */
section.textarea-aside-stats main > figure.image {
display: none;
margin-right: 38px;
overflow: hidden;
position: relative;
width: 277px;
height: 277px;
vertical-align: top;
}
section.textarea-aside-stats main > figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
z-index: 0;
}
section.textarea-aside-stats main > figure.image::before,
section.textarea-aside-stats main > figure.image::after {
border-style: solid;
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.textarea-aside-stats main > figure.image::before {
border-color: #fff transparent transparent;
border-width: 40px 40px 0 0;
top: 0;
left: 0;
}
section.textarea-aside-stats main > figure.image::after {
border-color: transparent transparent #fff;
border-width: 0 0 40px 40px;
right: 0;
bottom: 0;
}
/* Content (if image exists) */
/* Content */
section.textarea-aside-stats main > .content {
display: block;
position: relative;
width: 100%;
}
/* Title */
section.textarea-aside-stats main > .content > .title {
font-size: calc(18px + 8 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 8 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin: -7px 0 17px;
}
/* Text */
section.textarea-aside-stats main > .content > .text {
color: #494949;
font-family: 'Niramit', sans-serif;
font-size: 16px;
}
section.textarea-aside-stats main > .content > .text p:not(:last-of-type) {
margin-bottom: 22px;
}
/* Bottom */
section.textarea-aside-stats main > .content .bottom {
align-items: center;
display: flex;
font-size: 0;
justify-content: flex-start;
margin-top: 30px;
}
/* Image */
section.textarea-aside-stats main > .content .bottom figure.image {
display: inline-block;
margin-right: 24px;
max-width: 42%;
overflow: hidden;
padding-bottom: 42%;
position: relative;
width: 100%;
height: 0;
vertical-align: top;
}
section.textarea-aside-stats main > .content .bottom figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
z-index: 0;
}
section.textarea-aside-stats main > .content .bottom figure.image::before,
section.textarea-aside-stats main > .content .bottom figure.image::after {
border-style: solid;
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.textarea-aside-stats main > .content .bottom figure.image::before {
border-color: #fff transparent transparent;
border-width: 20px 20px 0 0;
top: 0;
left: 0;
}
section.textarea-aside-stats main > .content .bottom figure.image::after {
border-color: transparent transparent #fff;
border-width: 0 0 20px 20px;
right: 0;
bottom: 0;
}
/* Text */
section.textarea-aside-stats main > .content .bottom .small-text {
display: inline-block;
max-width: calc(58% - 24px);
vertical-align: top;
width: 100%;
}
section.textarea-aside-stats main > .content .bottom .small-text > .title {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
margin-bottom: 5px;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
}
section.textarea-aside-stats main > .content .bottom .small-text > p {
color: #494949;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
}
/**
* Sidebar
*/
section.textarea-aside-stats aside {
display: block;
margin-top: 30px;
}
/* Stat */
section.textarea-aside-stats article.stat {
box-sizing: border-box;
display: block;
width: 100%;
}
section.textarea-aside-stats article.stat:not(:first-of-type) {
margin-top: 5px;
}
section.textarea-aside-stats article.stat .wrap {
background: #F5F6F8;
box-shadow: 0 1px 0 0 #ADBAC1;
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
section.textarea-aside-stats article.stat .wrap .image {
align-items: flex-start;
box-sizing: border-box;
display: flex;
justify-content: center;
flex: 0 0 28%;
max-width: 28%;
padding-top: 30px;
position: relative;
width: 100%;
height: 100%;
}
section.textarea-aside-stats article.stat .wrap .image span.figure {
color: #fff;
background-color: #0054A4;
border-radius: 100%;
display: block;
font-family: 'Aleo', serif;
font-size: 18px;
line-height: 1em;
font-size: 1.125rem;
line-height: 1em;
font-weight: 700;
padding-top: 6px;
top: 31px;
right: calc(50% - 35px);
position: absolute;
width: 25px;
height: 25px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.textarea-aside-stats article.stat .wrap .caption {
box-sizing: border-box;
flex: 0 0 68%;
font-size: 0;
height: 100%;
max-width: 68%;
padding: 32px 0 35px;
width: 100%;
}
section.textarea-aside-stats article.stat .title {
color: #0B63AF;
font-family: 'Aleo', serif;
font-size: 20px;
line-height: 1.375em;
font-size: 1.25rem;
line-height: 1.375em;
font-weight: 700;
letter-spacing: .1px;
letter-spacing: 0.00625rem;
margin: 0 0 8px;
padding-right: 15px;
position: relative;
}
section.textarea-aside-stats article.stat b {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
margin: 0;
}
section.textarea-aside-stats article.stat p {
color: #000;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
margin: 8px 5px 0px 0px;
}
/***************
* Lazy-loading
***************/
section.textarea-aside-stats.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.textarea-aside-stats.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text area with that doesn't mess with font-sizes
**************************************************************/
section.textarea-aside {
display: block;
margin-bottom: 70px;
width: 100%;
}
/* Container */
section.textarea-aside .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.textarea-aside .container {
width: 100%;
}
/**
* Main
*/
section.textarea-aside main {
display: block;
}
/* Image */
section.textarea-aside main > figure.image {
display: none;
margin-right: 38px;
overflow: hidden;
position: relative;
width: 277px;
height: 277px;
vertical-align: top;
}
section.textarea-aside main > figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
z-index: 0;
}
section.textarea-aside main > figure.image::before,
section.textarea-aside main > figure.image::after {
border-style: solid;
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.textarea-aside main > figure.image::before {
border-color: #fff transparent transparent;
border-width: 40px 40px 0 0;
top: 0;
left: 0;
}
section.textarea-aside main > figure.image::after {
border-color: transparent transparent #fff;
border-width: 0 0 40px 40px;
right: 0;
bottom: 0;
}
/* Content (if image exists) */
/* Content */
section.textarea-aside main > .content {
display: block;
position: relative;
width: 100%;
}
/* Title */
section.textarea-aside main > .content > .title {
font-size: calc(18px + 8 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 8 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin: -7px 0 17px;
}
/* Text */
section.textarea-aside main > .content > .text {
color: #494949;
font-family: 'Niramit', sans-serif;
font-size: 16px;
}
section.textarea-aside main > .content > .text p:not(:last-of-type) {
margin-bottom: 22px;
}
section.textarea-aside main > .content > .text a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.textarea-aside main > .content > .text a.button:hover {
opacity: .6;
}
section.textarea-aside main > .content .button {
display: block;
margin-top: 45px;
}
section.textarea-aside main > .content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.textarea-aside main > .content .button a:hover {
opacity: .6;
}
section.textarea-aside main > .content .button--max-width-398 {
max-width: 398px;
}
section.textarea-aside main > .content .button--inline {
display: inline-flex;
}
section.textarea-aside main > .content .button--style-1 {
margin-bottom: 10px;
}
section.textarea-aside main > .content .button--style-1:last-child {
margin: 0;
}
section.textarea-aside main > .content .button--style-1 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.textarea-aside main > .content .button--style-1 a {
width: 100%;
justify-content: flex-start;
text-align: left;
}
section.textarea-aside main > .content .button--style-2 {
margin-bottom: 5px;
}
section.textarea-aside main > .content .button--style-2:last-child {
margin: 0;
}
section.textarea-aside main > .content .button--style-2 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.textarea-aside main > .content .button--style-2 a {
width: 100%;
background-color: #F3F4F6;
justify-content: flex-start;
text-align: left;
}
/* Bottom */
section.textarea-aside main > .content .bottom {
align-items: center;
display: flex;
font-size: 0;
justify-content: flex-start;
margin-top: 30px;
}
/* Image */
section.textarea-aside main > .content .bottom figure.image {
display: inline-block;
margin-right: 24px;
max-width: 42%;
overflow: hidden;
padding-bottom: 42%;
position: relative;
width: 100%;
height: 0;
vertical-align: top;
}
section.textarea-aside main > .content .bottom figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
z-index: 0;
}
section.textarea-aside main > .content .bottom figure.image::before,
section.textarea-aside main > .content .bottom figure.image::after {
border-style: solid;
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
section.textarea-aside main > .content .bottom figure.image::before {
border-color: #fff transparent transparent;
border-width: 20px 20px 0 0;
top: 0;
left: 0;
}
section.textarea-aside main > .content .bottom figure.image::after {
border-color: transparent transparent #fff;
border-width: 0 0 20px 20px;
right: 0;
bottom: 0;
}
/* Text */
section.textarea-aside main > .content .bottom .small-text {
display: inline-block;
max-width: calc(58% - 24px);
vertical-align: top;
width: 100%;
}
section.textarea-aside main > .content .bottom .small-text > .title {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
margin-bottom: 5px;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
}
section.textarea-aside main > .content .bottom .small-text > p {
color: #494949;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
}
/**
* Sidebar
*/
section.textarea-aside aside {
display: block;
margin-top: 30px;
}
/* Stat */
section.textarea-aside article.stat {
box-sizing: border-box;
display: block;
width: 100%;
}
section.textarea-aside article.stat:not(:first-of-type) {
margin-top: 5px;
}
section.textarea-aside article.stat .wrap {
background: #F5F6F8;
box-shadow: 0 1px 0 0 #ADBAC1;
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
section.textarea-aside article.stat .wrap .image {
align-items: flex-start;
box-sizing: border-box;
display: flex;
justify-content: center;
flex: 0 0 28%;
max-width: 28%;
padding-top: 30px;
position: relative;
width: 100%;
height: 100%;
}
section.textarea-aside article.stat .wrap .image span.figure {
color: #fff;
background-color: #0054A4;
border-radius: 100%;
display: block;
font-family: 'Aleo', serif;
font-size: 18px;
line-height: 1em;
font-size: 1.125rem;
line-height: 1em;
font-weight: 700;
padding-top: 6px;
top: 31px;
right: calc(50% - 35px);
position: absolute;
width: 25px;
height: 25px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.textarea-aside article.stat .wrap .caption {
box-sizing: border-box;
flex: 0 0 68%;
font-size: 0;
height: 100%;
max-width: 68%;
padding: 32px 0 35px;
width: 100%;
}
section.textarea-aside article.stat .title {
color: #0B63AF;
font-family: 'Aleo', serif;
font-size: 20px;
line-height: 1.375em;
font-size: 1.25rem;
line-height: 1.375em;
font-weight: 700;
letter-spacing: .1px;
letter-spacing: 0.00625rem;
margin: 0 0 8px;
padding-right: 15px;
position: relative;
}
section.textarea-aside article.stat b {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
margin: 0;
}
section.textarea-aside article.stat p {
color: #000;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
margin: 8px 5px 0px 0px;
}
/***************
* Lazy-loading
***************/
section.textarea-aside.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.textarea-aside.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text area
**************************************************************/
section.textarea h2, section.textarea h3, section.textarea h4, section.textarea h5, section.textarea h6 {
color: #111111;
}
section.textarea h2, section.textarea h3, section.textarea h5, section.textarea h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
section.textarea h2 {
font-size: calc(21px + 11 * ((100vw - 420px) / 860));
font-size: calc(1.3125rem + 11 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
margin-bottom: 21px;
}
section.textarea h2.alt--01 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
}
section.textarea h3 {
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 20px;
}
section.textarea h4 {
font-family: 'Niramit', sans-serif;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 20px;
}
section.textarea h5 {
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 12px;
}
section.textarea h6 {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 9px;
}
section.textarea p {
display: block;
margin-bottom: 32px;
}
section.textarea b, section.textarea strong {
color: #000;
font-weight: 700;
}
section.textarea i {
font-style: italic;
}
section.textarea u {
text-decoration: underline;
}
section.textarea a {
color: #0B63AF;/*text-decoration: underline;*/
transition: all .2s ease-in-out;
}
section.textarea a:hover {
text-decoration: underline;
}
section.textarea blockquote {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #0B63AF;
display: block;
font-family: 'Aleo', serif;
font-weight: 400;
margin: 0 auto 50px;
max-width: 550px;
padding: 10px 0 0 14px;
width: 100%;
}
section.textarea blockquote p {
display: block;
overflow: visible;
position: relative;
}
section.textarea blockquote p::before {
display: inline-block;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
top: -2px;
left: -14px;
position: absolute;
}
section.textarea blockquote p:first-of-type::before {
content: "“";
}
section.textarea blockquote p:last-of-type::after {
content: '"';
}
section.textarea ul, section.textarea ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.textarea ul li, section.textarea ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.textarea ul li::before, section.textarea ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.textarea ul li ul, section.textarea ul li ol, section.textarea ol li ul, section.textarea ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.textarea ul li:not(:last-of-type), section.textarea ol li:not(:last-of-type) {
margin-bottom: 9px;
}
section.textarea ul li p:last-of-type, section.textarea ol li p:last-of-type {
margin-bottom: 0;
}
section.textarea ul li::before, section.textarea ol li::before {
color: black;
}
section.textarea ol {
padding-left: 17px;
}
section.textarea ol > li {
list-style: decimal !important;
padding-left: 13px;
}
section.textarea ol > li::before {
display: none;
}
section.textarea ol ol li {
list-style: lower-latin !important;
}
section.textarea figcaption {
margin-bottom: 30px;
font-size: 95%;
font-style: italic;
}
section.textarea em, section.textarea em a {
font-style: italic;
}
section.textarea p {
margin-bottom: 22px;
}
/* Buttons */
section.textarea a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.textarea a.button:hover {
opacity: .6;
}
/* Data table */
section.textarea .data-table {
display: block;
margin-bottom: 34px;
}
section.textarea .data-table .row {
align-items: flex-start;
display: flex;
justify-content: flex-start;
padding: 21px 0 21px;
}
section.textarea .data-table .row:nth-of-type(2n+1) {
background: #fff;
}
section.textarea .data-table .row:nth-of-type(2n+2) {
background: #E6E9EA;
}
section.textarea .data-table .row .column {
display: block;
flex: 0 1 auto;
padding: 0 24px 8px;
}
section.textarea .data-table .row .column:nth-of-type(1) {
flex-basis: 100px;
}
section.textarea .data-table .row .column:nth-of-type(2) {
flex-basis: calc(100% - 100px);
}
section.textarea .data-table .row .column h5 {
margin-bottom: 5px;
}
section.textarea .data-table .row .column p {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
section.textarea .data-table .row .column p:last-of-type {
margin-bottom: 0;
}
/* Minus top margin */
section.textarea.top-minus-margin {
margin-top: -15px;
}
/* Margin */
section.textarea.margin--set-01 {
margin-bottom: 90px;
}
/***************
* Lazy-loading
***************/
section.textarea.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.textarea.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Thumbnail testimonial index
**************************************************************/
section.thumb-testimonial-index-fw.margin-bottom-12 {
margin-bottom: 12px !important;
}
/**
* Header
*/
section.thumb-testimonial-index-fw header {
display: block;
margin-bottom: 40px;
}
/* Title */
section.thumb-testimonial-index-fw header .title {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 25px;
}
/* View all */
section.thumb-testimonial-index-fw header .view-all {
display: none;
}
section.thumb-testimonial-index-fw header .view-all a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.thumb-testimonial-index-fw header .view-all a:hover {
opacity: .6;
}
section.thumb-testimonial-index-fw header .view-all a {
color: rgba(0,0,0,.81) !important;
opacity: 1;
}
/**
* Listing
*/
section.thumb-testimonial-index-fw .list {/* max-width: 800px; */
width: 100%;
}
/**
* Testimonial
*/
section.thumb-testimonial-index-fw article.testimonial {
margin-bottom: 30px;
}
/***************
* Margins
***************/
section.thumb-testimonial-index-fw.margin-bottom-30 {
margin-bottom: 30px;
}
/***************
* Lazy-loading
***************/
section.thumb-testimonial-index-fw.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.thumb-testimonial-index-fw.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Thumbnail testimonial index
**************************************************************/
section.thumb-testimonial-index.margin-bottom-12 {
margin-bottom: 12px !important;
}
/**
* Header
*/
section.thumb-testimonial-index header {
display: block;
margin-bottom: 40px;
}
/* Title */
section.thumb-testimonial-index header .title {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 25px;
}
/* View all */
section.thumb-testimonial-index header .view-all {
display: none;
}
section.thumb-testimonial-index header .view-all a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.thumb-testimonial-index header .view-all a:hover {
opacity: .6;
}
section.thumb-testimonial-index header .view-all a {
color: rgba(0,0,0,.81) !important;
opacity: 1;
}
/**
* Listing
*/
section.thumb-testimonial-index .list {
max-width: 800px;
width: 100%;
}
/**
* Testimonial
*/
section.thumb-testimonial-index article.testimonial {
margin-bottom: 30px;
}
/***************
* Margins
***************/
section.thumb-testimonial-index.margin-bottom-30 {
margin-bottom: 30px;
}
/***************
* Lazy-loading
***************/
section.thumb-testimonial-index.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.thumb-testimonial-index.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Thumbnail call-to-actions
**************************************************************/
section.thumbnail-ctas {
display: block;
margin-bottom: 30px;
width: 100%;
}
/**
* Container
*/
section.thumbnail-ctas .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.thumbnail-ctas .container {
width: 100%;
}
/***************
* Thumbnail
***************/
section.thumbnail-ctas article.thumbnail {
display: block;
height: auto;
margin-bottom: 2px;
overflow: hidden;
padding-bottom: 50%;
position: relative;
width: 100%;
}
/* Title */
section.thumbnail-ctas article.thumbnail .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background-color: rgba(0,0,0,.5);
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .1025rem;
min-height: 48px;
padding: 18px 25px 16px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 100%;
z-index: 1;
}
/* Image */
section.thumbnail-ctas article.thumbnail figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: scale(1);
transition: all .25s ease-in-out;
z-index: 0;
}
/* Anchor */
section.thumbnail-ctas article.thumbnail a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
z-index: 2;
}
/***************
* In sidebar
***************/
section.thumbnail-ctas.in-sidebar {
margin-bottom: 0;
}
section.thumbnail-ctas.in-sidebar .container {
margin-bottom: 0;
padding: 0 !important;
}
/***************
* Lazy-loading
***************/
section.thumbnail-ctas.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.thumbnail-ctas.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Tile CTAs
**************************************************************/
div.ftmba-carousel section.tile-ctas-change-maker article.tile .text .description,
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .buttons a {
color: #312a6f !important;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .buttons a {
background: url(/media/dist/img/solid-button-arrow-mba.svg) no-repeat right 0 center / 15px 15px !important;
}
div.ftmba-carousel span.mobile-title {
font-weight: 600;
min-height: 80px;
width: 100%;
display: block;
color: #312a6f !important;
padding: 10px;
background-color: rgba(0, 0, 0, 0.3);
}
div.ftmba-carousel span.mobile-title a {
color: #312a6f !important;
}
div.ftmba-carousel section.tile-ctas-change-maker {
height: 100%;
}
/* min-height: 600px; */
div.ftmba-carousel section.tile-ctas-change-maker.style--1.mobile-p-b-0 {
padding-bottom: 25px;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile {
background-color: #e6edf4;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .top-chip {
height: 50px;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .bottom-chip {
height: 20px;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .middle-chip {
height: 5px;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile.mba-colour .color-chip {
background-color: #312a6f;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile.mba-colour .text .title a {
color: #312a6f;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .text .title {
font-size: 14px;
font-size: 0.875rem;
min-height: 30px;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
line-height: 22px;
line-height: 1.375rem;
text-align: left;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
margin-bottom: 10px;/* font-family: $ff--4; */
font-weight: 700;
display: block;
text-align: left;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .text .title a.green {
color: #50BC87;/* Updated from $c--jane-egerton-idehen-cm-colour */
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .buttons {
width: 150px;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background: url(/media/dist/img/solid-button-arrow-white.svg) no-repeat right 0px center / 15px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 20px;
text-align: center;
transition: all 0.2s ease-in-out;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background: url(/media/dist/img/solid-button-arrow-white.svg) no-repeat right 0px center/15px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 20px;
text-align: center;
transition: all .2s ease-in-out;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .buttons a {
min-height: 43px;
background-color: transparent;
padding: 20px 20px 20px 20px;
box-shadow: unset;
}
div.ftmba-carousel section.tile-ctas-change-maker .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/**
* Header
*/
div.ftmba-carousel section.tile-ctas-change-maker header .title {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
/**
* Container
*/
/**
* Tile
*/
div.ftmba-carousel section.tile-ctas-change-maker article.tile {
background: #F3F4F6;
display: flex;
flex-direction: column;
margin-bottom: 3px;
position: relative;
transition: all 0.25s ease;
width: 100%;
}
/**
* Inner (mobile accordion content)
*/
div.ftmba-carousel section.tile-ctas-change-maker article.tile main.inner {
height: 100%;
}
/**
* Image
*/
div.ftmba-carousel section.tile-ctas-change-maker article.tile figureinner.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 300px;
z-index: 0;
}
div.ftmba-carousel section.tile-ctas-change-maker article.tile figureinner.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all 0.2s ease-in-out;
}
/**
* Text
*/
div.ftmba-carousel section.tile-ctas-change-maker article.tile .text {
padding: 25px 30px 0px 30px;
position: relative;
z-index: 0;
}
/**
* Title
*/
div.ftmba-carousel section.tile-ctas-change-maker article.tile .text .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #111111;
font-family: 'Niramit', sans-serif;
font-weight: 700;
letter-spacing: 0.10175em;
min-height: 45px;
position: relative;
}
div.ftmba-carousel section.tile-ctas-change-maker article.tile .text .title a {}
/**
* Description
*/
div.ftmba-carousel section.tile-ctas-change-maker article.tile .text .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
letter-spacing: -0.18px;
letter-spacing: -0.01125rem;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2em;
text-align: left;/*font-family: $ff--4;*/
font-weight: 500;
}
/**
* Permalink
*/
div.ftmba-carousel section.tile-ctas-change-maker article.tile a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/***************
* Lazy-loading
***************/
div.ftmba-carousel section.tile-ctas-change-maker.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
div.ftmba-carousel section.tile-ctas-change-maker.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Tile CTAs
**************************************************************/
section.tile-ctas.style--1 {
padding: 50px 0 60px;
}
section.tile-ctas.style--1.mobile-p-b-0 {
padding-bottom: 25px;
}
section.tile-ctas.style--1 article.tile {
background-color: #F3F4F6;
box-shadow: 0 1px 0 0 #CCD4D8;
}
section.tile-ctas.style--1 article.tile .text .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
min-height: 30px;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
line-height: 22px;
line-height: 1.375rem;
text-align: left;
}
section.tile-ctas.style--1 article.tile .buttons {
margin-top: 20px;
margin-bottom: -20px;
}
section.tile-ctas.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.tile-ctas.style--1 article.tile .buttons a {
min-height: 43px;
background-color: transparent;
padding: 20px 20px 20px 36px;
box-shadow: unset;
}
section.tile-ctas .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/**
* Header
*/
section.tile-ctas header .title {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
/**
* Container
*/
/**
* Tile
*/
section.tile-ctas article.tile {
background: #F3F4F6;
box-shadow: 0 1px 0 0 #ADBAC1;
display: flex;
flex-direction: column;
margin-bottom: 3px;
position: relative;
transition: all .25s ease;
width: 100%;
}
/**
* Toggle
*/
section.tile-ctas article.tile header.toggle {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
min-height: 65px;
padding: 23px 22px;
position: relative;
text-transform: uppercase;
}
/* Arrow */
section.tile-ctas article.tile header.toggle::after {
background: transparent url('/media/dist/img/tile-cta-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Inner (mobile accordion content)
*/
section.tile-ctas article.tile main.inner {
display: none;
overflow: hidden;
padding: 0 22px 45px;
position: relative;
z-index: 0;
}
/**
* Image
*/
section.tile-ctas article.tile figure.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 0;
z-index: 0;
}
section.tile-ctas article.tile figure.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
}
/**
* Text
*/
section.tile-ctas article.tile .text {
padding-top: 25px;
position: relative;
z-index: 0;
}
/**
* Title
*/
section.tile-ctas article.tile .text .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #111111;
display: none;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
min-height: 45px;
position: relative;
text-transform: uppercase;
}
/**
* Description
*/
section.tile-ctas article.tile .text .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
/**
* Permalink
*/
section.tile-ctas article.tile a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/**
* Hover
*/
section.tile-ctas article.tile:hover {
background-color: #E6EDF4;
}
section.tile-ctas article.tile:hover span.title a {
text-decoration: underline;
}
section.tile-ctas article.tile:hover figure.image .src {
transform: scale(1.1);
}
/**
* Open
*/
/* Arrow */
section.tile-ctas article.tile.open header.toggle::after, section.tile-ctas article.tile.open-init header.toggle::after {
transform: rotate(-90deg);
}
section.tile-ctas article.tile.open-init main.inner {
display: block;
}
/***************
* Lazy-loading
***************/
section.tile-ctas.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.tile-ctas.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Timeline tabs
**************************************************************/
section.timeline-tabs {
display: block;
width: 100%;
/***************
* Navigation
***************/
}
/**
* Tabs (desktop)
*/
section.timeline-tabs nav.tabs {
display: none;
}
section.timeline-tabs nav.tabs ul {
align-items: stretch;
display: flex;
justify-content: flex-start;
margin: 0;
}
section.timeline-tabs nav.tabs ul li {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
}
section.timeline-tabs nav.tabs ul li a {
border-top: 2px solid #fff;
color: #000;
padding: 18px 20px 21px;
transition: color .3s cubic-bezier(0.77, 0, 0.175, 1);
}
/* Hover */
section.timeline-tabs nav.tabs ul li a:hover {
background: #F5F6F8;
}
/* Active */
section.timeline-tabs nav.tabs ul li a.active {
border-color: #00A99F;
color: #000;
background-color: #F5F6F8;
}
/**
* Accordions (mobile)
*/
section.timeline-tabs .item {
overflow: hidden;
position: relative;
}
/* Title */
section.timeline-tabs .item::before {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
background: #F3F4F6 url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left 20px top 24px / 10px 15px;
color: #1C1E20;
content: attr(data-title);
display: flex;
justify-content: flex-start;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 60px;
padding: 0 11px 0 38px;
position: relative;
text-transform: uppercase;
width: 100%;
}
/* Arrow */
section.timeline-tabs .item::after {
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 23px;
right: 20px;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Active
*/
section.timeline-tabs .item.active::before {
color: #000;
}
section.timeline-tabs .item.active::after {
transform: rotate(-90deg);
}
section.timeline-tabs .item.inactive::before {
color: #000;
}
section.timeline-tabs .item.inactive::after {
transform: rotate(90deg);
}
/***************
* Tabs content
***************/
section.timeline-tabs .tabbed-content {
width: 100%;
}
/* Item */
section.timeline-tabs .tabbed-content .item .item-content {
background: #F3F4F6;
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
visibility: hidden;
}
section.timeline-tabs .tabbed-content .item .item-content > .inner {
display: block;
padding: 0 22px 45px;
width: 100%;
}
/* Keys */
section.timeline-tabs .tabbed-content .item .item-content .keys {
border: 1px solid rgba(0,113,84,0.5);
margin-top: 50px;
padding: 15px 30px 30px;
}
section.timeline-tabs .tabbed-content .item .item-content .keys .label {
color: #111111;
display: block;
font-weight: 600;
}
section.timeline-tabs .tabbed-content .item .item-content .keys ul {
margin-bottom: 0;
}
section.timeline-tabs .tabbed-content .item .item-content .keys ul li {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
line-height: 1.5em;
padding-left: 0;
}
section.timeline-tabs .tabbed-content .item .item-content .keys ul li::before {
display: none;
}
/**
* Active
*/
section.timeline-tabs .tabbed-content .item.active .item-content {
height: auto;
opacity: 1;
overflow: visible;
visibility: visible;
}
section.timeline-tabs .tabbed-content .item.inactive .item-content {
height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden;
}
/***************
* Lazy-loading
***************/
section.timeline-tabs.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.timeline-tabs.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Timeline
**************************************************************/
section.timeline article.stamp {
overflow: visible;
position: relative;
}
section.timeline article.stamp:not(:last-of-type) {
padding-bottom: 40px;
}
/* Line */
section.timeline article.stamp::before {
background: #979797;
content: '';
display: block;
opacity: .3;
top: 0;
bottom: 0;
left: 0;
position: absolute;
width: 1px;
height: 100%;
}
/* Dot */
section.timeline article.stamp::after {
background: #859297;
border-radius: 100%;
content: '';
display: block;
top: 8px;
left: -3px;
position: absolute;
width: 7px;
height: 7px;
}
/* First stamp */
section.timeline article.stamp:first-of-type::before {
height: calc(100% - 8px);
top: 8px;
}
/* Last stamp */
section.timeline article.stamp:last-of-type::before {
height: 8px;
}
/**
* Date
*/
section.timeline article.stamp aside.date {
margin-bottom: 12px;
padding: 0;
}
section.timeline article.stamp aside.date span.label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #1C1E20;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
padding: 5px 0 0 25px;
text-transform: uppercase;
}
/**
* Content
*/
section.timeline article.stamp main.content > .content-inner {
padding: 0 25px;
}
section.timeline article.stamp main.content .text-group:not(:first-of-type) {
margin-top: 50px;
}
/* Large title */
section.timeline article.stamp main.content .title {
font-size: calc(18px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.33px;
letter-spacing: -0.02063rem;
margin-bottom: 8px;
}
/* Sub-title */
section.timeline article.stamp main.content .sub-title {
font-size: 17px;
line-height: 1.645em;
font-size: 1.0625rem;
line-height: 1.645em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.25px;
letter-spacing: -0.01563rem;
margin-bottom: 5px;
}
/* Text */
section.timeline article.stamp main.content p {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
}
/* Text */
section.timeline article.stamp main.content p.disclaimer {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
color: #494949;
}
/* Primary button */
section.timeline article.stamp main.content a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.timeline article.stamp main.content a.button:hover {
opacity: .6;
}
section.timeline article.stamp main.content a.button {
display: inline-block;
margin: 25px 0 0;
}
/* Outline button */
section.timeline article.stamp main.content a.outline-button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 2px solid #0254A7;
color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 52px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
display: inline-block;
margin: 25px 0 0;
}
section.timeline article.stamp main.content a.outline-button:hover {
border-color: #000;
color: #000;
}
/* Solid button */
section.timeline article.stamp main.content a.solid-button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
display: inline-block;
margin: 25px 0 0;
min-height: 0;
}
section.timeline article.stamp main.content a.solid-button:hover {
color: #fff;
background-color: #000;
}
/* Simple button */
section.timeline article.stamp main.content a.simple-button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top / 10px 15px;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
min-height: 15px;
padding: 0 0 0 30px;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
transition: all .2s ease-in-out;
display: inline-block;
margin: 25px 0 0;
}
section.timeline article.stamp main.content a.simple-button:hover {
color: rgba(#000, .6);
}
/* Lists */
section.timeline article.stamp main.content ul, section.timeline article.stamp main.content ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.timeline article.stamp main.content ul li, section.timeline article.stamp main.content ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.timeline article.stamp main.content ul li::before, section.timeline article.stamp main.content ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.timeline article.stamp main.content ul li ul, section.timeline article.stamp main.content ul li ol, section.timeline article.stamp main.content ol li ul, section.timeline article.stamp main.content ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.timeline article.stamp main.content ul li:not(:last-of-type), section.timeline article.stamp main.content ol li:not(:last-of-type) {
margin-bottom: 9px;
}
section.timeline article.stamp main.content ul li p:last-of-type, section.timeline article.stamp main.content ol li p:last-of-type {
margin-bottom: 0;
}
section.timeline article.stamp main.content ul li::before, section.timeline article.stamp main.content ol li::before {
color: black;
}
section.timeline article.stamp main.content ul, section.timeline article.stamp main.content ol {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
padding-top: 8px;
}
section.timeline article.stamp main.content ul li:not(:last-of-type), section.timeline article.stamp main.content ol li:not(:last-of-type) {
margin-bottom: 4px;
}
section.timeline article.stamp main.content ol {
padding-left: 17px;
}
section.timeline article.stamp main.content ol > li {
list-style: decimal !important;
padding-left: 13px;
}
section.timeline article.stamp main.content ol > li::before {
display: none;
}
section.timeline article.stamp main.content ol ol li {
list-style: lower-latin !important;
}
/* Tooltip (info) */
section.timeline article.stamp main.content .tooltip {
cursor: help;
display: inline-block;
margin-left: 10px;
position: relative;
vertical-align: middle;
}
section.timeline article.stamp main.content .tooltip i.icon {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: #fff;
border: 1px solid #0054A4;
color: #0054A4;
background-color: transparent;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 13px;
min-width: 28px;
padding: 1px 2px 0 4px;
text-align: center;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.timeline article.stamp main.content .tooltip .text {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
border: 1px solid #C2C1C1;
color: #494949;
background-color: #fff;
opacity: 0;
padding: 6px 9px 7px;
top: 18px;
left: 0;
position: absolute;
text-align: center;
transform: translateX(calc(-50% + 14px));
transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);
visibility: hidden;
width: 180px;
z-index: 1;
}
section.timeline article.stamp main.content .tooltip .text p:not(:last-of-type) {
margin-bottom: 10px;
}
section.timeline article.stamp main.content .tooltip .text::after {
background: transparent url('/wbs2020/media/dist/img/tooltip-top-arrow.svg') no-repeat center / 12px 7px;
content: "";
margin: 0 auto;
top: -7px;
right: 0;
left: 0;
position: absolute;
width: 12px;
height: 7px;
text-align: center;
}
section.timeline article.stamp main.content .tooltip:hover .text {
opacity: 1;
visibility: visible;
}
/**
* Content without timeline
*/
section.timeline stamp.withnotimeline {
overflow: visible;
position: relative;
}
section.timeline stamp.withnotimeline:not(:last-of-type) {
padding-bottom: 40px;
}
/* First stamp */
section.timeline stamp.withnotimeline:first-of-type::before {
height: calc(100% - 8px);
top: 8px;
}
/* Last stamp */
section.timeline stamp.withnotimeline:last-of-type::before {
height: 8px;
}
/**
* Date
*/
section.timeline stamp.withnotimeline aside.date {
margin-bottom: 12px;
padding: 0;
}
section.timeline stamp.withnotimeline aside.date span.label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #1C1E20;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
padding: 5px 0 0 25px;
text-transform: uppercase;
}
section.timeline notimeline.content > .content-inner {
padding: 0 25px;
}
section.timeline notimeline.content .text-group:not(:first-of-type) {
margin-top: 50px;
}
/* Large title */
section.timeline notimeline.content .title {
font-size: calc(18px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.33px;
letter-spacing: -0.02063rem;
margin-bottom: 8px;
}
/* Sub-title */
section.timeline notimeline.content .sub-title {
font-size: 17px;
line-height: 1.645em;
font-size: 1.0625rem;
line-height: 1.645em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.25px;
letter-spacing: -0.01563rem;
margin-bottom: 5px;
}
/* Text */
section.timeline notimeline.content p {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
}
/* Primary button */
section.timeline notimeline.content a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.timeline notimeline.content a.button:hover {
opacity: .6;
}
section.timeline notimeline.content a.button {
display: inline-block;
margin: 25px 0 0;
}
/* Outline button */
section.timeline notimeline.content a.outline-button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 2px solid #0254A7;
color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 52px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
display: inline-block;
margin: 25px 0 0;
}
section.timeline notimeline.content a.outline-button:hover {
border-color: #000;
color: #000;
}
/* Solid button */
section.timeline notimeline.content a.solid-button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
display: inline-block;
margin: 25px 0 0;
min-height: 0;
}
section.timeline notimeline.content a.solid-button:hover {
color: #fff;
background-color: #000;
}
/* Simple button */
section.timeline notimeline.content a.simple-button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top / 10px 15px;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
min-height: 15px;
padding: 0 0 0 30px;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
transition: all .2s ease-in-out;
display: inline-block;
margin: 25px 0 0;
}
section.timeline notimeline.content a.simple-button:hover {
color: rgba(#000, .6);
}
/* Lists */
section.timeline notimeline.content ul, section.timeline notimeline.content ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.timeline notimeline.content ul li, section.timeline notimeline.content ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.timeline notimeline.content ul li::before, section.timeline notimeline.content ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.timeline notimeline.content ul li ul, section.timeline notimeline.content ul li ol, section.timeline notimeline.content ol li ul, section.timeline notimeline.content ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.timeline notimeline.content ul li:not(:last-of-type), section.timeline notimeline.content ol li:not(:last-of-type) {
margin-bottom: 9px;
}
section.timeline notimeline.content ul li p:last-of-type, section.timeline notimeline.content ol li p:last-of-type {
margin-bottom: 0;
}
section.timeline notimeline.content ul li::before, section.timeline notimeline.content ol li::before {
color: black;
}
section.timeline notimeline.content ul, section.timeline notimeline.content ol {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
padding-top: 8px;
}
section.timeline notimeline.content ul li:not(:last-of-type), section.timeline notimeline.content ol li:not(:last-of-type) {
margin-bottom: 4px;
}
section.timeline notimeline.content ol {
padding-left: 17px;
}
section.timeline notimeline.content ol > li {
list-style: decimal !important;
padding-left: 13px;
}
section.timeline notimeline.content ol > li::before {
display: none;
}
section.timeline notimeline.content ol ol li {
list-style: lower-latin !important;
}
/* Tooltip (info) */
section.timeline notimeline.content .tooltip {
cursor: help;
display: inline-block;
margin-left: 10px;
position: relative;
vertical-align: middle;
}
section.timeline notimeline.content .tooltip i.icon {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: #fff;
border: 1px solid #0054A4;
color: #0054A4;
background-color: transparent;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 13px;
min-width: 28px;
padding: 1px 2px 0 4px;
text-align: center;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
section.timeline notimeline.content .tooltip .text {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
border: 1px solid #C2C1C1;
color: #494949;
background-color: #fff;
opacity: 0;
padding: 6px 9px 7px;
top: 18px;
left: 0;
position: absolute;
text-align: center;
transform: translateX(calc(-50% + 14px));
transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);
visibility: hidden;
width: 180px;
z-index: 1;
}
section.timeline notimeline.content .tooltip .text p:not(:last-of-type) {
margin-bottom: 10px;
}
section.timeline notimeline.content .tooltip .text::after {
background: transparent url('/wbs2020/media/dist/img/tooltip-top-arrow.svg') no-repeat center / 12px 7px;
content: "";
margin: 0 auto;
top: -7px;
right: 0;
left: 0;
position: absolute;
width: 12px;
height: 7px;
text-align: center;
}
section.timeline notimeline.content .tooltip:hover .text {
opacity: 1;
visibility: visible;
}
/***************
* Lazy-loading
***************/
section.timeline.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.timeline.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
section.toggle-information {
position: relative;
padding: 0 0 56px;
}
section.toggle-information .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.toggle-information .container {
position: relative;
}
section.toggle-information p {
padding-bottom: 35px;
}
section.toggle-information p:last-child {
padding-bottom: 0;
}
section.toggle-information .toggle {
border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
margin-top: 35px;
display: flex;
align-items: center;
justify-content: center;
}
section.toggle-information .toggle span {
text-align: center;
padding: 15px 0;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 1.21px;
letter-spacing: 0.07563rem;
line-height: 29px;
line-height: 1.8125rem;
text-transform: uppercase;
display: flex;
align-items: center;
}
section.toggle-information .toggle span:after {
content: '';
background: transparent url(/media/dist/img/header-subpane-arrow-desktop.svg) no-repeat 50%/10px 15px;
right: 20px;
width: 10px;
height: 15px;
transform-origin: center;
transform: rotate(90deg);
margin-left: 10px;
}
section.toggle-information .columns {
overflow: hidden;
max-height: 200px;
transition: max-height 0s cubic-bezier(0, 1, 0, 1);
}
section.toggle-information .columns.open {
max-height: 1000px;
transition: max-height 0s ease-in-out;
}
section.toggle-information .columns.open+.toggle span:after {
content: '';
transform: rotate(270deg)
}
section.toggle-information .overlay {
opacity: 0.1;
color: #494949;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: -1.59px;
letter-spacing: -0.09938rem;
font-size: calc(80px + 47 * ((100vw - 420px) / 860));
font-size: calc(5rem + 47 * ((100vw - 26.25rem) / 860));
line-height: 1.220em;
display: none;
}
section.toggle-information h3 {
color: #125496;
font-family: 'Aleo', serif;
font-size: 26px;
font-size: 1.625rem;
letter-spacing: -0.19px;
letter-spacing: -0.01188rem;
line-height: 34px;
line-height: 2.125rem;
display: block;
padding-bottom: 21px;
}
section.toggle-information h2 {
max-width: 848px;
color: #232323;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
font-size: calc(20px + 12 * ((100vw - 420px) / 860));
font-size: calc(1.25rem + 12 * ((100vw - 26.25rem) / 860));
line-height: 1.4375em;
padding-bottom: 25px;
}
/**************************************************************
* Toggle Menus
**************************************************************/
section.toggle-menus {
padding: 45px 0 10px;
background-color: #F3F4F6;
}
section.toggle-menus .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.toggle-menus h2 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
margin-bottom: 25px;
}
section.toggle-menus .toggle {
margin-bottom: 25px;
}
section.toggle-menus .toggle.open .header .arrow:after {
transform: rotate(90deg);
}
section.toggle-menus .toggle.open .content {
max-height: -moz-max-content;
max-height: max-content;
}
section.toggle-menus .toggle .header {
cursor: pointer;
display: flex;
align-items: center;
background-color: #fff;
}
section.toggle-menus .toggle .header .icon {
height: 70px;
width: 70px;
margin-right: 15px;
}
section.toggle-menus .toggle .header .arrow {
height: 15px;
width: 25px;
position: relative;
margin-right: 15px;
border-right: 1px solid #E6EDF4;
}
section.toggle-menus .toggle .header .arrow:after {
content: "";
height: 100%;
width: 100%;
background: url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 8px center/7px 15px;
transform: rotate(270deg);
position: absolute;
}
section.toggle-menus .toggle .header .title {
font-size: calc(16px + 2 * ((100vw - 420px) / 860));
font-size: calc(1rem + 2 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1.2px;
letter-spacing: 0.075rem;
line-height: 22px;
line-height: 1.375rem;
text-transform: uppercase;
}
section.toggle-menus .toggle .content {
max-height: 0;
overflow: hidden;
font-family: 'Niramit', sans-serif;
background-color: #fff;
transition: max-height 0.15s ease-out;
}
section.toggle-menus .toggle .content .inner {
padding: 20px;
padding-bottom: 60px;
max-width: 800px;
}
section.toggle-menus .toggle .content strong {
font-weight: 700;
}
section.toggle-menus .toggle .content p {
margin-bottom: 1em;
}
section.toggle-menus .toggle .content p:last-child {
margin: 0;
}
/* Container */
section.video-carousel .container {
max-width: 800px;
margin: 0 auto;
padding: 0;
}
/* Controls + Progress Bar */
section.video-carousel .controls-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
margin-bottom: 1rem;
}
/* Buttons */
.video-carousel .controls {
display: flex;
}
.video-carousel .controls span {
cursor: pointer;
background-color: #0054A4;
padding: 8px 16px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 0px;
}
.video-carousel .controls .prev-btn {
margin-right: 4px;
}
.video-carousel .controls .next-btn {
margin-left: 4px;
}
/* Arrows inside buttons */
.video-carousel .controls span svg {
width: 24px;
height: 24px;
aspect-ratio: 1 / 1;
flex-shrink: 0;
}
/* Progress Bar */
.video-carousel .progress {
flex: 1 0 0;
display: flex;
height: 3px;
background-color: #B1B2B2;
border-radius: 0;
overflow: hidden;
min-width: 100px;
}
.video-carousel .progress-segment {
flex: 1 0 0;
background-color: #B1B2B2;
transition: background-color 0.3s ease-in-out;
height: 3px;
}
.video-carousel .progress-segment.active {
background-color: #0054A4;
}
/* Carousel Container */
section.video-carousel .carousel-slider {
position: relative;
width: 100%;
min-height: 400px;
}
section.video-carousel .carousel-card {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
/* Video */
section.video-carousel .video-wrapper {
width: 100%;
}
section.video-carousel .video-container {
width: 100%;
position: relative;
max-width: 800px;
margin: 0 auto;
}
section.video-carousel .video-container iframe {
width: 100%;
aspect-ratio: 16 / 9;
display: block;
}
/* Video Info */
section.video-carousel .video-info {
max-width: 800px;
margin: 0 auto;
text-align: left;
}
section.video-carousel .video-info h3 {
margin-top: 1em;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-size: 1.25rem;
font-style: normal;
font-weight: 600;
line-height: 36px;
line-height: 2.25rem;
}
section.video-carousel .video-info p {
margin-bottom: 1em;
color: #272727;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 24px;
line-height: 1.5rem;
}
/* Responsive Adjustments */
.social-networks-fixed {
display: none;
font-size: 0;
padding: 30px 10px 0 10px;
text-align: center;
top: 50%;
left: 0;
position: fixed;
transform: translateY(-50%);
width: 80px;
z-index: 999;
}
.social-networks-fixed li {
margin-bottom: 25px;
}
.social-networks-fixed li a {
display: inline-block;
margin: 0 auto;
transition: all .3s ease-in-out;
}
.social-networks-fixed li a img {
opacity: .4;
transition: all .3s ease-in-out;
transform: scale(1.5);
width: 100%;
}
.social-networks-fixed li a:hover img {
opacity: 1;
}
.social-networks-fixed li.twitter img {
max-width: 14px;
}
.social-networks-fixed li.fb img {
max-width: 9px;
}
.social-networks-fixed li.linkedin img {
max-width: 12px;
}
.social-networks-fixed li.youtube img {
max-width: 12px;
}
.social-networks-fixed li.instagram img {
max-width: 12px;
}
.social-networks-fixed li.tiktok img {
max-width: 14px;
}
/* END OF DOCUMENT */
/* Components */
/**************************************************************
* Appointment
**************************************************************/
article.appointment {
/* background: $c--tone-6; */
}
/* box-shadow: 0 1px 0 0 #ADBAC1; */
/**
* Toggle
*/
article.appointment header.toggle {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
min-height: 65px;
padding: 23px 22px;
position: relative;
text-transform: uppercase;
}
/* Arrow */
article.appointment header.toggle::after {
background: transparent url('/media/dist/img/tile-cta-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 20px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/**
* Content
*/
article.appointment main.inner {
display: none;
background: #F3F4F6;
padding: 0 22px;
}
/**
* Image
*/
article.appointment figure.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 0;
}
/* Image & link */
article.appointment figure.image a.src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
}
/* Hover */
article.appointment figure.image a.src:hover {
transform: scale(1.1);
}
/**
* Caption
*/
article.appointment .caption {
display: block;
padding: 24px 0 18px;
width: 100%;
}
/* Title */
article.appointment .caption span.title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;/*color: $c--22;*/
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
margin-bottom: 15px;
text-transform: uppercase;
}
/* Description */
article.appointment .caption .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
article.appointment .caption p {
display: block;
margin-bottom: 25px;
}
/* Formatting */
article.appointment .caption b, article.appointment .caption strong {
color: #000;
font-weight: 700;
}
article.appointment .caption i {
font-style: italic;
}
article.appointment .caption u {
text-decoration: underline;
}
/**
* Large (full width)
*/
/* END OF DOCUMENT */
/**************************************************************
* Blog
**************************************************************/
/**
* Image
*/
article.blog a.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 0;
}
article.blog a.image .src {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
transform: none;
transition: all .2s ease-in-out;
}
/* Hover */
article.blog a.image:hover .src {
transform: scale(1.1);
text-decoration: underline;
}
/**
* Caption
*/
article.blog .text {
display: block;
padding: 22px 0 0;
width: 100%;
}
/* Category */
article.blog .text .category i.colour {
display: inline-block;
margin: 2px 11px 0 0;
width: 8px;
height: 8px;
vertical-align: top;
}
article.blog .text .category span.label {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
vertical-align: top;
}
/* Title */
article.blog .text > span.title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #0254A7;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
margin-bottom: 10px;
text-transform: uppercase;
}
article.blog .text > span.title a:hover {
text-decoration: underline;
}
/* Excerpt */
article.blog .text .excerpt {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #242424;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
article.blog .text p {
display: block;
}
article.blog .text p:not(:last-of-type) {
margin-bottom: 32px;
}
/* Formatting */
article.blog .text b, article.blog .text strong {
color: #000;
font-weight: 700;
}
article.blog .text i {
font-style: italic;
}
article.blog .text u {
text-decoration: underline;
}
/* END OF DOCUMENT */
/**************************************************************
* Captioned thumbnail
**************************************************************/
/**
* Image
*/
article.captioned-thumbnail figure.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 0;
}
/* Play button */
article.captioned-thumbnail figure.image .play {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: rgba(53,64,69, .63) url('/wbs2020/media/dist/img/captioned-thumbnail-cta-play.svg') no-repeat center left 20px / 8px;
color: #fff;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
padding: 16px 25px 17px 45px;
bottom: 0;
left: 0;
position: absolute;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 1;
}
/* Image & link */
article.captioned-thumbnail figure.image a.src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
z-index: 0;
}
/* Hover */
article.captioned-thumbnail figure.image a.src:hover {
transform: scale(1.1);
}
/**
* Caption
*/
article.captioned-thumbnail .caption {
background: #F3F4F6;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
padding: 24px 24px 22px;
width: 100%;
}
/* Title */
article.captioned-thumbnail .caption span.title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #0254A7;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
margin-bottom: 10px;
text-transform: uppercase;
}
/* Description */
article.captioned-thumbnail .caption .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #242424;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
article.captioned-thumbnail .caption p {
display: block;
}
article.captioned-thumbnail .caption p:not(:last-of-type) {
margin-bottom: 32px;
}
/* Formatting */
article.captioned-thumbnail .caption b, article.captioned-thumbnail .caption strong {
color: #000;
font-weight: 700;
}
article.captioned-thumbnail .caption i {
font-style: italic;
}
article.captioned-thumbnail .caption u {
text-decoration: underline;
}
/* Button */
article.captioned-thumbnail .caption a.button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: #F3F4F6 url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left 0 top 0 / 10px 15px;
color: #000;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin-top: 24px;
padding-left: 26px;
text-transform: uppercase;
transition: all .2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
article.captioned-thumbnail .caption a.button:hover {
color: rgba(#000, .6);
}
article.captioned-thumbnail.reduce-inner-paddings {}
/* END OF DOCUMENT */
/**************************************************************
* Case study
**************************************************************/
/**
* Image
*/
article.case-study figure.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 0;
}
/* Label & play buttons */
article.case-study figure.image .label, article.case-study figure.image .play {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: rgba(53,64,69, .63);
color: #fff;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
padding: 16px 25px 17px;
bottom: 0;
left: 0;
position: absolute;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 1;
}
/* Play button */
article.case-study figure.image .play {
background: rgba(53,64,69, .63) url('/wbs2020/media/dist/img/captioned-thumbnail-cta-play.svg') no-repeat center left 20px / 8px;
padding-left: 45px;
}
/* Image & link */
article.case-study figure.image a.src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
z-index: 0;
}
/* Hover */
article.case-study figure.image a.src:hover {
transform: scale(1.1);
}
/**
* Caption
*/
article.case-study .text {
display: block;
padding: 26px 0 0;
width: 100%;
}
/* Category */
article.case-study .text .category {
font-size: 0;
margin-bottom: 18px;
}
article.case-study .text .category i.colour {
display: inline-block;
margin: 2px 11px 0 0;
width: 8px;
height: 8px;
vertical-align: top;
}
article.case-study .text .category span.label {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
vertical-align: top;
}
/* Title */
article.case-study .text > span.title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #0254A7;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
line-height: 1.45em;
margin-bottom: 16px;
text-transform: uppercase;
}
/* Quotation */
article.case-study .text blockquote {
font-size: 18px;
line-height: 1.645em;
font-size: 1.125rem;
line-height: 1.645em;
color: #0254A7;
display: block;
font-family: 'Aleo', serif;
position: relative;
}
article.case-study .text blockquote p:first-of-type::before {
content: "“";
font-size: 22px;
font-size: 1.375rem;
top: -4px;
left: -12px;
position: absolute;
}
/* Description */
article.case-study .text .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
article.case-study .text p {
display: block;
}
article.case-study .text p:not(:last-of-type) {
margin-bottom: 32px;
}
/* Formatting */
article.case-study .text b, article.case-study .text strong {
color: #000;
font-weight: 700;
}
article.case-study .text i {
font-style: italic;
}
article.case-study .text u {
text-decoration: underline;
}
/* Person */
article.case-study .text .person {
display: inline-block;
font-size: 0;
margin-top: 26px;
vertical-align: top;
width: calc(100% - 67px);
}
article.case-study .text .person .title {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
margin-bottom: 5px;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
}
article.case-study .text .person .sub {
color: #494949;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
}
/* END OF DOCUMENT */
/**************************************************************
* CTA tile
**************************************************************/
/**
* Image
*/
article.cta-tile-x3 figure.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 0;
}
/* Image & link */
article.cta-tile-x3 figure.image a.src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
z-index: 0;
}
/* Hover */
article.cta-tile-x3 figure.image a.src:hover {
transform: scale(1.1);
}
/**
* Text area
*/
article.cta-tile-x3 .text {
display: block;
background: #F5F6F8;
box-shadow: 0 1px 0 0 #CCD4D8;
padding: 40px 30px 60px;
width: 100%;
}
/* Title */
article.cta-tile-x3 .text > span.title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #125496;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
margin-bottom: 18px;
text-transform: uppercase;
}
/* Description */
article.cta-tile-x3 .text .description {
font-size: calc(15px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.9375rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #535353;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
article.cta-tile-x3 .text p {
display: block;
}
article.cta-tile-x3 .text p:not(:last-of-type) {
margin-bottom: 32px;
}
/* Formatting */
article.cta-tile-x3 .text b, article.cta-tile-x3 .text strong {
color: #000;
font-weight: 700;
}
article.cta-tile-x3 .text i {
font-style: italic;
}
article.cta-tile-x3 .text u {
text-decoration: underline;
}
/* Link */
article.cta-tile-x3 .text .link {
display: block;
margin-top: 30px;
}
article.cta-tile-x3 .text .link a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top / 10px 15px;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
min-height: 15px;
padding: 0 0 0 30px;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
/* END OF DOCUMENT */
/**************************************************************
* CTA tile
**************************************************************/
/**
* Image
*/
article.cta-tile figure.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 0;
}
/* Image & link */
article.cta-tile figure.image a.src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
z-index: 0;
}
/* Hover */
article.cta-tile figure.image a.src:hover {
transform: scale(1.1);
}
/**
* Text area
*/
article.cta-tile .text {
display: block;
background: #F5F6F8;
box-shadow: 0 1px 0 0 #CCD4D8;
padding: 40px 20px 60px;
width: 100%;
}
/* Title */
article.cta-tile .text > span.title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #125496;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
margin-bottom: 18px;
text-transform: uppercase;
}
/* Description */
article.cta-tile .text .description {
font-size: calc(15px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.9375rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #535353;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
article.cta-tile .text p {
display: block;
}
article.cta-tile .text p:not(:last-of-type) {
margin-bottom: 32px;
}
/* Formatting */
article.cta-tile .text b, article.cta-tile .text strong {
color: #000;
font-weight: 700;
}
article.cta-tile .text i {
font-style: italic;
}
article.cta-tile .text u {
text-decoration: underline;
}
/* Link */
article.cta-tile .text .link {
display: block;
margin-top: 30px;
}
article.cta-tile .text .link a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top / 10px 15px;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
min-height: 15px;
padding: 0 0 0 30px;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
/* END OF DOCUMENT */
/**************************************************************
* Event
**************************************************************/
article.event-exec-ed {
background: #fff;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
}
article.event-exec-ed:not(:last-of-type) {
margin-bottom: 12px;
}
/***
* Header
*/
article.event-exec-ed header {
align-items: stretch;
display: flex;
justify-content: flex-start;
overflow: hidden;
position: relative;
}
article.event-exec-ed header aside.date {
align-items: center;
color: #fff;
background-color: #637465;
display: inline-flex;
flex: 0 0 80px;
justify-content: center;
padding: 0 15px 2px;
text-align: center;
vertical-align: top;
}
article.event-exec-ed header aside.date .date-inner {
margin: auto;
}
article.event-exec-ed header aside.date span {
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
article.event-exec-ed header aside.date span.day {
font-size: 32px;
line-height: 1em;
font-size: 2rem;
line-height: 1em;
margin-bottom: 2px;
}
article.event-exec-ed header aside.date span.month {
font-size: 18px;
line-height: 1em;
font-size: 1.125rem;
line-height: 1em;
text-transform: uppercase;
}
article.event-exec-ed header .meta {
align-items: center;
display: inline-flex;
flex: 1 1 calc(100% - 80px);
justify-content: flex-start;
padding: 12px 20px;
vertical-align: top;
}
article.event-exec-ed header .meta .meta-inner {
margin: auto 0;
}
article.event-exec-ed header .meta span {
display: block;
}
article.event-exec-ed header .meta span.title {
color: #637465;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 1.1em;
font-size: 0.9375rem;
line-height: 1.1em;
font-weight: 700;
letter-spacing: .10175em;
margin-bottom: 1px;
text-transform: uppercase;
}
article.event-exec-ed header .meta span.type,
article.event-exec-ed header .meta span.location {
color: #010101;
font-size: 14px;
line-height: 1.5em;
font-size: 0.875rem;
line-height: 1.5em;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
line-height: 1.375em;
}
article.event-exec-ed header::after {
background: rgba(#979797, .35);
content: "";
display: block;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 1px;
}
/***
* Main (description)
*/
article.event-exec-ed main {
padding: 15px 20px 20px;
}
/* More info (mobile) */
article.event-exec-ed main .more-info {
display: block;
margin: 0 auto;
text-align: center;
}
article.event-exec-ed main .more-info span {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #000;
cursor: pointer;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
padding: 5px 30px 5px 5px;
position: relative;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* Arrow */
article.event-exec-ed main .more-info span::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 18px 12px;
content: "";
margin: auto 0;
top: 0;
right: 0;
bottom: 0;
position: absolute;
width: 18px;
height: 12px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/* Description */
article.event-exec-ed main .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
article.event-exec-ed main .description p div.box {
display: none;
}
/***
* Footer (permalink)
*/
article.event-exec-ed footer {
padding: 0 30px 30px;
}
/* END OF DOCUMENT */
/**************************************************************
* Event
**************************************************************/
article.event {
background: #fff;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
}
article.event:not(:last-of-type) {
margin-bottom: 12px;
}
/***
* Header
*/
article.event header {
align-items: stretch;
display: flex;
justify-content: flex-start;
overflow: hidden;
position: relative;
}
article.event header aside.date {
align-items: center;
color: #fff;
background-color: #0254A7;
display: inline-flex;
flex: 0 0 80px;
justify-content: center;
padding: 0 15px 2px;
text-align: center;
vertical-align: top;
}
article.event header aside.date .date-inner {
margin: auto;
}
article.event header aside.date span {
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
article.event header aside.date span.day {
font-size: 32px;
line-height: 1em;
font-size: 2rem;
line-height: 1em;
margin-bottom: 2px;
}
article.event header aside.date span.month {
font-size: 18px;
line-height: 1em;
font-size: 1.125rem;
line-height: 1em;
text-transform: uppercase;
}
article.event header .meta {
align-items: center;
display: inline-flex;
flex: 1 1 calc(100% - 80px);
justify-content: flex-start;
padding: 12px 20px;
vertical-align: top;
}
article.event header .meta .meta-inner {
margin: auto 0;
}
article.event header .meta span {
display: block;
}
article.event header .meta span.title {
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 1.1em;
font-size: 0.9375rem;
line-height: 1.1em;
font-weight: 700;
letter-spacing: .10175em;
margin-bottom: 1px;
text-transform: uppercase;
}
article.event header .meta span.type,
article.event header .meta span.location {
color: #010101;
font-size: 14px;
line-height: 1.5em;
font-size: 0.875rem;
line-height: 1.5em;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
line-height: 1.375em;
}
article.event header::after {
background: rgba(#979797, .35);
content: "";
display: block;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 1px;
}
/***
* Main (description)
*/
article.event main {
padding: 15px 20px 20px;
}
/* More info (mobile) */
article.event main .more-info {
display: block;
margin: 0 auto;
text-align: center;
}
article.event main .more-info span {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #000;
cursor: pointer;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
padding: 5px 30px 5px 5px;
position: relative;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* Arrow */
article.event main .more-info span::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 18px 12px;
content: "";
margin: auto 0;
top: 0;
right: 0;
bottom: 0;
position: absolute;
width: 18px;
height: 12px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/* Description */
article.event main .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
article.event main .description p div.box {
display: none;
}
/***
* Footer (permalink)
*/
article.event footer {
padding: 0 30px 30px;
}
/* END OF DOCUMENT */
article.grey-cta {
padding: 30px;
background-color: #F3F4F6;
box-shadow: 0 1px 0 0 #ADBAC1;
}
article.grey-cta h3 {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
margin-bottom: 15px;
}
article.grey-cta .description {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
color: #1C1E20;
font-family: 'Niramit', sans-serif;
letter-spacing: -0.16px;
letter-spacing: -0.01rem;
}
article.grey-cta .description strong {
font-weight: 700;
}
/**************************************************************
* Indexed programme item
**************************************************************/
article.index-programme {
background: #fff;background: #FFFFFF;
box-shadow: 0 19px 30px 0 rgba(49,61,85,.11);
display: block;
margin-bottom: 12px;
overflow: hidden;
padding: 35px 30px 28px;
position: relative;
transition: all .2s ease-in-out;
width: 100%;
}
/* Category */
article.index-programme .category {
font-size: 9px;
line-height: .9rem;
font-size: 0.5625rem;
line-height: .9rem;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
display: block;
letter-spacing: .10225em;
margin-bottom: 20px;
padding-left: 18px;
position: relative;
text-transform: uppercase;
}
article.index-programme .category::before {
background: #859297;
content: "";
top: 3px;
left: 0;
position: absolute;
width: 7px;
height: 7px;
}
/* Title */
article.index-programme .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #111111;
font-family: 'Montserrat', sans-serif;
display: block;
font-weight: 700;
margin-bottom: 20px;
min-height: 22px;
}
/* Table */
article.index-programme ul.table {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
display: block;
font-family: 'Montserrat', sans-serif;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* Row */
article.index-programme ul.table li.row {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding: 10px 0;
}
article.index-programme ul.table li.row span {
display: inline-block;
flex: 1 0 calc(50% - 10px);
max-width: calc(50% - 10px);
vertical-align: top;
}
article.index-programme ul.table li.row span.label {
color: #000;
font-weight: 700;
text-align: left;
}
article.index-programme ul.table li.row span.value {
color: #494949;
text-align: right;
}
article.index-programme ul.table li.row:not(:last-of-type) {
border-bottom: 1px solid rgba(151,151,151, .3);
}
/* Permalink */
article.index-programme a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/**
* Hover
*/
article.index-programme:hover {
box-shadow: 0 19px 30px 0 rgba(49,61,85,.2);
}
/* Title */
article.index-programme:hover .title {
text-decoration: underline;
}
/* END OF DOCUMENT */
.ranking {
background-color: #fff;
border-bottom: 2px solid #9CB5CB;
width: 100%;
box-sizing: border-box;
}
/*
* Grey background.
*/
.ranking.style--1 {
background-color: #F3F4F6;
border: 0;
margin-right: 1px;
max-width: 304px;
flex: 0 0 304px;
}
.ranking.style--1:nth-of-type(odd) {
border-right: 0;
}
.ranking.style--1 .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
padding: 0;
margin: 0;
min-height: unset;
text-transform: uppercase;
margin-bottom: 25px;
color: #0B63AF;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 0.9px;
letter-spacing: 0.05625rem;
}
.ranking.style--1 .title:before {
display: none;
}
.ranking.style--1 .wrap {
flex-wrap: nowrap;
flex-direction: column;
}
.ranking.style--1 .wrap .caption {
padding: 0 30px 60px;
max-width: 100%;
flex: 1;
}
.ranking.style--1:not(:last-of-type) {
border-right: 0;
}
.ranking .wrap {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.ranking .wrap .image {
align-items: flex-start;
box-sizing: border-box;
display: flex;
justify-content: center;
flex: 0 0 28%;
max-width: 28%;
padding-top: 30px;
position: relative;
width: 100%;
height: 100%;
}
.ranking .wrap .image span.figure {
color: #fff;
background-color: #0054A4;
border-radius: 100%;
display: block;
font-family: 'Aleo', serif;
font-size: 18px;
line-height: 1em;
font-size: 1.125rem;
line-height: 1em;
font-weight: 700;
padding-top: 6px;
top: 31px;
right: calc(50% - 35px);
position: absolute;
width: 28px;
height: 28px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ranking .wrap .caption {
box-sizing: border-box;
flex: 0 0 68%;
font-size: 0;
height: 100%;
max-width: 68%;
padding: 32px 0 35px;
width: 100%;
}
.ranking .title {
color: #0B63AF;
font-family: 'Aleo', serif;
font-size: 20px;
line-height: 26px;
font-size: 1.25rem;
line-height: 1.625rem;
font-weight: 700;
letter-spacing: .1px;
letter-spacing: 0.00625rem;
margin: 0 0 11px;
padding-right: 15px;
position: relative;
}
.ranking b {
color: #000;
font-size: 14px;
line-height: 18px;
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: 700;
display: block;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
margin: 0;
}
.ranking p {
color: #000;
display: block;
font-size: 14px;
line-height: 16px;
font-size: 0.875rem;
line-height: 1rem;
font-weight: 400;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
margin: 3px 0 0;
}
/**************************************************************
* Testimonial
**************************************************************/
article.testimonial {
align-items: stretch;
background: #F3F4F6;
box-shadow: 0 1px 0 0 #ADBAC1;
display: flex;
flex-direction: column;
width: 100%;
}
/**
* Image
*/
article.testimonial figure.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 0;
}
/* Play button */
article.testimonial figure.image .play {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: rgba(53,64,69, .63) url('/wbs2020/media/dist/img/captioned-thumbnail-cta-play.svg') no-repeat center left 20px / 8px;
color: #fff;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
padding: 16px 25px 17px 45px;
bottom: 0;
left: 0;
position: absolute;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 1;
}
/* Image & link */
article.testimonial figure.image a.src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
z-index: 0;
}
/* Hover */
article.testimonial figure.image a.src:hover {
transform: scale(1.1);
}
/**
* Caption (text)
*/
article.testimonial .caption {
align-items: flex-start;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding: 22px 38px 34px;
width: 100%;
}
/* Quote */
article.testimonial .quote {
font-size: 18px;
line-height: 1.645em;
font-size: 1.125rem;
line-height: 1.645em;
color: #0254A7;
font-family: 'Aleo', serif;
overflow: visible;
position: relative;
}
article.testimonial .quote::before {
color: inherit;
content: "\201C";
font-size: 22px;
font-size: 1.375rem;
top: 0px;
left: -10px;
position: absolute;
}
/* Person */
article.testimonial .person {
display: inline-block;
font-size: 0;
margin-top: 30px;
vertical-align: top;
width: calc(100% - 67px);
}
/* Image */
article.testimonial .person .avatar {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 100%;
display: inline-block;
margin-right: 17px;
width: 50px;
height: 50px;
vertical-align: top;
}
/* Text */
article.testimonial .person .text {
display: inline-block;
vertical-align: top;
width: calc(100% - 67px);
}
article.testimonial .person .text .title {
color: #000;
font-size: 13px;
line-height: 17px;
font-size: 0.8125rem;
line-height: 1.0625rem;
font-weight: 700;
display: block;
margin-bottom: 5px;
letter-spacing: -.16px;
letter-spacing: -0.01rem;
}
article.testimonial .person .text .sub {
color: #494949;
display: block;
font-size: 14px;
line-height: 20px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: -.17px;
letter-spacing: -0.01063rem;
}
/* END OF DOCUMENT */
/**************************************************************
* Event information
**************************************************************/
aside.event-information {
padding: 30px;
max-width: 800px;
margin: auto auto 30px;
background-color: #F0F3F5;
box-shadow: 0 1px 0 0 #CCD4D8;
}
aside.event-information .host {
display: flex;
padding-bottom: 15px;
border-bottom: 1px solid #DBDBDB;
}
aside.event-information .host .image {
height: 51px;
max-width: 51px;
border-radius: 100px;
margin-right: 15px;
overflow: hidden;
}
aside.event-information .host .information {
@extend: %ts--11;
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
font-family: 'Niramit', sans-serif;
line-height: 1.5em;
}
aside.event-information .host .information .role {
color: #494949;
}
aside.event-information .host .information .name {
color: #125495;
font-size: 16px;
font-size: 1rem;
font-weight: 700;
text-decoration: none
}
aside.event-information .date {
@extend: %ts--11;
color: #494949;
font-family: 'Niramit', sans-serif;
padding: 10px 0;
max-width: 172px;
}
aside.event-information .cta {
padding-top: 15px;
margin: 0 0 0 auto;
min-width: 190px;
}
aside.event-information .cta a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
aside.event-information .cta a span {
overflow: visible;
position: relative;
}
aside.event-information .cta a span::after {
background: transparent url('/wbs2020/media/dist/img/button-external.svg') no-repeat center / 6px;
content: "";
top: 0px;
right: -10px;
position: absolute;
width: 6px;
height: 6px;
}
aside.event-information .cta a span {
top: -5px;
}
/**************************************************************
* Independent content sidebar (responsive / when moved on the page)
**************************************************************/
aside.indepenent-content-sidebar {
margin-bottom: 45px;
position: relative;
}
aside.indepenent-content-sidebar.mobile-padding-sides {
padding-right: 11px;
padding-left: 11px;
}
/**
* Blocks
*/
aside.indepenent-content-sidebar .sidebar-block:not(:last-of-type) {
margin-bottom: 45px;
}
/* Title */
aside.indepenent-content-sidebar .sidebar-block .block-title {
font-size: 22px;
line-height: 1.2em;
font-size: 1.375rem;
line-height: 1.2em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -.33px;
letter-spacing: -0.02063rem;
margin-bottom: 20px;
}
/***************
* Display classes
***************/
/* END OF DOCUMENT */
aside.map-location .title {
margin-bottom: 10px;
}
aside.map-location .title h2 {
color: #111111;
font-family: 'Montserrat', sans-serif;
font-size: 22px;
font-size: 1.375rem;
font-weight: 600;
letter-spacing: -0.31px;
letter-spacing: -0.01938rem;
}
aside.map-location .map {
display: flex;
}
aside.map-location .map iframe {
width: 100%;
}
aside.map-location .information {
background-color: #F0F3F5;
box-shadow: 0 1px 0 0 #CCD4D8;
padding: 20px 30px 10px;
color: #282A2A;
font-family: 'Niramit', sans-serif;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: -0.17px;
letter-spacing: -0.01063rem;
line-height: 23px;
line-height: 1.4375rem;
}
aside.map-location .permalink a {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: flex-start;
background: #F3F4F6 url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left 0 top 24px / 10px 15px;
color: #1C1E20;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
min-height: 62px;
padding: 10px 25px;
transition: all .25s ease;
width: 100%;
}
aside.map-location .permalink a:not(:last-of-type) {
margin-bottom: 6px;
}
aside.map-location .permalink a:not(.has-description) {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
}
aside.map-location .permalink a.has-description .title {
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
}
aside.map-location .permalink a.has-description .description {
font-size: calc(13px + 1 * ((100vw - 420px) / 860));
font-size: calc(0.8125rem + 1 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
color: #535353;
display: block;
font-family: 'Niramit', sans-serif;
margin-top: 8px;
}
aside#promo .mura-region-local {
display: grid;
grid-template-columns: repeat(2, 47.6vw);
grid-gap: 2vw;
}
aside#promo .mura-region-local article.captioned-thumbnail .caption {
min-height: 150px;
}
div.accordion-component {
width: 100%;
position: relative;
}
div.accordion-component h2.title {
font-size: calc(18px + 8 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 8 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin: -7px 0 17px;
}
div.accordion-component .accordion-item-header {
cursor: pointer;
display: flex;
align-items: center;
margin-top: 30px;
}
div.accordion-component .accordion-item-header.open .arrow:after {
transform: rotate(90deg);
}
div.accordion-component .accordion-item-header:first-child {
margin-top: 0;
}
div.accordion-component .accordion-item-header .arrow {
height: 15px;
width: 25px;
position: relative;
margin-right: 15px;
margin-left: -6px;
}
div.accordion-component .accordion-item-header .arrow:after {
content: "";
height: 100%;
width: 100%;
background: url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 8px center/10px 15px;
transform: rotate(0deg);
position: absolute;
}
div.accordion-component .accordion-item-header .title {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
color: #464647;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
text-transform: uppercase;
margin: 0;
}
div.accordion-component .accordion-item-description {
overflow: hidden;
overflow-y: hidden;
font-family: 'Niramit', sans-serif;
transition: max-height 0.15s ease-out;/*height: 0;*/
max-height: 0px;
max-width: 100%;
}
div.accordion-component .accordion-item-description.open {
max-height: 400px;
}
div.accordion-component .accordion-item-description.scroll {
overflow-y: auto;
}
div.accordion-component .accordion-item-description .inner {
padding-left: 0;
padding-top: 20px;
padding-bottom: 10px;
}
div.accordion-component .accordion-item-description strong {
font-weight: 700;
}
div.accordion-component .accordion-item-description p {
margin-bottom: 1em;
}
div.accordion-component .accordion-item-description p:last-child {
margin: 0;
}
/**************************************************************
* Large background text
**************************************************************/
.large-bg-text {
color: rgba(154,154,154,.08);
display: none;
font-family: 'Montserrat', sans-serif;
font-size: 280px;
line-height: 1em;
font-size: 17.5rem;
line-height: 1em;
font-weight: 600;
letter-spacing: -.05em;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 0;
}
/* END OF DOCUMENT */
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1;
}
}
div.modal-event {
background-color: rgb(4 13 21/52%);
overflow: scroll;
z-index: 99999;
position: fixed;
height: 100%;
width: 100%;
top: 0;
display: none;
padding: 6vw 4vw;
}
div.modal-event.hide {
display: block;
animation: fadeOut 0.5s;
animation-fill-mode: forwards;
}
div.modal-event.open {
display: block;
animation: fadeIn 0.5s
}
div.modal-event header {
padding: 25px 20px;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #111111;
}
div.modal-event header h2 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
font-size: calc(20px + 6 * ((100vw - 420px) / 860));
font-size: calc(1.25rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
}
div.modal-event header .close {
width: 25px;
height: 25px;
cursor: pointer;
display: flex;
align-items: center;
}
div.modal-event header .close:before{
content: '';
height: 2px;
background-color: #fff;
width: 25px;
transform: rotate(45deg);
position: absolute;
}
div.modal-event header .close:after{
content: '';
height: 2px;
background-color: #fff;
width: 25px;
transform: rotate(-45deg);
position: absolute;
}
div.modal-event .inner {
width: 95%;
z-index: 20;
max-width: 969px;
overflow: scroll;
margin: auto;
}
div.modal-event .tab-content {
padding: 1em 0;
}
div.modal-event label {
opacity: 0.4;
color: #111111;
width: 50px;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 600;
line-height: normal;
letter-spacing: 0.71px;
letter-spacing: 0.04438rem;
text-transform: uppercase;
}
div.modal-event form input[type='text'], div.modal-event form input[type='tel'], div.modal-event form input[type='email'], div.modal-event form input[type='url'], div.modal-event form input[type='password'], div.modal-event form textarea {}
div.modal-event form textarea {
height: 0;
max-height: 400px;
min-height: 120px;
resize: vertical;
}
div.modal-event form input[type='text']:hover, div.modal-event form input[type='text']:hover:focus, div.modal-event form input[type='tel']:hover, div.modal-event form input[type='tel']:hover:focus, div.modal-event form input[type='email']:hover, div.modal-event form input[type='email']:hover:focus, div.modal-event form input[type='url']:hover, div.modal-event form input[type='url']:hover:focus, div.modal-event form input[type='password']:hover, div.modal-event form input[type='password']:hover:focus, div.modal-event form textarea:hover, div.modal-event form textarea:hover:focus {}
div.modal-event form input[type='text'], div.modal-event form input[type='tel'], div.modal-event form input[type='email'], div.modal-event form input[type='url'], div.modal-event form input[type='password'], div.modal-event form textarea {
box-sizing: border-box;
padding: 15px;
border: 1px solid #DBDBDB;
background-color: #fff;
}
div.modal-event form input[type='text']:hover, div.modal-event form input[type='text']:hover:focus, div.modal-event form input[type='tel']:hover, div.modal-event form input[type='tel']:hover:focus, div.modal-event form input[type='email']:hover, div.modal-event form input[type='email']:hover:focus, div.modal-event form input[type='url']:hover, div.modal-event form input[type='url']:hover:focus, div.modal-event form input[type='password']:hover, div.modal-event form input[type='password']:hover:focus, div.modal-event form textarea:hover, div.modal-event form textarea:hover:focus {}
div.modal-event form {
width: 100%;
}
div.modal-event form input {
width: 100%;
}
div.modal-event form a {
color: #125495;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.57px;
letter-spacing: 0.03563rem;
line-height: 28px;
line-height: 1.75rem;
text-transform: uppercase;
display: block;
width: 100%;
text-align: center;
}
div.modal-event .col {
width: 100%;
}
div.modal-event .content {
padding: 20px;
background: #F0F3F5;
}
div.modal-event .content .header {
display: none;
margin-bottom: 20px;
}
div.modal-event .content .header.single {
justify-content: end;
}
div.modal-event .content .header.single label {
width: 100%;
}
div.modal-event .content .header .col {
display: flex;
align-items: center;
}
div.modal-event .content .box {
padding: 20px;
margin-bottom: 20px;
color: #111111;
background-color: #fff;
}
div.modal-event .content .box strong {
font-weight: 600;
}
div.modal-event .content .box.flex-column {
flex-direction: column;
}
div.modal-event .content .box .permalink a {
color: #125495;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.57px;
letter-spacing: 0.03563rem;
line-height: 28px;
line-height: 1.75rem;
text-transform: uppercase;
}
div.modal-event .content .box h3 {
font-size: calc(18px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 10px;
}
div.modal-event .content .box .date {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #111111;
font-family: 'Montserrat', sans-serif;
margin-bottom: 15px;
}
div.modal-event .content .box .date strong {
display: block;
font-weight: 600;
}
div.modal-event .content .box .row {
display: flex;
margin-bottom: 10px;
align-items: center;
font-family: 'Montserrat', sans-serif;
}
div.modal-event .content .box .row label {
min-width: 70px;
}
div.modal-event .content .box .row .field {
color: #111111;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 600;
}
div.modal-event .content .box .row .field input {
padding: 5px 8px;
border: 1px solid #DBDBDB;
}
div.modal-event .content button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
div.modal-event .content button span {
overflow: visible;
position: relative;
}
div.modal-event .content button span::after {
background: transparent url('/wbs2020/media/dist/img/button-external.svg') no-repeat center / 6px;
content: "";
top: 0px;
right: -10px;
position: absolute;
width: 6px;
height: 6px;
}
div.modal-event .content button {
width: 100%;
min-width: 200px;
margin-bottom: 20px;
}
div.modal-event .content button:last-child {
margin-bottom: 0;
}
div.modal-event .content button.inline {
display: inline-flex;
width: -moz-max-content;
width: max-content;
}
div.modal-event .content button.margin-top {
margin-top: 40px;
}
div.modal-event .content button.black {
background-color: #111111;
}
/**************************************************************
* Modal (FancyBox)
**************************************************************/
.fancybox-slide--html { padding: 11px; }
.modal {
color: #494949;
background-color: #fff;
max-width: 1220px;
overflow: hidden;
padding: 20px calc(11px * 2) 55px;
text-align: left;
width: 100%;
}
/**
* Header
*/
.modal header.modal-head {
margin-bottom: 30px;
}
/* Title */
.modal header.modal-head .title {
color: #000;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 40px;
font-size: 1.125rem;
line-height: 2.5rem;
font-weight: 600;
}
/**
* Content
*/
.modal main.modal-content {
margin: 0 auto;
max-width: 1020px;
text-align: left;
width: 100%;
}
/**
* Text area
*/
.modal .textarea h2, .modal .textarea h3, .modal .textarea h4, .modal .textarea h5, .modal .textarea h6 {
color: #111111;
}
.modal .textarea h2, .modal .textarea h3, .modal .textarea h5, .modal .textarea h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.modal .textarea h2 {
font-size: calc(21px + 11 * ((100vw - 420px) / 860));
font-size: calc(1.3125rem + 11 * ((100vw - 26.25rem) / 860));
line-height: 1.4em;
margin-bottom: 21px;
}
.modal .textarea h2.alt--01 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
}
.modal .textarea h3 {
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 20px;
}
.modal .textarea h4 {
font-family: 'Niramit', sans-serif;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 20px;
}
.modal .textarea h5 {
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 12px;
}
.modal .textarea h6 {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 9px;
}
.modal .textarea p {
display: block;
margin-bottom: 32px;
}
.modal .textarea b, .modal .textarea strong {
color: #000;
font-weight: 700;
}
.modal .textarea i {
font-style: italic;
}
.modal .textarea u {
text-decoration: underline;
}
.modal .textarea a {
color: #0B63AF;/*text-decoration: underline;*/
transition: all .2s ease-in-out;
}
.modal .textarea a:hover {
text-decoration: underline;
}
.modal .textarea blockquote {
font-size: calc(22px + 4 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #0B63AF;
display: block;
font-family: 'Aleo', serif;
font-weight: 400;
margin: 0 auto 50px;
max-width: 550px;
padding: 10px 0 0 14px;
width: 100%;
}
.modal .textarea blockquote p {
display: block;
overflow: visible;
position: relative;
}
.modal .textarea blockquote p::before {
display: inline-block;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
top: -2px;
left: -14px;
position: absolute;
}
.modal .textarea blockquote p:first-of-type::before {
content: "“";
}
.modal .textarea blockquote p:last-of-type::after {
content: '"';
}
.modal .textarea ul, .modal .textarea ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
.modal .textarea ul li, .modal .textarea ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
.modal .textarea ul li::before, .modal .textarea ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
.modal .textarea ul li ul, .modal .textarea ul li ol, .modal .textarea ol li ul, .modal .textarea ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
.modal .textarea ul li:not(:last-of-type), .modal .textarea ol li:not(:last-of-type) {
margin-bottom: 9px;
}
.modal .textarea ul li p:last-of-type, .modal .textarea ol li p:last-of-type {
margin-bottom: 0;
}
.modal .textarea ul li::before, .modal .textarea ol li::before {
color: black;
}
.modal .textarea ol {
padding-left: 17px;
}
.modal .textarea ol > li {
list-style: decimal !important;
padding-left: 13px;
}
.modal .textarea ol > li::before {
display: none;
}
.modal .textarea ol ol li {
list-style: lower-latin !important;
}
.modal .textarea figcaption {
margin-bottom: 30px;
font-size: 95%;
font-style: italic;
}
.modal .textarea em, .modal .textarea em a {
font-style: italic;
}
.modal .textarea p {
margin-bottom: 22px;
}
/**
* Filters
*/
.modal .filters {
font-style: 0;
}
.modal .filters .input-group {
border-bottom: 1px solid rgba(151,151,151,.2);
display: block;
margin-bottom: 5px;
}
/* Title */
.modal .filters .input-group > .title {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #090909;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .0725em;
padding: 18px 0 20px;
position: relative;
text-transform: uppercase;
}
/* Arrow */
.modal .filters .input-group > .title::after {
background: transparent url('/media/dist/img/index-accordion-arrow.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
right: 2px;
bottom: 0;
position: absolute;
width: 10px;
height: 15px;
transition: transform .5s ease;
transform-origin: center;
transform: rotate(90deg);
}
/* Inputs */
.modal .filters .input-group .group-list {
display: none;
padding-bottom: 20px;
}
.modal .filters .input-group ul {
display: block;
}
/* Input */
.modal .filters .input-group ul li {
margin-bottom: 6px;
overflow: hidden;
position: relative;
}
.modal .filters .input-group ul li input {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100% !important;
height: 100% !important;
}
.modal .filters .input-group ul li input:checked + label {
border-color: #03ADEF;
color: #fff;
background-color: #03ADEF;
}
.modal .filters .input-group ul li input:hover + label {
border-color: #03ADEF;
}
.modal .filters .input-group ul li label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #1C1E20;
background-color: #fff;
display: inline-flex;
font-family: 'Montserrat';
font-weight: 700;
height: 100%;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin: 0;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 8px 20px;
width: 100%;
}
.modal .filters .input-group ul li input:disabled {
cursor: unset;
}
.modal .filters .input-group ul li input:disabled + label {
color: #fff;
background-color: #CCD4D8;
}
.modal .filters .input-group ul li input:disabled:hover + label {
border-color: #dcdcdc;
}
.modal .filters .input-group ul li {
display: block;
padding: 0;
}
.modal .filters .input-group ul li label {
background: #F5F6F8;
text-align: left;
}
.modal .filters .input-group ul li label .count {
color: #909090;
top: 15px;
right: 20px;
position: absolute;
text-align: right;
}
/**
* Submit button
*/
.modal .filters .submit {
display: block;
margin-top: 25px;
}
.modal .filters .submit button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);
color: #fff;
background-color: #242525;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in;
margin: 0;
min-height: 90px;
padding: 14px 20px 15px;
width: 100%;
}
/* Disabled */
.modal .filters .submit button:disabled {
opacity: .17;
}
/**
* Close button
*/
.modal button.fancybox-button {
background: transparent url('/wbs2020/media/dist/img/modal-exit.svg') no-repeat center / 32px;
margin: 0 auto;
padding: 0;
top: 20px;
right: 17px;
position: absolute;
width: 32px;
height: 32px;
text-align: center;
}
.modal button.fancybox-button svg {
display: none;
}
/**
* Background
*/
.fancybox-bg { background: rgba(39,39,39, .45); }
/**
* Wrapper
*/
/**
* 'Compensate' for scrollbar
*/
body.compensate-for-scrollbar { margin-right: 0 !important; }
/* END OF DOCUMENT */
/**************************************************************
* Page identification
**************************************************************/
.page-identify {
box-shadow: 0 0 20px 5px rgba(0,0,0,.5);
color: #000;
background-color: #fff;
cursor: help;
margin: auto 0;
max-width: 250px;
padding: 14px 20px 15px 35px;
top: 200px;
right: 0;
position: fixed;
transform: translateX(calc(100% - 30px));
transition: all .3s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 99999;
}
.page-identify::before {
background: transparent url('/wbs2020/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat center / 10px 15px;
content: "";
margin: auto 0;
top: 0;
bottom: 0;
left: 10px;
position: absolute;
width: 10px;
height: 15px;
transform: rotate(180deg);
transform-origin: center;
transition: all .3s ease;
}
.page-identify span {
display: block;
line-height: 1.2em;
}
.page-identify span.label {
font-size: 13px;
font-size: 0.8125rem;
opacity: .5;
}
.page-identify span.page {
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
margin-top: 4px;
}
.page-identify:hover {
transform: translateX(0);
}
.page-identify:hover::before {
transform: none;
}
/* END OF DOCUMENT */
/**************************************************************
* Hero: video banner
**************************************************************/
section.video-banner .hero-media {
height: 380px;
overflow: hidden;
position: relative;
z-index: 5000;
}
section.video-banner .hero-media video {
width: 100%;
}
section.video-banner .hero-media .hero-mute {
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
top: 10px;
color: white;
cursor: pointer;
display: flex;
height: 44px;
justify-content: center;
left: 25px;
padding: 0;
position: absolute;
width: 44px;
z-index: 1;
border-radius: 50%;
transition: background-color 0.3s ease;
}
section.video-banner .hero-media .hero-mute:focus,
section.video-banner .hero-media .hero-mute:hover {
color: black;
}
section.video-banner .hero-media .hero-mute .icon-mute,
section.video-banner .hero-media .hero-mute .icon-unmute {
fill: white;
}
section.video-banner .hero-media .hero-mute .icon-mute {
display: block;
}
section.video-banner .hero-media .hero-mute .icon-unmute {
display: none;
}
section.video-banner .hero-media .sr-only {
position: absolute!important;
width: 1px!important;
height: 1px!important;
padding: 0!important;
overflow: hidden!important;
clip: rect(0,0,0,0)!important;
white-space: nowrap!important;
border: 0!important;
}
section.video-banner .button {
z-index: 8000;
width: 300px;
}
section.video-banner .button i.arrow {
border: 2px solid #fff;
}
/**************************************************************
* Simple events (usually in sidebars for open days)
**************************************************************/
/**
* Description
*/
section.simple-events .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
margin-bottom: 23px;
}
section.simple-events .description p:not(:last-of-type) {
margin-bottom: 17px;
}
/**
* Dates
*/
section.simple-events ul.dates {
font-size: 0;
}
section.simple-events li.date {
background: #F3F4F6;
box-shadow: 0 1px 0 0 #ADBAC1;
display: block;
overflow: hidden;
padding: 24px 30px 28px;
position: relative;
transition: all .25s ease;
width: 100%;
}
section.simple-events li.date:not(:last-of-type) {
margin-bottom: 5px;
}
section.simple-events li.date .category {
margin-bottom: 12px;
}
section.simple-events li.date .category i.colour {
display: inline-block;
margin: 2px 11px 0 0;
width: 8px;
height: 8px;
vertical-align: top;
}
section.simple-events li.date .category span.label {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
vertical-align: top;
}
section.simple-events li.date .text span {
display: block;
position: relative;
z-index: 1;
}
section.simple-events li.date .text span.title {
font-size: 12px;
line-height: 1.3rem;
font-size: 0.75rem;
line-height: 1.3rem;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .72px;
letter-spacing: 0.045rem;
margin-bottom: 8px;
text-transform: uppercase;
}
section.simple-events li.date .text span.details {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
color: #494949;
font-family: 'Niramit', sans-serif;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
}
section.simple-events li.date a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/**
* Hover
*/
section.simple-events li.date:hover {
background-color: #E6EDF4;
}
section.simple-events li.date:hover span.title {
text-decoration: underline;
}
/***************
* Lazy-loading
***************/
section.simple-events.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.simple-events.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/* marketing campaign css change maker */
/**************************************************************
* Buttons
**************************************************************/
/**
* View all link
*/
main.change-makers {
/* Remaining content continues from the original file... */
}
/* Updated styles with new theme names */
main.change-makers section.textarea.cm-blue-theme h4 {
color: #89B1F7!important;
}
main.change-makers section.textarea.cm-orange-theme h4 {
color: #FD6A53!important;
}
main.change-makers section.textarea.cm-pink-theme h4 {
color: #BC8BC4!important;
}
main.change-makers section.textarea.cm-green-theme h4 {
color: #50BC87!important;
}
main.change-makers section.textarea.cm-violet-theme h4 {
color: #e795e8!important;
}
main.change-makers section.textarea.cm-dark-green-theme h4 {
color: #71c261!important;
}
main.change-makers section.textarea.cm-purple-theme h4 {
color: #7b71ff!important;
}
main.change-makers section.textarea.cm-aqua-theme h4 {
color: #54c6c0!important;
}
main.change-makers section.textarea.cm-yellow-orange-theme h4 {
color: #ffad51!important;
}
main.change-makers .large-bg-text-cm {
color: rgba(137, 177, 247, .70);
font-family: Montserrat, sans-serif;
font-size: 2.3rem;
font-weight: 600;
letter-spacing: -.05em;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-align: center;
padding: 30px;
}
main.change-makers section.programmes-section.bg--9::before {
content: '';
background: #0254A7;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
main.change-makers section.single-image div.img-caption {
margin-top: 10px;
font-size: 14px;
font-size: 0.875rem;
}
main.change-makers section.single-image div.img-caption p {
font-style: italic!important;
}
main.change-makers section.single-image img {
margin-top: 5px;
}
/* New styles with cm-* classes */
main.change-makers section.single-image img.cm-blue-theme {
border-top: 20px solid #89B1F7;
border-bottom: 20px solid #89B1F7;
}
main.change-makers section.single-image img.cm-orange-theme {
border-top: 20px solid #FD6A53;
border-bottom: 20px solid #FD6A53;
}
main.change-makers section.single-image img.cm-pink-theme {
border-top: 20px solid #BC8BC4;
border-bottom: 20px solid #BC8BC4;
}
main.change-makers section.single-image img.cm-green-theme {
border-top: 20px solid #50BC87;
border-bottom: 20px solid #50BC87;
}
main.change-makers section.single-image img.cm-violet-theme {
border-top: 20px solid #e795e8;
border-bottom: 20px solid #e795e8;
}
main.change-makers section.single-image img.cm-dark-green-theme {
border-top: 20px solid #71c261;
border-bottom: 20px solid #71c261;
}
main.change-makers section.single-image img.cm-purple-theme {
border-top: 20px solid #7b71ff;
border-bottom: 20px solid #7b71ff;
}
main.change-makers section.single-image img.cm-aqua-theme {
border-top: 20px solid #54c6c0;
border-bottom: 20px solid #54c6c0;
}
main.change-makers section.single-image img.cm-yellow-orange-theme {
border-top: 20px solid #ffad51;
border-bottom: 20px solid #ffad51;
}
main.change-makers section.blog-article-index header >.title {/* font-family: $ff--4; */
color: #0054A4;
}
main.change-makers article.blog .text>span.title {/* font-family: $ff--4; */
}
main.change-makers article.blog .text .excerpt {/* : $ff--4; */
}
main.change-makers article.blog .text {
display: block;
padding: 22px 0 0;
width: 100%;
background-color: #d3d3d347;
padding: 30px;
min-height: 150px;
}
main.change-makers div.img-caption {
margin-top: 10px;
font-size: 14px;
font-size: 0.875rem;
}
main.change-makers div.img-caption p {
font-style: italic!important;
}
main.change-makers section.article-body section.blog-article-index.promo {
background-color: #0054A4;
padding: 5px;
font-size: 20px;
color: white;
}
main.change-makers section.article-body section.blog-article-index.promo header {
padding: 40px 40px 0px 40px;
display:block;
}
main.change-makers section.article-body section.blog-article-index.promo aside.view-all a {
background-image: url(/media/dist/img/link.svg);
background-position: top right 0;
background-repeat: no-repeat;
background-size: 37px 30px;
color: white;
display: inline-block;
font-size: 13px;
font-size: .8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.change-makers section.article-body section.textarea.cm-blue-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-blue-theme blockquote:before {
color: #89B1F7;
}
main.change-makers section.article-body section.textarea.cm-orange-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-orange-theme blockquote:before {
color: #FD6A53;
}
main.change-makers section.article-body section.textarea.cm-pink-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-pink-theme blockquote:before {
color: #BC8BC4;
}
main.change-makers section.article-body section.textarea.cm-green-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-green-theme blockquote:before {
color: #50BC87;
}
main.change-makers section.article-body section.textarea.cm-violet-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-violet-theme blockquote:before {
color: #e795e8;
}
main.change-makers section.article-body section.textarea.cm-dark-green-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-dark-green-theme blockquote:before {
color: #71c261;
}
main.change-makers section.article-body section.textarea.cm-purple-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-purple-theme blockquote:before {
color: #7b71ff;
}
main.change-makers section.article-body section.textarea.cm-aqua-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-aqua-theme blockquote:before {
color: #54c6c0;
}
main.change-makers section.article-body section.textarea.cm-yellow-orange-theme blockquote:after, main.change-makers section.article-body section.textarea.cm-yellow-orange-theme blockquote:before {
color: #ffad51;
}
/**
* Quote
*/
main.change-makers section.article-body section.textarea blockquote {
font-size: calc(26px + 18 * ((100vw - 420px) / 860));
line-height: 1.25em;
color: #312239;
display: block;
font-weight: 600;
margin: 40px 40px;
max-width: 80%;
padding: 10px 0 0 14px;
width: 100%;
overflow: visible;
position: relative;
quotes: "\201C""\201D""\2018""\2019";
}
main.change-makers section.article-body section.textarea blockquote:before {
content: open-quote;
font-weight: 700;
font-size: 100px;
font-family: Georgia, "Times New Roman", Times, serif;
top: 30px;
left: -45px;
}
main.change-makers section.article-body section.textarea blockquote:after {
content: close-quote;
font-weight: 700;
font-size: 100px;
font-family: Georgia, "Times New Roman", Times, serif;
position: absolute;
bottom: -25px;
padding-left: 10px;
}
main.change-makers section.article-body section.textarea h4 {
color: #0054A4;
}
main.change-makers section.article-body section.textarea h2 {
color: #312239;
}
main.change-makers section.article-body section.textarea h1, main.change-makers section.article-body h2, main.change-makers section.article-body h3, main.change-makers section.article-body h4, main.change-makers section.article-body blockquote, main.change-makers section.article-body p {/* font-family: $ff--4; */
}
main.change-makers section.article-body aside.sidebar {
margin-top: 5px;/* font-family: $ff--4!important; */
}
main.change-makers section.article-body aside.sidebar .sidebar-block .block-title {/* font-family: $ff--4!important; */
}
main.change-makers section.article-body aside.sidebar section.quick-links a:not(.has-description) {/* font-family: $ff--4!important; */
font-size: 15px;
line-height: 18px;
}
main.change-makers figure.image.drop-shadow-cm-blue-theme {
filter: drop-shadow(20px 20px 0px #89B1F7);
}
main.change-makers figure.image.drop-shadow-cm-green-theme {
filter: drop-shadow(-20px 20px 0px #50BC87);
}
main.change-makers figure.image.drop-shadow-cm-orange-theme {
filter: drop-shadow(20px 20px 0px #FD6A53);
}
main.change-makers figure.image.drop-shadow-cm-pink-theme {
filter: drop-shadow(-20px 20px 0px #BC8BC4);
}
main.change-makers figure.image.drop-shadow-cm-violet-theme {
filter: drop-shadow(20px 20px 0px #e795e8);
}
main.change-makers figure.image.drop-shadow-cm-dark-green-theme {
filter: drop-shadow(-20px 20px 0px #71c261);
}
main.change-makers figure.image.drop-shadow-cm-purple-theme {
filter: drop-shadow(20px 20px 0px #7b71ff);
}
main.change-makers figure.image.drop-shadow-cm-aqua-theme {
filter: drop-shadow(-20px 20px 0px #54c6c0);
}
main.change-makers figure.image.drop-shadow-cm-yellow-orange-theme {
filter: drop-shadow(20px 20px 0px #ffad51);
}
main.change-makers section.change-maker {/* .playpause {
background-image:url('/media/dist/img/video_overlay.png');
background-repeat:no-repeat;
width:50%;
height:50%;
position:absolute;
left:0%;
right:0%;
top:0%;
bottom:0%;
margin:auto;
background-size:contain;
background-position: center;
cursor: pointer;
z-index: 5000;
} */
}
main.change-makers section.change-maker div.container .hero-media {
height: 380px;
overflow: hidden;
position: relative;
z-index: 5000;
}
main.change-makers section.change-maker div.container .hero-media video {
width: 100%;
}
main.change-makers section.change-maker div.container .hero-media .hero-mute {
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
top: 10px;
color: white;
cursor: pointer;
display: flex;
height: 44px;
justify-content: center;
left: 25px;
padding: 0;
position: absolute;
width: 44px;
z-index: 1;
}
main.change-makers section.change-maker div.container .hero-media .hero-mute:focus,
main.change-makers section.change-maker div.container .hero-media .hero-mute:hover {
color: black;
}
main.change-makers section.change-maker div.container .hero-media .hero-mute .icon-mute,
main.change-makers section.change-maker div.container .hero-media .hero-mute .icon-unmute {
fill: white;
}
main.change-makers section.change-maker div.container .hero-media .hero-mute .icon-mute {
display: block;
}
main.change-makers section.change-maker div.container .hero-media .hero-mute .icon-unmute {
display: none;
}
main.change-makers section.change-maker div.container .hero-media .sr-only {
position: absolute!important;
width: 1px!important;
height: 1px!important;
padding: 0!important;
overflow: hidden!important;
clip: rect(0,0,0,0)!important;
white-space: nowrap!important;
border: 0!important;
}
main.change-makers section.change-maker .button {
z-index: 8000;
width: 300px;
}
main.change-makers section.change-maker .button i.arrow {
border: 2px solid #fff;
}
/**************************************************************
* Large background text
**************************************************************/
main.custom-partnerships .large-bg-text {
color: rgba(137,177,247,.12);
display: none;
font-family: 'Montserrat', sans-serif;
font-size: 9rem;
font-weight: 600;
letter-spacing: -.05em;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 0;
}
/* END OF DOCUMENT */
/**************************************************************
* Hero: Home
**************************************************************/
main.change-makers section.home-hero {
display: block;
overflow: hidden;
position: relative;
}
/* @media (--lg-up) { height: 697px; } */
/**
* Content
*/
main.change-makers section.home-hero .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
main.change-makers section.home-hero .content {
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
z-index: 2;
}
/* @media (--xls-up) {
background: transparent;
align-items: flex-start;
display: flex;
height: 520px;
padding-bottom: 0;
} */
main.change-makers section.home-hero .content-inner {
background-color: #312239;
max-width: 380px;
position: relative;
padding-bottom: 65px;
}
main.change-makers section.home-hero .content-inner::before {
content: '';
position: absolute;
left: 0;
top: -45px;
border-bottom: 45px solid #312239;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
}
main.change-makers section.home-hero .content-inner::after {
content: '';
position: absolute;
right: 0;
height: 45px;
top: -45px;
width: calc(100% - 45px);
background-color: #312239;
}
main.change-makers section.home-hero .content-inner .inner {
position: relative;
padding: 0 60px 0 50px;
width: 100%;
height: 100%;
}
main.change-makers section.home-hero .content-inner .inner::before {
border-bottom: 65px solid #fff;
border-left: 65px solid transparent;
content: "";
right: 0;
bottom: -69px;
position: absolute;
}
main.change-makers section.home-hero .content-inner .inner::after {
content: '';
position: absolute;
left: 0;
bottom: -65px;
width: calc(100% - 65px);
height: 65px;
background-color: #312239;
}
main.change-makers section.home-hero .content-inner .title {
margin: 0 0 18px;
max-width: 100%;
font-size: 46px;
font-size: 2.875rem;
line-height: 44px;
line-height: 2.75rem;
color: #F5F6F8;/* font-family: $ff--4;
font-weight: $fw--extrabold; */
text-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
}
main.change-makers section.home-hero .content-inner .description {
margin-bottom: 25px;
font-size: 14px;
font-size: 0.875rem;
line-height: 20px;
line-height: 1.25rem;
letter-spacing: 0.1px;
letter-spacing: 0.00625rem;
color: #F5F6F8;
font-weight: 600;
}
main.change-makers section.home-hero .content-inner .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.change-makers section.home-hero .content-inner .link-view-all:hover {
opacity: .6;
}
main.change-makers section.home-hero .content-inner .link-view-all {
background-image: url('/media/dist/img/link-inverse.svg');
color: #BC8BC4;/*Updated from $c--fiza-farhan-cm-colour*/
opacity: 1;
background-image: url('/media/dist/img/link-inverse.svg');
color: #BC8BC4;
opacity: 1;
padding-right: 60px;
margin-left: 0;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
}
/**
* Logos
*/
main.change-makers section.home-hero .logos {
position: absolute;
height: 82px;
right: 0;
bottom: 0;
padding: 0;
padding-right: 11px;
padding-top: 20px;
padding-left: 30px;
margin: 0;
list-style: none;
display: none;
align-items: center;
justify-content: flex-end;
background-color: #fff;
box-sizing: border-box;
z-index: 1;
}
main.change-makers section.home-hero .logos li {
position: relative;
z-index: 200;
margin-left: 28px;
}
main.change-makers section.home-hero .logos li:first-child {
margin-left: 0;
}
main.change-makers section.home-hero .logos li a {
text-decoration: none;
}
main.change-makers section.home-hero .logos li img {
transition: all .3s ease-in-out;
}
main.change-makers section.home-hero .logos li img:hover {
transform: scale(1.105);
}
main.change-makers section.home-hero .logos::before {
content: '';
position: absolute;
left: 0;
top: 0;
border-bottom: 82px solid #fff;
border-left: 82px solid transparent;
border-right: 82px solid transparent;
transform: translate(-50%, 0);
}
/**
* Media
*/
main.change-makers section.home-hero figure.media {
display: block;
overflow: hidden;
padding-bottom: 56%;
position: relative;
width: 100%;
height: 0;
z-index: 0;
}
main.change-makers section.home-hero figure.media video {/* display: block;
margin: auto;
min-width: 100%;
min-height: 100%;
overflow: hidden;
position: absolute 0;
z-index: 2; */
-o-object-fit: cover;
object-fit: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;/* @supports (-ms-ime-align:auto) { height: auto; } */
}
main.change-makers section.home-hero figure.media .image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
}
main.change-makers section.home-hero figure.media::after {/*
@extend %absolute-fill;
background: $c--21;
content: "";
z-index: 0;
*/
}
/**************************************************************
* Photo carousel
**************************************************************/
section.meet-the-makers {
display: block;
overflow: hidden;
padding-top: 30px;
padding-bottom: 70px;
position: relative;
width: 100%;
}
/***************
* Content
***************/
section.meet-the-makers .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.meet-the-makers .content {
display: block;
margin-bottom: 55px;
position: relative;
z-index: 1;
}
/* Inner */
section.meet-the-makers .content .content-inner {
margin: 0 auto;
max-width: 800px;
text-align: center;
}
/* Title */
section.meet-the-makers .content .title {
font-size: 32px;
line-height: 1.225em;
font-size: 2rem;
line-height: 1.225em;
color: #0254A7;
display: block;/*font-family: $ff--4;*/
font-weight: 600;
margin: 5px auto 15px;
}
section.meet-the-makers .content .title.black {
font-size: calc(26px + 6 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #111111;/*font-family: $ff--4;*/
font-weight: 600;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
line-height: 43px;
line-height: 2.6875rem;
text-align: center;
}
/* Text */
section.meet-the-makers .content .text {
font-size: 16px;
line-height: 1.545em;
font-size: 1rem;
line-height: 1.545em;
color: #4E4E4E;
font-weight: 400;
display: block;
}
/* font-family: $ff--4; */
section.meet-the-makers .content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.meet-the-makers .content .text b, section.meet-the-makers .content .text strong {
color: #282A2A;
font-weight: 700;
}
/* END OF DOCUMENT */
/**************************************************************
* Photo carousel
**************************************************************/
section.photo-carousel-cm {
display: block;
overflow: hidden;
padding-top: 30px;
padding-bottom: 70px;
padding-left: 0 !important;
position: relative;
text-align: center;
width: 100%;
}
section.photo-carousel-cm .left-arrow {
left: 5%;
margin-left: 5px
}
section.photo-carousel-cm .right-arrow {
left: 94%;
}
section.photo-carousel-cm .information {
z-index: 5000;
position: absolute;
top: 50%;
max-width: 100px;
transform: translate(-50%,-50%);
}
section.photo-carousel-cm .information .controls {
display: flex;
align-items: center;
margin-top: 55px;
}
section.photo-carousel-cm .information .controls span {
cursor: pointer;
background-color: #0254a7;
padding: 15px;
display: flex;
align-items: center;
border-bottom: 4px solid #1180A9;
}
section.photo-carousel-cm .information .controls span svg {
height: 20px;
}
section.photo-carousel-cm .information .controls span:first-child {
margin-right: 1px;
}
/***************
* Carousel
***************/
section.photo-carousel-cm .photos {
position: relative;
z-index: 1;
}
section.photo-carousel-cm .photos .slick-list {
margin: 0 -10px;
}
section.photo-carousel-cm .photos .slick-list.dragging, section.photo-carousel-cm .photos .slick-list.draggable:active:hover {
cursor: grabbing !important;
}
section.photo-carousel-cm .photos .slick-slide {
margin: 0 5px;
}
section.photo-carousel-cm .photos .item {
align-items: center;
display: inline-flex !important;
flex-wrap: nowrap;
justify-content: center;
min-height: 280px;
min-width: 200px;
overflow: hidden;
position: relative;
width: 280px;
height: 280px;
}
section.photo-carousel-cm .photos figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;/*background-color: $c--tone-12;*/
cursor: pointer;
display: block;
margin: auto;
opacity: .1;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 280px;
transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}
section.photo-carousel-cm .photos .slick-slide.slick-active figure.image {
opacity: 1;
}
/**
* Dots
*/
section.photo-carousel-cm .photos ul.slick-dots {
display: block;
font-size: 0;
margin-top: 15px;
text-align: center;
}
section.photo-carousel-cm .photos ul.slick-dots li {
display: inline-block;
margin: 0;
}
section.photo-carousel-cm .photos ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: hidden;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
section.photo-carousel-cm .photos ul.slick-dots li button::before, section.photo-carousel-cm .photos ul.slick-dots li button::after {
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
}
section.photo-carousel-cm .photos ul.slick-dots li button::before {
background: rgba(#0254A7, .14);
}
section.photo-carousel-cm .photos ul.slick-dots li button::after {
background: transparent;
border: 1px solid #0254A7;
opacity: 0;
}
/* Hover */
section.photo-carousel-cm .photos ul.slick-dots li:not(.slick-active) button:hover::before {
background-color: rgba(#0254A7, .35);
}
/* Active */
section.photo-carousel-cm .photos ul.slick-dots li.slick-active button::before {
background-color: #0254A7;
}
section.photo-carousel-cm .photos ul.slick-dots li.slick-active button::after {
opacity: 1;
width: 21px;
height: 21px;
}
section.photo-carousel-cm--large::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
section.photo-carousel-cm--large .photos .slick-list {
margin: 0 0 0 11px;
}
section.photo-carousel-cm--large .photos ul.slick-dots {
margin-top: 23px;
}
section.photo-carousel-cm--large .photos .item {
min-height: 163px;
min-width: 300px;
width: 220px;
height: 220px;
height: 163px;
}
section.photo-carousel-cm--large .photos figure.image {
height: 163px;
}
/* Reset */
/***************
* Lazy-loading
***************/
section.photo-carousel-cm.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.photo-carousel-cm.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Portrait image tiles
**************************************************************/
main.change-makers section.change-maker-tiles {
display: block;
font-size: 0;
overflow: hidden;
padding-left: 0 !important;
position: relative;
}
/**
* Label
*/
main.change-makers section.change-maker-tiles .large-bg-text {
left: calc(50% - 675px);
top: 0;
z-index: 1;
}
/**
* Tiles
*/
main.change-makers section.change-maker-tiles .tiles {
position: relative;
z-index: 0;
}
/**
* Tile
*/
main.change-makers section.change-maker-tiles .tile {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
min-height: 700px;
padding: 35px 11px;
position: relative;
width: 100%;
}
/* Image */
main.change-makers section.change-maker-tiles .tile figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 300px;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
z-index: 0;
}
/* Content */
main.change-makers section.change-maker-tiles .tile .summary {
top: 300px;
right: 0px;
left: 0px;
height: 200px;
background-color: #312239;
width: 100%;
position: absolute;
overflow: visible;
z-index: 2;
padding: 30px 50px;
}
main.change-makers section.change-maker-tiles .tile .summary .title {
color: #fff;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
text-align: left;
margin-bottom: 10px;
font-weight: 700;
}
main.change-makers section.change-maker-tiles .tile .summary .title.orange {
color: #FD6A53;/* Updated from $c--gauri-malik-cm-colour */
}
main.change-makers section.change-maker-tiles .tile .summary .textarea {
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2em;
text-align: left;
font-weight: 600;
}
/***************
* Section margins
***************/
/***************
* Lazy-loading
***************/
main.change-makers section.change-maker-tiles.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
main.change-makers section.change-maker-tiles.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text aside media
**************************************************************/
main.change-makers section.text-aside-media {
display: block;
overflow: visible;
position: relative;
width: 100%;
}
/* Container */
main.change-makers section.text-aside-media .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Label */
main.change-makers section.text-aside-media .large-bg-text {
z-index: 1;
}
main.change-makers section.text-aside-media.bg-text--01 .large-bg-text {
top: 50px;
left: calc(50% - 505px);
}
main.change-makers section.text-aside-media.bg-text--02 .large-bg-text {
top: -140px;
right: calc(50% - 675px);
text-align: right;
}
main.change-makers section.text-aside-media h2.heading {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
height: 40px;
width: 204px;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
margin-bottom: 1.5em;
}
/* New styling for heading */
main.change-makers section.text-aside-media .heading.stlye--1 {
font-size: calc(22px + 34 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 34 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
margin-bottom: 15px;
}
/* Row */
main.change-makers section.text-aside-media .row {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
}
/* Columns */
main.change-makers section.text-aside-media aside {
display: block;
width: 100%;
}
/***************
* Content
***************/
main.change-makers section.text-aside-media aside.content.align-left {
display: flex;
justify-content: flex-start;
}
main.change-makers section.text-aside-media aside.content.align-center {
display: flex;
justify-content: center;
}
main.change-makers section.text-aside-media aside.content .content-inner {
display: block;
}
main.change-makers section.text-aside-media aside.content .content-inner.width--01 {
max-width: 466px;
}
main.change-makers section.text-aside-media aside.content .content-inner.width--02 {
max-width: 513px;
}
main.change-makers section.text-aside-media aside.content .content-inner.width--03 {
max-width: 381px;
}
main.change-makers section.text-aside-media aside.content .content-inner.width--04 {
max-width: 424px;
}
main.change-makers section.text-aside-media aside.content .content-inner.width--05 {
max-width: 461px;
}
main.change-makers section.text-aside-media aside.content .content-inner.width--06 {
max-width: 351px;
}
main.change-makers section.text-aside-media aside.content figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: none;
margin: -210px 0 80px -45px;
width: 380px;
height: 380px;
}
main.change-makers section.text-aside-media aside.content .title {
color: #0254A7;
display: block;
margin-bottom: 17px;
}
main.change-makers section.text-aside-media aside.content .title.pb-m {
margin-bottom: 20px;
}
main.change-makers section.text-aside-media aside.content .title.desktop-mb-35 {
margin-bottom: 20px;
}
main.change-makers section.text-aside-media aside.content .title.black {
color: #111111;
}
main.change-makers section.text-aside-media aside.content .title.style--1 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
main.change-makers section.text-aside-media aside.content .title.style--2 {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
main.change-makers section.text-aside-media aside.content .title.style--3 {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 1.75em;
}
main.change-makers section.text-aside-media aside.content .title.style--4 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.245em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
main.change-makers section.text-aside-media aside.content .title.style--5 {
font-size: calc(18px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 2.525rem;
color: #0254A7;/*font-family: $ff--4;*/
font-weight: 600;
}
main.change-makers section.text-aside-media aside.content .sub {
font-size: calc(16px + 4 * ((100vw - 420px) / 860));
font-size: calc(1rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #0F0F0F;
display: block;
font-family: 'Niramit', sans-serif;
font-weight: 500;
line-height: 1.65em;
margin-bottom: 20px;
}
main.change-makers section.text-aside-media aside.content .text {
font-size: 16px;
line-height: 1.545em;
font-size: 1rem;
line-height: 1.545em;
color: #4E4E4E;
display: block;/*font-family: $ff--4;*/
font-weight: 500;
}
main.change-makers section.text-aside-media aside.content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
main.change-makers section.text-aside-media aside.content .text.width--1 {
max-width: 475px;
}
main.change-makers section.text-aside-media aside.content .text.width--02 {
max-width: 461px;
}
main.change-makers section.text-aside-media aside.content .text .equal {
display: inline-block;
min-width: 100px;
}
main.change-makers section.text-aside-media aside.content .text a, main.change-makers section.text-aside-media aside.content .text a:hover {
color: #0254A7;
font-weight: 500
}
main.change-makers section.text-aside-media aside.content .text b, main.change-makers section.text-aside-media aside.content .text strong {
color: #282A2A;
font-weight: 700;
}
main.change-makers section.text-aside-media aside.content .text--mb-1 {
margin-bottom: 45px;
}
main.change-makers section.text-aside-media aside.content .text ul {
padding-left: 35px;
}
main.change-makers section.text-aside-media aside.content .text ul li {
@extend: %ts--36;
position: relative;/* color: $c--black; */
font-family: 'Niramit', sans-serif;
letter-spacing: -0.24px;
letter-spacing: -0.015rem;
margin-bottom: 15px;
}
main.change-makers section.text-aside-media aside.content .text ul li::before {
content: '';
width: 8px;
height: 8px;
background: #0152A3;
left: -30px;
position: absolute;
top: 17px;
transform: translate(0, -50%);
}
main.change-makers section.text-aside-media aside.content .button {
display: block;
margin-top: 45px;
}
main.change-makers section.text-aside-media aside.content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.change-makers section.text-aside-media aside.content .button a:hover {
opacity: .6;
}
main.change-makers section.text-aside-media aside.content .button--max-width-398 {
max-width: 398px;
}
main.change-makers section.text-aside-media aside.content .button--inline {
display: inline-flex;
}
main.change-makers section.text-aside-media aside.content .button--style-1 {
margin-bottom: 10px;
}
main.change-makers section.text-aside-media aside.content .button--style-1:last-child {
margin: 0;
}
main.change-makers section.text-aside-media aside.content .button--style-1 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.change-makers section.text-aside-media aside.content .button--style-1 a {
width: 100%;
justify-content: flex-start;
text-align: left;
}
main.change-makers section.text-aside-media aside.content .button--style-2 {
margin-bottom: 5px;
}
main.change-makers section.text-aside-media aside.content .button--style-2:last-child {
margin: 0;
}
main.change-makers section.text-aside-media aside.content .button--style-2 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.change-makers section.text-aside-media aside.content .button--style-2 a {
width: 100%;
background-color: #F3F4F6;
justify-content: flex-start;
text-align: left;
}
main.change-makers section.text-aside-media aside.content .toggle {
padding: 20px 0;
}
main.change-makers section.text-aside-media aside.content .toggle.open .header .arrow:after {
transform: rotate(90deg);
}
main.change-makers section.text-aside-media aside.content .toggle.open .description {
max-height: -moz-max-content;
max-height: max-content;
}
main.change-makers section.text-aside-media aside.content .toggle .header {
cursor: pointer;
display: flex;
align-items: center;
}
main.change-makers section.text-aside-media aside.content .toggle .header .arrow {
height: 15px;
width: 25px;
position: relative;
margin-right: 15px;
margin-left: -6px;
}
main.change-makers section.text-aside-media aside.content .toggle .header .arrow:after {
content: "";
height: 100%;
width: 100%;
background: url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 8px center/10px 15px;
transform: rotate(270deg);
position: absolute;
}
main.change-makers section.text-aside-media aside.content .toggle .header .title {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
color: #464647;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1.2px;
letter-spacing: 0.075rem;
text-transform: uppercase;
margin: 0;
letter-spacing: 0.78px;
letter-spacing: 0.04875rem;
}
main.change-makers section.text-aside-media aside.content .toggle .description {
max-height: 0;
overflow: hidden;/* font-family: $ff--4; */
transition: max-height 0.15s ease-out;
max-width: 480px;
}
main.change-makers section.text-aside-media aside.content .toggle .description .inner {
padding-left: 0;
padding-top: 20px;
padding-bottom: 10px;
}
main.change-makers section.text-aside-media aside.content .toggle .description strong {
font-weight: 700;
}
main.change-makers section.text-aside-media aside.content .toggle .description p {
margin-bottom: 1em;
}
main.change-makers section.text-aside-media aside.content .toggle .description p:last-child {
margin: 0;
}
main.change-makers section.text-aside-media aside.content .profile {
display: flex;
margin-top: 50px;
max-width: 410px;
align-items: center;
background-color: #F3F4F6;
}
main.change-makers section.text-aside-media aside.content .profile figure.photo {
width: 100px;
overflow: hidden;
padding-bottom: 110px;
position: relative;
}
main.change-makers section.text-aside-media aside.content .profile figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
main.change-makers section.text-aside-media aside.content .profile figure.photo .src::before, main.change-makers section.text-aside-media aside.content .profile figure.photo .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
main.change-makers section.text-aside-media aside.content .profile figure.photo .src::before {
border-width: 22px 22px 0 0;
border-color: #fff transparent transparent;
top: 0;
left: 0;
}
main.change-makers section.text-aside-media aside.content .profile figure.photo .src::after {
border-color: transparent transparent #F3F4F6;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
main.change-makers section.text-aside-media aside.content .profile .meta {
padding: 30px;
}
main.change-makers section.text-aside-media aside.content .profile .meta span {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
display: block;
font-family: 'Niramit', sans-serif;
}
main.change-makers section.text-aside-media aside.content .profile .meta span.name {
color: #000;
font-weight: 700;
}
main.change-makers section.text-aside-media aside.content .profile .meta span.job {
color: #494949;
}
main.change-makers section.text-aside-media aside.content .profile .meta span.bio {
display: none;
}
main.change-makers section.text-aside-media aside.content .large-numbered {
display: flex;
}
main.change-makers section.text-aside-media aside.content .large-numbered .number {
font-size: calc(25px + 33 * ((100vw - 420px) / 860));
font-size: calc(1.5625rem + 33 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
width: 100%;
max-width: 60px;
margin-right: 25px;/*font-family: $ff--4;*/
color: #312239;
font-weight: 600;
letter-spacing: -0.86px;
letter-spacing: -0.05375rem;
}
main.change-makers section.text-aside-media aside.content .large-numbered .description {
border-left: 1px solid #FD6A53;/* Updated from $c--gauri-malik-cm-colour */
margin: 25px;
line-height: 20px;
line-height: 1.25rem;
color: #494949;/* font-family: $ff--4; */
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
}
/***************
* Media
***************/
main.change-makers section.text-aside-media aside.media {
position: relative;
}
main.change-makers section.text-aside-media aside.media.align-left {
display: flex;
justify-content: flex-start;
}
main.change-makers section.text-aside-media aside.media .play {
top: 20px;
left: 20px;
height: 99px;
width: 99px;
position: absolute;
background-size: cover;
background-image: url('/media/dist/img/play.svg');
}
main.change-makers section.text-aside-media aside.media .play--small {
height: 79px;
width: 79px;
}
main.change-makers section.text-aside-media aside.media figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 100%;
width: 100%;
height: 0;
}
/* Map */
main.change-makers section.text-aside-media aside.media figure.map {
position: relative;
display: block;
overflow: hidden;
padding-bottom: 118.855%;
width: 100%;
height: 0;
}
main.change-makers section.text-aside-media aside.media figure.map--large {
padding-bottom: 100.855%;
width: 100%;
height: 586px;
}
main.change-makers section.text-aside-media aside.media figure.map--xl-large {
padding-bottom: 107.855%;
width: 100%;
height: 556px;
}
main.change-makers section.text-aside-media aside.media figure.map iframe {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
/***************
* Orders
***************/
main.change-makers section.text-aside-media.first--media aside.content {
order: 1;
}
main.change-makers section.text-aside-media.first--media aside.media {
order: 0;
}
main.change-makers section.text-aside-media.first--content aside.content {
order: 0;
}
main.change-makers section.text-aside-media.first--content aside.media {
order: 1;
}
main.change-makers section.text-aside-media.first--media-mobile aside.content {
order: 1;
padding: 10px 0;
}
main.change-makers section.text-aside-media.first--media-mobile aside.media {
order: 0;
}
main.change-makers section.text-aside-media.first--media-mobile--ptb-20 aside.content{
padding: 20px 0;
}
main.change-makers section.text-aside-media.second--content-mobile aside.content {
order: 1;
padding: 60px 0;
}
main.change-makers section.text-aside-media.second--content-mobile aside.media {
order: 0;
}
main.change-makers section.text-aside-media.second--content-mobile--p-s aside.content{
padding: 30px 0;
}
main.change-makers section.text-aside-media.second--content-mobile--pb-0 aside.content{
padding-bottom: 0;
}
/***************
* Layouts
***************/
main.change-makers section.text-aside-media.content-width--01 aside.content {
justify-content: center;
padding-top: 20px;
}
main.change-makers section.text-aside-media.content-width--02 aside.content .content-inner {
max-width: 500px;
}
/***************
* Backgrounds
***************/
main.change-makers section.text-aside-media.bg--1::before {
background: #F6F8F9;
content: "";
top: -145px;
bottom: 45px;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: calc(100% + 100px);
z-index: -1;
}
main.change-makers section.text-aside-media.bg--2::before {
background: #F6F8F9;
content: "";
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: calc(100% - 190px);
z-index: -1;
}
main.change-makers section.text-aside-media.bg--3::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
main.change-makers section.text-aside-media.bg--3 figure.image {
width: 586px;
height: 553px;
}
main.change-makers section.text-aside-media.bg--4::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
main.change-makers section.text-aside-media.bg--4 figure.image {
width: 586px;
height: 553px;
}
main.change-makers section.text-aside-media.bg--5::before {
content: '';
background: #F3F4F6;
top: 165px;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
main.change-makers section.text-aside-media.bg--6::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 120px);
height: 100%;
width: 100%;
z-index: -1;
}
main.change-makers section.text-aside-media.bg--6 figure.image {
width: 586px;
height: 553px;
}
main.change-makers section.text-aside-media.bg--7::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
main.change-makers section.text-aside-media.bg--7 figure.image {
width: 586px;
height: 553px;
}
main.change-makers section.text-aside-media.bg--8::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
main.change-makers section.text-aside-media.bg--9 aside.content .button a {
color: white!important;
}
main.change-makers section.text-aside-media.bg--9::before {
content: '';
background: #0254A7;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
main.change-makers section.text-aside-media.bg--9 figure.image {}
main.change-makers section.text-aside-media.bg--9 aside.content .text {
color: white!important;
}
main.change-makers section.text-aside-media.bg--9 aside.content h2 {
color: white!important;
}
main.change-makers section.text-aside-media.bg--right::before {
content: '';
right: 0;
left: unset;
}
/***************
* Section margins
***************/
main.change-makers section.text-aside-media.margin--1 {
margin-bottom: 50px;
}
main.change-makers section.text-aside-media.margin--2 {
margin-bottom: 40px;
}
main.change-makers section.text-aside-media.margin--4 {
margin-bottom: 30px;
}
main.change-makers section.text-aside-media.margin--5 {
margin-bottom: 50px;
}
main.change-makers section.text-aside-media.margin--6 {
margin-bottom: 70px;
}
main.change-makers section.text-aside-media.margin--8 {
margin-bottom: 0;
}
main.change-makers section.text-aside-media.margin--9 {
margin-bottom: 50px;
margin-top: -8px
}
/***************
* Section padding
***************/
main.change-makers section.text-aside-media.section-padding--02 {
padding-top: 40px;
}
/***************
* Content padding
***************/
/***************
* Lazy-loading
***************/
main.change-makers section.text-aside-media.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
main.change-makers section.text-aside-media.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Tile CTAs
**************************************************************/
main.change-makers section.tile-ctas-change-maker {
height: 100%;
min-height: 600px;
}
main.change-makers section.tile-ctas-change-maker.style--1.mobile-p-b-0 {
padding-bottom: 25px;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile {
background-color: #312239;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .top-chip {
height: 50px;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .bottom-chip {
height: 20px;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .middle-chip {
height: 5px;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-orange-theme .color-chip {
background-color: #FD6A53;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-orange-theme .text .title a {
color: #FD6A53;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-blue-theme .color-chip {
background-color: #89B1F7;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-blue-theme .text .title a {
color: #89B1F7;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-green-theme .color-chip {
background-color: #50BC87;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-green-theme .text .title a {
color: #50BC87;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-pink-theme .color-chip {
background-color: #BC8BC4;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-pink-theme .text .title a {
color: #BC8BC4;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-violet-theme .color-chip {
background-color: #e795e8;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-violet-theme .text .title a {
color: #e795e8;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-dark-green-theme .color-chip {
background-color: #71c261;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-dark-green-theme .text .title a {
color: #71c261;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-purple-theme .color-chip {
background-color: #7b71ff;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-purple-theme .text .title a {
color: #7b71ff;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-aqua-theme .color-chip {
background-color: #54c6c0;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-aqua-theme .text .title a {
color: #54c6c0;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-yellow-orange-theme .color-chip {
background-color: #ffad51;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile.cm-yellow-orange-theme .text .title a {
color: #ffad51;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .text .title {
font-size: 14px;
font-size: 0.875rem;
min-height: 30px;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
line-height: 22px;
line-height: 1.375rem;
text-align: left;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
margin-bottom: 10px;
font-weight: 700;
display: block;
text-align: left;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .text .title a.green {
color: #50BC87;/* Updated from $c--jane-egerton-idehen-cm-colour */
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .buttons {
width: 150px;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background: url(/media/dist/img/solid-button-arrow-white.svg) no-repeat right 0px center / 15px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 20px;
text-align: center;
transition: all 0.2s ease-in-out;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background: url(/media/dist/img/solid-button-arrow-white.svg) no-repeat right 0px center/15px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 20px;
text-align: center;
transition: all .2s ease-in-out;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .buttons a {
min-height: 43px;
background-color: transparent;
padding: 20px 20px 20px 20px;
box-shadow: unset;
}
main.change-makers section.tile-ctas-change-maker .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/**
* Header
*/
main.change-makers section.tile-ctas-change-maker header .title {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
/**
* Container
*/
/**
* Tile
*/
main.change-makers section.tile-ctas-change-maker article.tile {
background: #F3F4F6;
display: flex;
flex-direction: column;
margin-bottom: 3px;
position: relative;
transition: all 0.25s ease;
width: 100%;
}
/**
* Inner (mobile accordion content)
*/
main.change-makers section.tile-ctas-change-maker article.tile main.inner {
height: 100%;
}
/**
* Image
*/
main.change-makers section.tile-ctas-change-maker article.tile figureinner.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 300px;
z-index: 0;
}
main.change-makers section.tile-ctas-change-maker article.tile figureinner.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all 0.2s ease-in-out;
}
/**
* Text
*/
main.change-makers section.tile-ctas-change-maker article.tile .text {
padding: 25px 30px 0px 30px;
position: relative;
z-index: 0;
}
/**
* Title
*/
main.change-makers section.tile-ctas-change-maker article.tile .text .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #111111;
font-family: 'Niramit', sans-serif;
font-weight: 700;
letter-spacing: 0.10175em;
min-height: 45px;
position: relative;
}
/**
* Description
*/
main.change-makers section.tile-ctas-change-maker article.tile .text .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
letter-spacing: -0.18px;
letter-spacing: -0.01125rem;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2em;
text-align: left;
font-weight: 500;
}
/**
* Permalink
*/
main.change-makers section.tile-ctas-change-maker article.tile a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/***************
* Lazy-loading
***************/
main.change-makers section.tile-ctas-change-maker.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
main.change-makers section.tile-ctas-change-maker.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/* executive custom partnerships */
/**************************************************************
* Buttons
**************************************************************/
/**
* View all link
*/
/**************************************************************
* Large background text
**************************************************************/
main.exec-education-2025 .large-bg-text {
color: rgba(137,177,247,.12);
display: none;
font-family: 'Montserrat', sans-serif;
font-size: 9rem;
font-weight: 600;
letter-spacing: -.05em;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 0;
}
/* END OF DOCUMENT */
main.exec-education-2025 .large-bg-text-cm {
color: rgba(137,177,247,.70);
font-family: Montserrat, sans-serif;
font-size: 2.3rem;
font-weight: 600;
letter-spacing: -.05em;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-align: center;
padding: 30px;
}
main.exec-education-2025 section.programmes-section.bg--9::before {
content: '';
background: #0254A7;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(50% + 230px);
z-index: -1;
}
main.exec-education-2025 section.blog-article-index header > .title {/* font-family: $ff--4; */
color: #0054A4;
}
main.exec-education-2025 article.blog .text > span.title {/* font-family: $ff--4; */
}
main.exec-education-2025 article.blog .text .excerpt {/* : $ff--4; */
}
main.exec-education-2025 article.blog {}
main.exec-education-2025 article.blog .text {
display: block;
width: 100%;
min-height: 150px;
}
main.exec-education-2025 div.img-caption {
margin-top: 10px;
font-size: 14px;
font-size: 0.875rem;
}
main.exec-education-2025 div.img-caption p {
font-style: italic !important;
}
/**************************************************************
* Executive Education CTA Tiles
**************************************************************/
.exec-education-2025 .cta-tiles .container {
width: 100%;
max-width: 1260px;
margin: 0 auto;
}
.exec-education-2025 .cta-tiles main.list {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
width: calc(100% + 40px);
}
.exec-education-2025 .cta-tiles main.list.two-column-grid article.cta-tile {
flex: 0 0 calc(50% - 40px);
}
.exec-education-2025 .cta-tiles main.list.three-column-grid article.cta-tile {
flex: 0 0 calc(33.333% - 40px);
}
.exec-education-2025 .cta-tiles article.cta-tile {
margin: 0 20px 40px;
background: white;
display: flex;
flex-direction: column;
}
.exec-education-2025 .cta-tiles article.cta-tile figure.image {
position: relative;
width: 100%;
padding-bottom: 56.25%;/* 16:9 aspect ratio */
overflow: hidden;
margin: 0;
}
.exec-education-2025 .cta-tiles article.cta-tile figure.image .src {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.exec-education-2025 .cta-tiles article.cta-tile .text {
padding: 30px;
flex: 1;
}
.exec-education-2025 .cta-tiles article.cta-tile .text .title {
display: block;
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 15px;
color: #637465;
}
.exec-education-2025 .cta-tiles article.cta-tile .text .description {
color: #666;
line-height: 1.6;
}
.exec-education-2025 .cta-tiles article.cta-tile .text .description p {
margin: 0;
}
/**************************************************************
* Hero: Home
**************************************************************/
main.exec-education-2025 section.home-hero {
display: block;
overflow: hidden;
position: relative;
}
/* @media (--lg-up) { height: 697px; } */
/**
* Content
*/
main.exec-education-2025 section.home-hero .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
main.exec-education-2025 section.home-hero .content {
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
z-index: 2;
}
/* @media (--xls-up) {
background: transparent;
align-items: flex-start;
display: flex;
height: 520px;
padding-bottom: 0;
} */
main.exec-education-2025 section.home-hero .content-inner {
background-color: #312239;
max-width: 380px;
position: relative;
padding-bottom: 65px;
}
main.exec-education-2025 section.home-hero .content-inner::before {
content: '';
position: absolute;
left: 0;
top: -45px;
border-bottom: 45px solid #312239;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
}
main.exec-education-2025 section.home-hero .content-inner::after {
content: '';
position: absolute;
right: 0;
height: 45px;
top: -45px;
width: calc(100% - 45px);
background-color: #312239;
}
main.exec-education-2025 section.home-hero .content-inner .inner {
position: relative;
padding: 0 60px 0 50px;
width: 100%;
height: 100%;
}
main.exec-education-2025 section.home-hero .content-inner .inner::before {
border-bottom: 65px solid #fff;
border-left: 65px solid transparent;
content: "";
right: 0;
bottom: -69px;
position: absolute;
}
main.exec-education-2025 section.home-hero .content-inner .inner::after {
content: '';
position: absolute;
left: 0;
bottom: -65px;
width: calc(100% - 65px);
height: 65px;
background-color: #312239;
}
main.exec-education-2025 section.home-hero .content-inner .title {
margin: 0 0 18px;
max-width: 100%;
font-size: 46px;
font-size: 2.875rem;
line-height: 44px;
line-height: 2.75rem;
color: #F5F6F8;/* font-family: $ff--4;
font-weight: $fw--extrabold; */
text-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
}
main.exec-education-2025 section.home-hero .content-inner .description {
margin-bottom: 25px;
font-size: 14px;
font-size: 0.875rem;
line-height: 20px;
line-height: 1.25rem;
letter-spacing: 0.1px;
letter-spacing: 0.00625rem;
color: #F5F6F8;
font-weight: 600;
}
main.exec-education-2025 section.home-hero .content-inner .link-view-all {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.home-hero .content-inner .link-view-all:hover {
opacity: .6;
}
main.exec-education-2025 section.home-hero .content-inner .link-view-all {
background-image: url('/media/dist/img/link-inverse.svg');
color: #BC8BC4;/*Updated from $c--fiza-farhan-cm-colour*/
opacity: 1;
background-image: url('/media/dist/img/link-inverse.svg');
color: #BC8BC4;
opacity: 1;
padding-right: 60px;
margin-left: 0;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
}
/**
* Logos
*/
main.exec-education-2025 section.home-hero .logos {
position: absolute;
height: 82px;
right: 0;
bottom: 0;
padding: 0;
padding-right: 11px;
padding-top: 20px;
padding-left: 30px;
margin: 0;
list-style: none;
display: none;
align-items: center;
justify-content: flex-end;
background-color: #fff;
box-sizing: border-box;
z-index: 1;
}
main.exec-education-2025 section.home-hero .logos li {
position: relative;
z-index: 200;
margin-left: 28px;
}
main.exec-education-2025 section.home-hero .logos li:first-child {
margin-left: 0;
}
main.exec-education-2025 section.home-hero .logos li a {
text-decoration: none;
}
main.exec-education-2025 section.home-hero .logos li img {
transition: all .3s ease-in-out;
}
main.exec-education-2025 section.home-hero .logos li img:hover {
transform: scale(1.105);
}
main.exec-education-2025 section.home-hero .logos::before {
content: '';
position: absolute;
left: 0;
top: 0;
border-bottom: 82px solid #fff;
border-left: 82px solid transparent;
border-right: 82px solid transparent;
transform: translate(-50%, 0);
}
/**
* Media
*/
main.exec-education-2025 section.home-hero figure.media {
display: block;
overflow: hidden;
padding-bottom: 56%;
position: relative;
width: 100%;
height: 0;
z-index: 0;
}
main.exec-education-2025 section.home-hero figure.media video {/* display: block;
margin: auto;
min-width: 100%;
min-height: 100%;
overflow: hidden;
position: absolute 0;
z-index: 2; */
-o-object-fit: cover;
object-fit: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;/* @supports (-ms-ime-align:auto) { height: auto; } */
}
main.exec-education-2025 section.home-hero figure.media .image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
}
main.exec-education-2025 section.home-hero figure.media::after {/*
@extend %absolute-fill;
background: $c--21;
content: "";
z-index: 0;
*/
}
/**************************************************************
* paragraph CTA
**************************************************************/
main.exec-education-2025 section.full-width-section {
width: 100%;/* background-color: #f5f5f5; */
padding: 40px 20px;
box-sizing: border-box;
text-align: center;
}
main.exec-education-2025 section.full-width-section .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
main.exec-education-2025 section.full-width-section .content {
display: block;
margin-bottom: 55px;
position: relative;
z-index: 1;
}
/* Inner */
main.exec-education-2025 section.full-width-section .content .content-inner {
margin: 0 auto;
max-width: 800px;
text-align: center;
}
/* Title */
main.exec-education-2025 section.full-width-section .content .title {
font-size: 32px;
line-height: 1.225em;
font-size: 2rem;
line-height: 1.225em;
color: #0254A7;
display: block;
font-weight: 600;
margin: 5px auto 15px;
color: #0254A7;
}
/* Text */
main.exec-education-2025 section.full-width-section .content .text {
font-size: 16px;
line-height: 1.545em;
font-size: 1rem;
line-height: 1.545em;
color: #4E4E4E;
font-weight: 400;
display: block;
}
main.exec-education-2025 section.full-width-section .content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
main.exec-education-2025 section.full-width-section .content .text b,
main.exec-education-2025 section.full-width-section .content .text strong {
color: #282A2A;
font-weight: 700;
}
/* Button Styling */
main.exec-education-2025 section.full-width-section .content .button {
display: block;
margin-top: 45px;
}
main.exec-education-2025 section.full-width-section .content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.full-width-section .content .button a:hover {
opacity: .6;
}
main.exec-education-2025 section.full-width-section .content .button--max-width-398 {
max-width: 398px;
}
main.exec-education-2025 section.full-width-section .content .button--inline {
display: inline-flex;
}
main.exec-education-2025 section.full-width-section .content .button--style-1 {
margin-bottom: 10px;
}
main.exec-education-2025 section.full-width-section .content .button--style-1:last-child {
margin: 0;
}
main.exec-education-2025 section.full-width-section .content .button--style-1 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.full-width-section .content .button--style-1 a {
width: 100%;
justify-content: flex-start;
text-align: left;
}
main.exec-education-2025 section.full-width-section .content .button--style-2 {
margin-bottom: 5px;
}
main.exec-education-2025 section.full-width-section .content .button--style-2:last-child {
margin: 0;
}
main.exec-education-2025 section.full-width-section .content .button--style-2 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.full-width-section .content .button--style-2 a {
width: 100%;
background-color: #F3F4F6;
justify-content: flex-start;
text-align: left;
}
/**************************************************************
* Photo carousel
**************************************************************/
section.photo-carousel-cm {
display: block;
overflow: hidden;
padding-top: 30px;
padding-bottom: 70px;
padding-left: 0 !important;
position: relative;
text-align: center;
width: 100%;
}
section.photo-carousel-cm .left-arrow {
left: 5%;
margin-left: 5px
}
section.photo-carousel-cm .right-arrow {
left: 94%;
}
section.photo-carousel-cm .information {
z-index: 5000;
position: absolute;
top: 50%;
max-width: 100px;
transform: translate(-50%,-50%);
}
section.photo-carousel-cm .information .controls {
display: flex;
align-items: center;
margin-top: 55px;
}
section.photo-carousel-cm .information .controls span {
cursor: pointer;
background-color: #0254a7;
padding: 15px;
display: flex;
align-items: center;
border-bottom: 4px solid #1180A9;
}
section.photo-carousel-cm .information .controls span svg {
height: 20px;
}
section.photo-carousel-cm .information .controls span:first-child {
margin-right: 1px;
}
/***************
* Carousel
***************/
section.photo-carousel-cm .photos {
position: relative;
z-index: 1;
}
section.photo-carousel-cm .photos .slick-list {
margin: 0 -10px;
}
section.photo-carousel-cm .photos .slick-list.dragging, section.photo-carousel-cm .photos .slick-list.draggable:active:hover {
cursor: grabbing !important;
}
section.photo-carousel-cm .photos .slick-slide {
margin: 0 5px;
}
section.photo-carousel-cm .photos .item {
align-items: center;
display: inline-flex !important;
flex-wrap: nowrap;
justify-content: center;
min-height: 280px;
min-width: 200px;
overflow: hidden;
position: relative;
width: 280px;
height: 280px;
}
section.photo-carousel-cm .photos figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
display: block;
margin: auto;
opacity: .1;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 280px;
transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}
section.photo-carousel-cm .photos .slick-slide.slick-active figure.image {
opacity: 1;
}
/**
* Dots
*/
section.photo-carousel-cm .photos ul.slick-dots {
display: block !important;
font-size: 0;
margin-top: 15px;
text-align: center;
visibility: visible !important;
opacity: 1 !important;
}
section.photo-carousel-cm .photos ul.slick-dots li {
display: inline-block;
margin: 0;
}
section.photo-carousel-cm .photos ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: visible;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
section.photo-carousel-cm .photos ul.slick-dots li button::before, section.photo-carousel-cm .photos ul.slick-dots li button::after {
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
}
section.photo-carousel-cm .photos ul.slick-dots li button::before {
background: rgba(128, 128, 128, 0.8) !important;
opacity: 1 !important;
visibility: visible !important;
}
section.photo-carousel-cm .photos ul.slick-dots li button::after {
background: transparent;
border: 1px solid #0254A7;
opacity: 0;
}
/* Hover */
section.photo-carousel-cm .photos ul.slick-dots li:not(.slick-active) button:hover::before {
background-color: rgba(128, 128, 128, 1) !important;
}
/* Active */
section.photo-carousel-cm .photos ul.slick-dots li.slick-active button::before {
background-color: #0254A7 !important;
width: 8px;
height: 8px;
}
section.photo-carousel-cm .photos ul.slick-dots li.slick-active button::after {
opacity: 1;
width: 18px;
height: 18px;
}
section.photo-carousel-cm--large::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
section.photo-carousel-cm--large .photos .slick-list {
margin: 0 0 0 11px;
}
section.photo-carousel-cm--large .photos ul.slick-dots {
margin-top: 23px;
}
section.photo-carousel-cm--large .photos .item {
min-height: 163px;
min-width: 300px;
width: 220px;
height: 220px;
height: 163px;
}
section.photo-carousel-cm--large .photos figure.image {
height: 163px;
}
/* Reset */
/***************
* Lazy-loading
***************/
section.photo-carousel-cm.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.photo-carousel-cm.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Portrait image tiles
**************************************************************/
main.exec-education-2025 section.change-maker-tiles {
display: block;
font-size: 0;
overflow: hidden;
padding-left: 0 !important;
position: relative;
}
/**
* Label
*/
main.exec-education-2025 section.change-maker-tiles .large-bg-text {
left: calc(50% - 675px);
top: 0;
z-index: 1;
}
/**
* Tiles
*/
main.exec-education-2025 section.change-maker-tiles .tiles {
position: relative;
z-index: 0;
}
/**
* Tile
*/
main.exec-education-2025 section.change-maker-tiles .tile {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
min-height: 700px;
padding: 35px 11px;
position: relative;
width: 100%;
}
/* Image */
main.exec-education-2025 section.change-maker-tiles .tile figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 300px;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
z-index: 0;
}
/* Content */
main.exec-education-2025 section.change-maker-tiles .tile .summary {
top: 300px;
right: 0px;
left: 0px;
height: 200px;
background-color: #312239;/* padding: 20px 40px; */
width: 100%;
position: absolute;
overflow: visible;
z-index: 2;
padding: 30px 50px;
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .title {
color: #fff;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
text-align: left;
margin-bottom: 10px;/* font-family: $ff--4; */
font-weight: 700;
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .title.orange {
color: #FD6A53
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .textarea {
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2em;
text-align: left;/* font-family: $ff--4; */
font-weight: 600;
}
/***************
* Section margins
***************/
/***************
* Lazy-loading
***************/
main.exec-education-2025 section.change-maker-tiles.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
main.exec-education-2025 section.change-maker-tiles.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/* Process Diagram Section */
#process-diagram {
background-color: white;
padding: 40px 0;
}
/* Override parent constraints */
main.exec-education-2025 section#process-diagram .content {
max-width: 1500px;
}
#process-diagram .content-inner {
max-width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.process-container {
display: flex;
flex-wrap: wrap; /* Allows wrapping */
gap: 45px; /* Space between boxes */
justify-content: space-between;
margin-top: 40px;
}
.process-card {
background-color: #1a1a2e;
color: white;
padding: 1px 15px 15px 15px;
flex: 1 1 calc(18% - 60px);
text-align: left;
position: relative;
min-height: 200px; /* Allows the height to expand if necessary */
height: auto; /* Fluid height for dynamic content */
}
/* Card Header Styling */
.card-header {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
}
.card-letter {
font-size: 1.5rem;
font-weight: 700;
color: #a2c616;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.card-title {
font-size: 1.2rem;
font-weight: 700;
color: #a2c616;
margin-left: 0;
padding-top: 15px;
}
.card-line {
width: 100%;
height: 1px;
background-color: #a2c616;
margin-top: 10px;
}
/* Card Content Styling */
.card-content {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
.card-text {
font-size: 1.1rem;
color: white;
margin: 0;
line-height: 1.4;
}
.card-text.description {
font-size: 1rem;
font-weight: 400;
opacity: 0.9;
}
.card-image {
display: flex;
justify-content: center;
margin-top: 20px;
}
.card-image img {
width: 70px;
height: auto;
}
/* Arrow Styling Between Cards */
.process-card::after {
content: '';
position: absolute;
right: -38px;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
background-image: url('/media/dist/img/icons/right_arrow_150x150.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.process-card:last-child::after {
display: none;
}
/* Responsive Design */
/**************************************************************
* Executive Impact Testimonials - Three Column Layout
**************************************************************/
.exec-education-2025 section.thumb-testimonial-index .list {
max-width: 100%;
}
/**************************************************************
* Text aside image carousel
**************************************************************/
main.exec-education-2025 section.text-aside-img-carousel {
display: block;
font-size: 0;
overflow: hidden;
padding-left: 0 !important;
position: relative;
}
/**
* Label
*/
main.exec-education-2025 section.text-aside-img-carousel .large-bg-text {
left: calc(50% - 675px);
top: 85px;
z-index: 1;
}
/***************
* Content
***************/
main.exec-education-2025 section.text-aside-img-carousel .content {
display: block;
margin-bottom: 42px;
padding-right: 11px;
padding-left: 11px;
}
main.exec-education-2025 section.text-aside-img-carousel .content .content-inner {
display: block;
}
/* Title */
main.exec-education-2025 section.text-aside-img-carousel .content .title {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
color: #0254A7;
display: block;
font-family: 'Aleo', serif;
font-weight: 400;
margin: 0 auto 20px;
}
/* Text */
main.exec-education-2025 section.text-aside-img-carousel .content .text {
font-size: 16px;
line-height: 1.845em;
font-size: 1rem;
line-height: 1.845em;
color: #4E4E4E;
display: block;
font-family: 'Niramit', sans-serif;
}
main.exec-education-2025 section.text-aside-img-carousel .content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
main.exec-education-2025 section.text-aside-img-carousel .content .text b, main.exec-education-2025 section.text-aside-img-carousel .content .text strong {
color: #282A2A;
font-weight: 700;
}
/* Button */
main.exec-education-2025 section.text-aside-img-carousel .content .button {
display: block;
margin-top: 40px;
}
main.exec-education-2025 section.text-aside-img-carousel .content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.text-aside-img-carousel .content .button a:hover {
opacity: .6;
}
/***************
* Carousel
***************/
main.exec-education-2025 section.text-aside-img-carousel .photos {
position: relative;
z-index: 1;
}
main.exec-education-2025 section.text-aside-img-carousel .photos .slick-list {
margin: 0 0 0 11px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos .slick-list.dragging, main.exec-education-2025 section.text-aside-img-carousel .photos .slick-list.draggable:active:hover {
cursor: grabbing !important;
}
main.exec-education-2025 section.text-aside-img-carousel .photos .slick-slide {
margin: 0 25px 0 0;
}
main.exec-education-2025 section.text-aside-img-carousel .photos .item {
align-items: center;
display: inline-flex !important;
flex-wrap: nowrap;
justify-content: center;
min-height: 280px;
min-width: 280px;
overflow: hidden;
position: relative;
width: 280px;
height: 280px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #F6F8F9;
cursor: pointer;
display: block;
margin: auto;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 265px;
transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}
main.exec-education-2025 section.text-aside-img-carousel .photos .slick-slide.slick-current figure.image {
width: 100%;
height: 100%;
}
/**
* Dots
*/
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots {
display: block !important;
font-size: 0;
margin: 55px auto;
text-align: center;
visibility: visible !important;
opacity: 1 !important;
}
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li {
display: inline-block;
margin: 0;
}
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: visible;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li button::before, main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li button::after {
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li button::before {
background: rgba(2, 84, 167, .6) !important;
opacity: 1 !important;
visibility: visible !important;
}
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li button::after {
background: transparent;
border: 2px solid #0254A7;
opacity: 0;
}
/* Hover */
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li:not(.slick-active) button:hover::before {
background-color: rgba(2, 84, 167, .8) !important;
}
/* Active */
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li.slick-active button::before {
background-color: #0254A7 !important;
width: 8px;
height: 8px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots li.slick-active button::after {
opacity: 1;
width: 18px;
height: 18px;
}
/***************
* Modifiers
***************/
main.exec-education-2025 section.text-aside-img-carousel.padding--01 {
padding: 35px 0 70px;
}
/***************
* Lazy-loading
***************/
main.exec-education-2025 section.text-aside-img-carousel.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
main.exec-education-2025 section.text-aside-img-carousel.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Text aside media
**************************************************************/
main.exec-education-2025 section.text-aside-media {
display: block;
overflow: visible;
position: relative;
width: 100%;
}
/* Container */
main.exec-education-2025 section.text-aside-media .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Label */
main.exec-education-2025 section.text-aside-media .large-bg-text {
z-index: 1;
}
main.exec-education-2025 section.text-aside-media.bg-text--01 .large-bg-text {
top: 50px;
left: calc(50% - 505px);
}
main.exec-education-2025 section.text-aside-media.bg-text--02 .large-bg-text {
top: -140px;
right: calc(50% - 675px);
text-align: right;
}
main.exec-education-2025 section.text-aside-media h2.heading {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.45em;
height: 40px;
width: 800px;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -0.62px;
letter-spacing: -0.03875rem;
margin-bottom: 1.5em;
}
/* New styling for heading */
main.exec-education-2025 section.text-aside-media .heading.stlye--1 {
font-size: calc(22px + 34 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 34 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
margin-bottom: 15px;
}
/* Row */
main.exec-education-2025 section.text-aside-media .row {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
}
/* Columns */
main.exec-education-2025 section.text-aside-media aside {
display: block;
width: 100%;
}
/***************
* Content
***************/
main.exec-education-2025 section.text-aside-media aside.content.align-left {
display: flex;
justify-content: flex-start;
}
main.exec-education-2025 section.text-aside-media aside.content.align-center {
display: flex;
justify-content: center;
}
main.exec-education-2025 section.text-aside-media aside.content .content-inner {
display: block;
}
main.exec-education-2025 section.text-aside-media aside.content .content-inner.width--01 {
max-width: 466px;
}
main.exec-education-2025 section.text-aside-media aside.content .content-inner.width--02 {
max-width: 513px;
}
main.exec-education-2025 section.text-aside-media aside.content .content-inner.width--03 {
max-width: 381px;
}
main.exec-education-2025 section.text-aside-media aside.content .content-inner.width--04 {
max-width: 424px;
}
main.exec-education-2025 section.text-aside-media aside.content .content-inner.width--05 {
max-width: 461px;
}
main.exec-education-2025 section.text-aside-media aside.content .content-inner.width--06 {
max-width: 351px;
}
main.exec-education-2025 section.text-aside-media aside.content figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: none;
margin: -210px 0 80px -45px;
width: 380px;
height: 380px;
}
main.exec-education-2025 section.text-aside-media aside.content .title {
color: #0254A7;
display: block;
margin-bottom: 17px;
}
main.exec-education-2025 section.text-aside-media aside.content .title.pb-m {
margin-bottom: 20px;
}
main.exec-education-2025 section.text-aside-media aside.content .title.desktop-mb-35 {
margin-bottom: 20px;
}
main.exec-education-2025 section.text-aside-media aside.content .title.black {
color: #111111;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--1 {
font-size: calc(22px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.375rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--2 {
font-size: 42px;
line-height: 1.225em;
font-size: 2.625rem;
line-height: 1.225em;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--3 {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 1.75em;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--4 {
font-size: calc(26px + 16 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 16 * ((100vw - 26.25rem) / 860));
line-height: 1.245em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--5 {
font-size: calc(18px + 10 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 10 * ((100vw - 26.25rem) / 860));
line-height: 2.525rem;
color: #1a1a2e;/*font-family: $ff--4;*/
font-weight: 600;
}
main.exec-education-2025 section.text-aside-media aside.content .sub {
font-size: calc(16px + 4 * ((100vw - 420px) / 860));
font-size: calc(1rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #0F0F0F;
display: block;
font-family: 'Niramit', sans-serif;
font-weight: 500;
line-height: 1.65em;
margin-bottom: 20px;
}
main.exec-education-2025 section.text-aside-media aside.content .text {
font-size: 16px;
line-height: 1.545em;
font-size: 1rem;
line-height: 1.545em;
color: #4E4E4E;
display: block;/*font-family: $ff--4;*/
font-weight: 500;
}
main.exec-education-2025 section.text-aside-media aside.content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
main.exec-education-2025 section.text-aside-media aside.content .text.width--1 {
max-width: 475px;
}
main.exec-education-2025 section.text-aside-media aside.content .text.width--02 {
max-width: 461px;
}
main.exec-education-2025 section.text-aside-media aside.content .text .equal {
display: inline-block;
min-width: 100px;
}
main.exec-education-2025 section.text-aside-media aside.content .text a, main.exec-education-2025 section.text-aside-media aside.content .text a:hover {
color: #0254A7;
font-weight: 500
}
main.exec-education-2025 section.text-aside-media aside.content .text b, main.exec-education-2025 section.text-aside-media aside.content .text strong {
color: #282A2A;
font-weight: 700;
}
main.exec-education-2025 section.text-aside-media aside.content .text--mb-1 {
margin-bottom: 45px;
}
main.exec-education-2025 section.text-aside-media aside.content .text ul {
padding-left: 35px;
}
main.exec-education-2025 section.text-aside-media aside.content .text ul li {
@extend: %ts--36;
position: relative;/* color: $c--black; */
font-family: 'Niramit', sans-serif;
letter-spacing: -0.24px;
letter-spacing: -0.015rem;
margin-bottom: 15px;
}
main.exec-education-2025 section.text-aside-media aside.content .text ul li::before {
content: '';
width: 8px;
height: 8px;
background: #0152A3;
left: -30px;
position: absolute;
top: 17px;
transform: translate(0, -50%);
}
main.exec-education-2025 section.text-aside-media aside.content .button {
display: block;
margin-top: 45px;
}
main.exec-education-2025 section.text-aside-media aside.content .button a {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.text-aside-media aside.content .button a:hover {
opacity: .6;
}
main.exec-education-2025 section.text-aside-media aside.content .button--max-width-398 {
max-width: 398px;
}
main.exec-education-2025 section.text-aside-media aside.content .button--inline {
display: inline-flex;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-1 {
margin-bottom: 10px;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-1:last-child {
margin: 0;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-1 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-1 a {
width: 100%;
justify-content: flex-start;
text-align: left;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-2 {
margin-bottom: 5px;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-2:last-child {
margin: 0;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-2 a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #000;
background: #fff url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 20px center / 10px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 48px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-2 a {
width: 100%;
background-color: #F3F4F6;
justify-content: flex-start;
text-align: left;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle {
padding: 20px 0;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle.open .header .arrow:after {
transform: rotate(90deg);
}
main.exec-education-2025 section.text-aside-media aside.content .toggle.open .description {
max-height: -moz-max-content;
max-height: max-content;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .header {
cursor: pointer;
display: flex;
align-items: center;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .header .arrow {
height: 15px;
width: 25px;
position: relative;
margin-right: 15px;
margin-left: -6px;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .header .arrow:after {
content: "";
height: 100%;
width: 100%;
background: url('/media/dist/img/solid-button-arrow-blue.svg') no-repeat left 8px center/10px 15px;
transform: rotate(270deg);
position: absolute;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .header .title {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
color: #464647;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1.2px;
letter-spacing: 0.075rem;
text-transform: uppercase;
margin: 0;
letter-spacing: 0.78px;
letter-spacing: 0.04875rem;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .description {
max-height: 0;
overflow: hidden;/* font-family: $ff--4; */
transition: max-height 0.15s ease-out;
max-width: 480px;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .description .inner {
padding-left: 0;
padding-top: 20px;
padding-bottom: 10px;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .description strong {
font-weight: 700;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .description p {
margin-bottom: 1em;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .description p:last-child {
margin: 0;
}
main.exec-education-2025 section.text-aside-media aside.content .profile {
display: flex;
margin-top: 50px;
max-width: 410px;
align-items: center;
background-color: #F3F4F6;
}
main.exec-education-2025 section.text-aside-media aside.content .profile figure.photo {
width: 100px;
overflow: hidden;
padding-bottom: 110px;
position: relative;
}
main.exec-education-2025 section.text-aside-media aside.content .profile figure.photo .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
main.exec-education-2025 section.text-aside-media aside.content .profile figure.photo .src::before, main.exec-education-2025 section.text-aside-media aside.content .profile figure.photo .src::after {
border-style: solid;
content: "";
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
main.exec-education-2025 section.text-aside-media aside.content .profile figure.photo .src::before {
border-width: 22px 22px 0 0;
border-color: #fff transparent transparent;
top: 0;
left: 0;
}
main.exec-education-2025 section.text-aside-media aside.content .profile figure.photo .src::after {
border-color: transparent transparent #F3F4F6;
border-width: 0 0 22px 22px;
right: 0;
bottom: 0;
}
main.exec-education-2025 section.text-aside-media aside.content .profile .meta {
padding: 30px;
}
main.exec-education-2025 section.text-aside-media aside.content .profile .meta span {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
display: block;
font-family: 'Niramit', sans-serif;
}
main.exec-education-2025 section.text-aside-media aside.content .profile .meta span.name {
color: #000;
font-weight: 700;
}
main.exec-education-2025 section.text-aside-media aside.content .profile .meta span.job {
color: #494949;
}
main.exec-education-2025 section.text-aside-media aside.content .profile .meta span.bio {
display: none;
}
main.exec-education-2025 section.text-aside-media aside.content .large-numbered {
display: flex;
}
main.exec-education-2025 section.text-aside-media aside.content .large-numbered .number {
font-size: calc(25px + 33 * ((100vw - 420px) / 860));
font-size: calc(1.5625rem + 33 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
width: 100%;
max-width: 60px;
margin-right: 25px;/*font-family: $ff--4;*/
color: #312239;
font-weight: 600;
letter-spacing: -0.86px;
letter-spacing: -0.05375rem;
}
main.exec-education-2025 section.text-aside-media aside.content .large-numbered .description {
border-left: 1px solid #a2c616;
margin: 25px;
line-height: 20px;
line-height: 1.25rem;
color: #494949;/* font-family: $ff--4; */
letter-spacing: -0.2px;
letter-spacing: -0.0125rem;
}
/***************
* Media
***************/
main.exec-education-2025 section.text-aside-media aside.media {
position: relative;
}
main.exec-education-2025 section.text-aside-media aside.media.align-left {
display: flex;
justify-content: flex-start;
}
main.exec-education-2025 section.text-aside-media aside.media .play {
top: 20px;
left: 20px;
height: 99px;
width: 99px;
position: absolute;
background-size: cover;
background-image: url('/media/dist/img/play.svg');
}
main.exec-education-2025 section.text-aside-media aside.media .play--small {
height: 79px;
width: 79px;
}
main.exec-education-2025 section.text-aside-media aside.media figure.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 100%;
width: 100%;
height: 0;
}
/* Map */
main.exec-education-2025 section.text-aside-media aside.media figure.map {
position: relative;
display: block;
overflow: hidden;
padding-bottom: 118.855%;
width: 100%;
height: 0;
}
main.exec-education-2025 section.text-aside-media aside.media figure.map--large {
padding-bottom: 100.855%;
width: 100%;
height: 586px;
}
main.exec-education-2025 section.text-aside-media aside.media figure.map--xl-large {
padding-bottom: 107.855%;
width: 100%;
height: 556px;
}
main.exec-education-2025 section.text-aside-media aside.media figure.map iframe {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
/***************
* Orders
***************/
main.exec-education-2025 section.text-aside-media.first--media aside.content {
order: 1;
}
main.exec-education-2025 section.text-aside-media.first--media aside.media {
order: 0;
}
main.exec-education-2025 section.text-aside-media.first--content aside.content {
order: 0;
}
main.exec-education-2025 section.text-aside-media.first--content aside.media {
order: 1;
}
main.exec-education-2025 section.text-aside-media.first--media-mobile aside.content {
order: 1;
padding: 10px 0;
}
main.exec-education-2025 section.text-aside-media.first--media-mobile aside.media {
order: 0;
}
main.exec-education-2025 section.text-aside-media.first--media-mobile--ptb-20 aside.content{
padding: 20px 0;
}
main.exec-education-2025 section.text-aside-media.second--content-mobile aside.content {
order: 1;
padding: 60px 0;
}
main.exec-education-2025 section.text-aside-media.second--content-mobile aside.media {
order: 0;
}
main.exec-education-2025 section.text-aside-media.second--content-mobile--p-s aside.content{
padding: 30px 0;
}
main.exec-education-2025 section.text-aside-media.second--content-mobile--pb-0 aside.content{
padding-bottom: 0;
}
/***************
* Layouts
***************/
main.exec-education-2025 section.text-aside-media.content-width--01 aside.content {
justify-content: center;
padding-top: 20px;
}
main.exec-education-2025 section.text-aside-media.content-width--02 aside.content .content-inner {
max-width: 500px;
}
/***************
* Backgrounds
***************/
main.exec-education-2025 section.text-aside-media.bg--1::before {
background: #F6F8F9;
content: "";
top: -145px;
bottom: 45px;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: calc(100% + 100px);
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--2::before {
background: #F6F8F9;
content: "";
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: calc(100% - 190px);
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--3::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--3 figure.image {
width: 586px;
height: 553px;
}
main.exec-education-2025 section.text-aside-media.bg--4::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--4 figure.image {
width: 586px;
height: 553px;
}
main.exec-education-2025 section.text-aside-media.bg--5::before {
content: '';
background: #F3F4F6;
top: 165px;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 420px);
height: 100%;
width: 100%;
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--6::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 120px);
height: 100%;
width: 100%;
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--6 figure.image {
width: 586px;
height: 553px;
}
main.exec-education-2025 section.text-aside-media.bg--7::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--7 figure.image {
width: 586px;
height: 553px;
}
main.exec-education-2025 section.text-aside-media.bg--8::before {
content: '';
background: #F6F8F9;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--9 aside.content .button a {
color: white!important;
}
main.exec-education-2025 section.text-aside-media.bg--9::before {
content: '';
background: #637465;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
main.exec-education-2025 section.text-aside-media.bg--9 figure.image {}
main.exec-education-2025 section.text-aside-media.bg--9 aside.content .text {
color: white!important;
}
main.exec-education-2025 section.text-aside-media.bg--9 aside.content h2 {
color: white!important;
}
main.exec-education-2025 section.text-aside-media.bg--right::before {
content: '';
right: 0;
left: unset;
}
/***************
* Section margins
***************/
main.exec-education-2025 section.text-aside-media.margin--1 {
margin-bottom: 50px;
}
main.exec-education-2025 section.text-aside-media.margin--2 {
margin-bottom: 40px;
}
main.exec-education-2025 section.text-aside-media.margin--4 {
margin-bottom: 30px;
}
main.exec-education-2025 section.text-aside-media.margin--5 {
margin-bottom: 50px;
}
main.exec-education-2025 section.text-aside-media.margin--6 {
margin-bottom: 70px;
}
main.exec-education-2025 section.text-aside-media.margin--8 {
margin-bottom: 0;
}
main.exec-education-2025 section.text-aside-media.margin--9 {
margin-bottom: 50px;
margin-top: -8px
}
/***************
* Section padding
***************/
main.exec-education-2025 section.text-aside-media.section-padding--02 {
padding-top: 40px;
}
/***************
* Content padding
***************/
/***************
* Lazy-loading
***************/
main.exec-education-2025 section.text-aside-media.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
main.exec-education-2025 section.text-aside-media.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Tile CTAs
**************************************************************/
main.exec-education-2025 section.tile-ctas-change-maker {
height: 100%;
min-height: 600px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1.mobile-p-b-0 {
padding-bottom: 25px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile {
background-color: #312239;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .top-chip {
height: 50px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .bottom-chip {
height: 20px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .middle-chip {
height: 5px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile.cm-blue-theme .color-chip {
background-color: #89B1F7;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile.cm-blue-theme .text .title a {
color: #89B1F7;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .text .title {
font-size: 14px;
font-size: 0.875rem;
min-height: 30px;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
line-height: 22px;
line-height: 1.375rem;
text-align: left;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
margin-bottom: 10px;/* font-family: $ff--4; */
font-weight: 700;
display: block;
text-align: left;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .text .title a.green {
color: #50BC87;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .buttons {
width: 150px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background: url(/media/dist/img/solid-button-arrow-white.svg) no-repeat right 0px center / 15px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 20px;
text-align: center;
transition: all 0.2s ease-in-out;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background: url(/media/dist/img/solid-button-arrow-white.svg) no-repeat right 0px center/15px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 20px;
text-align: center;
transition: all .2s ease-in-out;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .buttons a {
min-height: 43px;
background-color: transparent;
padding: 20px 20px 20px 20px;
box-shadow: unset;
}
main.exec-education-2025 section.tile-ctas-change-maker .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/**
* Header
*/
main.exec-education-2025 section.tile-ctas-change-maker header .title {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
/**
* Container
*/
/**
* Tile
*/
main.exec-education-2025 section.tile-ctas-change-maker article.tile {
background: #F3F4F6;
display: flex;
flex-direction: column;
margin-bottom: 3px;
position: relative;
transition: all .25s ease;
width: 100%;
}
/*
@media only screen and (min-width: 574px) and (max-width: 960px), (min-width: 1024px) and (max-width: 1400px) { flex-basis: calc(50% - 2px); }
*/
/**
* Inner (mobile accordion content)
*/
main.exec-education-2025 section.tile-ctas-change-maker article.tile main.inner {/* display: none;
overflow: hidden;
padding: 0 22px 45px;
position: relative;
z-index: 0; */
height: 100%;
}
/**
* Image
*/
main.exec-education-2025 section.tile-ctas-change-maker article.tile figureinner.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 300px;
z-index: 0;
}
main.exec-education-2025 section.tile-ctas-change-maker article.tile figureinner.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
}
/**
* Text
*/
main.exec-education-2025 section.tile-ctas-change-maker article.tile .text {
padding: 25px 30px 0px 30px;
position: relative;
z-index: 0;
}
/**
* Title
*/
main.exec-education-2025 section.tile-ctas-change-maker article.tile .text .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #111111;
font-family: 'Niramit', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
min-height: 45px;
position: relative;
}
main.exec-education-2025 section.tile-ctas-change-maker article.tile .text .title a {}
/**
* Description
*/
main.exec-education-2025 section.tile-ctas-change-maker article.tile .text .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2em;
text-align: left;/*font-family: $ff--4;*/
font-weight: 500;
}
/**
* Permalink
*/
main.exec-education-2025 section.tile-ctas-change-maker article.tile a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/***************
* Lazy-loading
***************/
main.exec-education-2025 section.tile-ctas-change-maker.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
main.exec-education-2025 section.tile-ctas-change-maker.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/* bespoke css for online courses landing */
main.oc section.tile-ctas article.tile header.toggle {
margin-bottom: 5px;
}
main.oc section.blog-article-index.tile-ctas.style--1.mobile-p-b-0 article a.button {
background-image: url(/media/dist/img/link.svg);
background-repeat: no-repeat;
background-position: 100%;
color: rgba(0, 0, 0, 0.81);
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: 0.1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
}
main.oc section.textarea.blue-theme-cm-colour h4 {
color: #89B1F7 !important;
}
main.oc section.textarea.orange-theme-cm-colour h4 {
color: #FD6A53 !important;
}
main.oc section.textarea.pink-theme-cm-colour h4 {
color: #BC8BC4 !important;
}
main.oc section.textarea.green-theme-cm-colour h4 {
color: #50BC87 !important;
}
main.oc section.textarea.violet-theme-cm-colour h4 {
color: #e795e8 !important;
}
main.oc section.textarea.dark-green-theme-cm-colour h4 {
color: #71c261 !important;
}
main.oc section.textarea.purple-theme-cm-colour h4 {
color: #7b71ff !important;
}
main.oc section.textarea.aqua-theme-cm-colour h4 {
color: #54c6c0 !important;
}
main.oc section.textarea.yellow-orange-theme-cm-colour h4 {
color: #ffad51 !important;
}
main.oc .large-bg-text-cm {
color: rgba(137, 177, 247, 0.7);
font-family: Montserrat, sans-serif;
font-size: 2.3rem;
font-weight: 600;
letter-spacing: -0.05em;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-align: center;
padding: 30px;
}
main.oc section.programmes-section.bg--9::before {
content: '';
background: #0254A7;
top: 0;
right: 0;
left: 0;
position: absolute;
width: calc(50% + 230px);
height: 100%;
width: 100%;
z-index: -1;
}
main.oc section.single-image img {
margin-top: 5px;
}
main.oc section.single-image img.blue-theme-cm-colour {
border-top: 20px solid #89B1F7;
border-bottom: 20px solid #89B1F7;
}
main.oc section.single-image img.orange-theme-cm-colour {
border-top: 20px solid #FD6A53;
border-bottom: 20px solid #FD6A53;
}
main.oc section.single-image img.pink-theme-cm-colour {
border-top: 20px solid #BC8BC4;
border-bottom: 20px solid #BC8BC4;
}
main.oc section.single-image img.green-theme-cm-colour {
border-top: 20px solid #50BC87;
border-bottom: 20px solid #50BC87;
}
main.oc section.single-image img.violet-theme-cm-colour {
border-top: 20px solid #e795e8;
border-bottom: 20px solid #e795e8;
}
main.oc section.single-image img.dark-green-theme-cm-colour {
border-top: 20px solid #71c261;
border-bottom: 20px solid #71c261;
}
main.oc section.single-image img.purple-theme-cm-colour {
border-top: 20px solid #7b71ff;
border-bottom: 20px solid #7b71ff;
}
main.oc section.single-image img.aqua-theme-cm-colour {
border-top: 20px solid #54c6c0;
border-bottom: 20px solid #54c6c0;
}
main.oc section.single-image img.yellow-orange-theme-cm-colour {
border-top: 20px solid #ffad51;
border-bottom: 20px solid #ffad51;
}
main.oc section.textarea blockquote:after.blue-theme-cm-colour, main.oc section.textarea blockquote:before.blue-theme-cm-colour {
color: #89B1F7;
}
main.oc section.textarea blockquote:after.orange-theme-cm-colour, main.oc section.textarea blockquote:before.orange-theme-cm-colour {
color: #FD6A53;
}
main.oc section.textarea blockquote:after.pink-theme-cm-colour, main.oc section.textarea blockquote:before.pink-theme-cm-colour {
color: #BC8BC4;
}
main.oc section.textarea blockquote:after.green-theme-cm-colour, main.oc section.textarea blockquote:before.green-theme-cm-colour {
color: #50BC87;
}
main.oc section.textarea blockquote:after.violet-theme-cm-colour, main.oc section.textarea blockquote:before.violet-theme-cm-colour {
color: #e795e8;
}
main.oc section.textarea blockquote:after.dark-green-theme-cm-colour, main.oc section.textarea blockquote:before.dark-green-theme-cm-colour {
color: #71c261;
}
main.oc section.textarea blockquote:after.purple-theme-cm-colour, main.oc section.textarea blockquote:before.purple-theme-cm-colour {
color: #7b71ff;
}
main.oc section.textarea blockquote:after.aqua-theme-cm-colour, main.oc section.textarea blockquote:before.aqua-theme-cm-colour {
color: #54c6c0;
}
main.oc section.textarea blockquote:after.yellow-orange-theme-cm-colour, main.oc section.textarea blockquote:before.yellow-orange-theme-cm-colour {
color: #ffad51;
}
/**************************************************************
* Photo carousel
**************************************************************/
section.meet-the-makers_oc {
display: block;
overflow: hidden;
padding-top: 30px;
padding-bottom: 70px;
position: relative;
width: 100%;
}
/***************
* Content
***************/
section.meet-the-makers_oc .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.meet-the-makers_oc .content {
display: block;
margin-bottom: 55px;
position: relative;
z-index: 1;
}
/* Inner */
section.meet-the-makers_oc .content .content-inner {
margin: 0 auto;
max-width: 800px;
text-align: center;
}
/* Title */
section.meet-the-makers_oc .content .title {
font-size: 32px;
line-height: 1.225em;
font-size: 2rem;
line-height: 1.225em;
color: #0254A7;
display: block;/*font-family: $ff--4;*/
font-weight: 600;
margin: 5px auto 15px;
}
section.meet-the-makers_oc .content .title.black {
font-size: calc(26px + 6 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #111111;/*font-family: $ff--4;*/
font-weight: 600;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
line-height: 43px;
line-height: 2.6875rem;
text-align: center;
}
/* Text */
section.meet-the-makers_oc .content .text {
font-size: 16px;
line-height: 1.545em;
font-size: 1rem;
line-height: 1.545em;
color: #4E4E4E;
font-weight: 400;
display: block;
}
/* font-family: $ff--4; */
section.meet-the-makers_oc .content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.meet-the-makers_oc .content .text b, section.meet-the-makers_oc .content .text strong {
color: #282A2A;
font-weight: 700;
}
/* END OF DOCUMENT */
/**************************************************************
* Tile CTAs
**************************************************************/
main.oc section.tile-ctas-change-maker article.tile .text .description, main.oc section.tile-ctas-change-maker.style--1 article.tile .buttons a {
color: #0254a7!important;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .buttons a {
background: url(/media/dist/img/solid-button-arrow-blue.svg) no-repeat right 0 center/15px 15px!important;
}
main.oc span.mobile-title {
font-weight: 600;
min-height: 80px;
width: 100%;
display: block;
color: #0254a7!important;
width: 100%;
padding: 10px;
background-color: rgba(0,0,0,.3);
}
main.oc span.mobile-title a {
color: #0254a7
}
main.oc section.tile-ctas-change-maker {
height: 100%;
}
/* min-height: 600px; */
main.oc section.tile-ctas-change-maker.style--1.mobile-p-b-0 {
padding-bottom: 25px;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile {
background-color: #e6edf4;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .top-chip {
height: 50px;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .bottom-chip {
height: 20px;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .middle-chip {
height: 5px;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .text .title {
font-size: 14px;
font-size: 0.875rem;
min-height: 30px;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
line-height: 22px;
line-height: 1.375rem;
text-align: left;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
margin-bottom: 10px;/* font-family: $ff--4; */
font-weight: 700;
display: block;
text-align: left;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .text .title a.green {
color: #50BC87;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .buttons {
width: 150px;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background: url(/media/dist/img/solid-button-arrow-white.svg) no-repeat right 0px center / 15px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: 0.72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 20px;
text-align: center;
transition: all 0.2s ease-in-out;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .buttons a {
font-size: 12px;
line-height: 1.2em;
font-size: 0.75rem;
line-height: 1.2em;
color: #fff;
background: url(/media/dist/img/solid-button-arrow-white.svg) no-repeat right 0px center/15px 15px;
box-shadow: 0 1px 0 0 #CCD4D8;
align-items: center;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px 20px 20px 20px;
text-align: center;
transition: all .2s ease-in-out;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .buttons a {
min-height: 43px;
background-color: transparent;
padding: 20px 20px 20px 20px;
box-shadow: unset;
}
main.oc section.tile-ctas-change-maker .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/**
* Header
*/
main.oc section.tile-ctas-change-maker header .title {
font-size: calc(16px + 6 * ((100vw - 420px) / 860));
font-size: calc(1rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
color: #111111;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
/**
* Container
*/
/**
* Tile
*/
main.oc section.tile-ctas-change-maker article.tile {
background: #F3F4F6;
display: flex;
flex-direction: column;
margin-bottom: 3px;
position: relative;
transition: all .25s ease;
width: 100%;
}
/*
@media only screen and (min-width: 574px) and (max-width: 960px), (min-width: 1024px) and (max-width: 1400px) { flex-basis: calc(50% - 2px); }
*/
/**
* Inner (mobile accordion content)
*/
main.oc section.tile-ctas-change-maker article.tile main.inner {/* display: none;
overflow: hidden;
padding: 0 22px 45px;
position: relative;
z-index: 0; */
height: 100%;
}
/**
* Image
*/
main.oc section.tile-ctas-change-maker article.tile figureinner.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 300px;
z-index: 0;
}
main.oc section.tile-ctas-change-maker article.tile figureinner.image .src {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
transform: none;
transition: all .2s ease-in-out;
}
/**
* Text
*/
main.oc section.tile-ctas-change-maker article.tile .text {
padding: 25px 30px 0px 30px;
position: relative;
z-index: 0;
}
/**
* Title
*/
main.oc section.tile-ctas-change-maker article.tile .text .title {
font-size: 15px;
line-height: 1.2em;
font-size: 0.9375rem;
line-height: 1.2em;
color: #111111;
font-family: 'Niramit', sans-serif;
font-weight: 700;
letter-spacing: .10175em;
min-height: 45px;
position: relative;
}
main.oc section.tile-ctas-change-maker article.tile .text .title a {}
/**
* Description
*/
main.oc section.tile-ctas-change-maker article.tile .text .description {
font-size: 14px;
line-height: 1.7em;
font-size: 0.875rem;
line-height: 1.7em;
display: block;
letter-spacing: -.18px;
letter-spacing: -0.01125rem;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2em;
text-align: left;/*font-family: $ff--4;*/
font-weight: 500;
}
/**
* Permalink
*/
main.oc section.tile-ctas-change-maker article.tile a.permalink {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: -999px;
z-index: 1;
}
/***************
* Lazy-loading
***************/
main.oc section.tile-ctas-change-maker.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
main.oc section.tile-ctas-change-maker.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/* In-build tweaks, overrides and additions */
/* ACCESSIBILITY FIXES */
/* colour contrast */
header.primary .top-menu a {
color: #767675;
}
/* Text */
/* Figure */
section.icon-stats article.stat span.figure {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
color: #8B8D8B;
}
footer.primary .footer-social-networks li a {
color: #fff;
}
.expertise-section .expertise-content-item .footer .link .title {
color: #fff;
}
.expertise-section .expertise-content-item .footer .link .description {
color: #fff;
}
.underline-link {
text-decoration: underline;
}
.underline-link:hover, .underline-link:focus {
text-decoration: underline;
}
/***************
* Programme colours overrides
***************/
section.standard-hero {
/* Doctoral */
}
/* UG */
/* hero section download brochure buttons */
section.standard-hero.programme--undergrad aside.buttons a.download {
background-color: #e6007e;
}
/* PG */
/* hero section download brochure buttons */
section.standard-hero.programme--postgrad aside.buttons a.download {
background-color: #00b1ab;
}
/* executive education */
/* hero section download brochure buttons */
section.standard-hero.programme--exec aside.buttons a.download {
background-color: #637465;
}
/* mba */
section.standard-hero.programme--mba aside.buttons a.download {
background-color: #a71680;
}
section.standard-hero.programme--mba aside.buttons a.newsletter {
background-color: #312a6f;
color: white;
background-position: center left 36px;
background-repeat: no-repeat;
background-size: 9px 12px;
min-width: 0;
padding-left: 58px;
background-image: url('/media/dist/img/button-external.svg');
}
/* original colour is not accessible use darker version */
section.standard-hero.programme--doctoral aside.buttons a.download {
background-color: #2384b4;
}
/* london */
section.standard-hero.programme--london aside.buttons a.download {
background-color: #2384b4;
}
section.single-image img {
margin-top: -55px;
}
section.programme-body {
/* Doctoral */
}
/* UG */
/* programme structure */
section.programme-body.programme--undergrad section.timeline-tabs nav.tabs ul li a.active,
section.programme-body.programme--undergrad section.timeline-tabs .tabbed-content .item .item-content .keys {
border-color: #e6007e;
}
/* finance tabs */
section.programme-body.programme--undergrad section.financial-tabs .tabbed-content ul.financial-crumb li span.figure,
section.programme-body.programme--undergrad section.financial-tabs .tabbed-content .two-col-list .title {
color: #e6007e;
}
section.programme-body.programme--undergrad section.financial-tabs nav.tabs ul li a.active {
border-color: #e6007e;
}
/* application steps */
section.programme-body.programme--undergrad section.application-steps article.item header span.count,
section.programme-body.programme--undergrad section.application-steps article.item:last-of-type header .label {
background-color: #e6007e;
}
/* PG */
/* programme structure - pg green is the default in course templates */
section.programme-body.programme--postgrad section.timeline-tabs nav.tabs ul li a.active {
border-color: #00b1ab;
}
section.programme-body.programme--postgrad section.contained-textarea h3.title, section.programme-body.programme--postgrad section.textarea h3.title {
color: #00b1ab;
}
/* executive education */
/* programme struture */
section.programme-body.programme--exec section.timeline-tabs nav.tabs ul li a.active,
section.programme-body.programme--exec section.timeline-tabs .tabbed-content .item .item-content .keys {
border-color: #637465;
}
/* finance tabs */
section.programme-body.programme--exec section.financial-tabs .tabbed-content ul.financial-crumb li span.figure,
section.programme-body.programme--exec section.financial-tabs .tabbed-content .two-col-list .title {
color: #637465;
}
section.programme-body.programme--exec section.financial-tabs nav.tabs ul li a.active {
border-color: #637465;
}
/* application steps */
section.programme-body.programme--exec section.application-steps article.item header span.count,
section.programme-body.programme--exec section.application-steps article.item:last-of-type header .label {
background-color: #a2c616;
}
/* mba */
section.programme-body.programme--mba section.timeline-tabs nav.tabs ul li a.active {
border-color: #a71680;
}
/* finance tabs */
section.programme-body.programme--mba section.financial-tabs .tabbed-content ul.financial-crumb li span.figure,
section.programme-body.programme--mba section.financial-tabs .tabbed-content .two-col-list .title {
color: #a71680;
}
section.programme-body.programme--mba section.financial-tabs nav.tabs ul li a.active {
border-color: #a71680;
}
/* application steps */
section.programme-body.programme--mba section.application-steps article.item header span.count,
section.programme-body.programme--mba section.application-steps article.item:last-of-type header .label {
background-color: #a71680;
}
/* original colour is not accessible use darker version */
/* programme structure */
section.programme-body.programme--doctoral section.timeline-tabs nav.tabs ul li a.active,
section.programme-body.programme--doctoral section.timeline-tabs .tabbed-content .item .item-content .keys {
border-color: #80c0d3;
}
/* finance tabs */
section.programme-body.programme--doctoral section.financial-tabs .tabbed-content ul.financial-crumb li span.figure,
section.programme-body.programme--doctoral section.financial-tabs .tabbed-content .two-col-list .title {
color: #80c0d3;
}
section.programme-body.programme--doctoral section.contained-textarea ul.financial-crumb {
color: #80c0d3;
}
section.programme-body.programme--doctoral section.contained-textarea ul.financial-crumb li span.figure {
color: #80c0d3;
}
section.programme-body.programme--doctoral section.financial-tabs nav.tabs ul li a.active {
border-color: #80c0d3;
}
section.programme-body.programme--doctoral section.programme-table-steps .buttons a:not(.primary) {
border-color: #2384b4;
color: #2384b4;
}
section.programme-body.programme--doctoral section.programme-table-steps .buttons a:not(.primary):hover {
color: #fff;
background-color: #2384b4;
}
section.programme-body.programme--doctoral section.programme-table-steps .buttons a.primary {
background-image: linear-gradient(to left, #80c0d3 0%, #2384b4 100%);
background-color: #2384b4;
}
section.programme-body.programme--doctoral section.programme-table-steps .buttons a.primary:hover {
background-image: none;
}
/* application steps */
section.programme-body.programme--doctoral section.application-steps article.item header span.count,
section.programme-body.programme--doctoral section.application-steps article.item:last-of-type header .label {
background-color: #2384b4;
}
section.programme-body.programme--doctoral section.simple-testimonial .quote {
color: #2384b4;
}
/* london */
section.programme-body.programme--london section.timeline-tabs nav.tabs ul li a.active {
border-color: #004899;
}
section.case-study-carousel.programme--doctoral header > .title, section.case-study-carousel.programme--doctoral blockquote {
color: #2384b4;
}
section.case-study-carousel.programme--doctoral .button a {
background: #2384b4;
transition: all .2s ease;
}
section.case-study-carousel.programme--doctoral .button a:not(:hover) {
background-image: linear-gradient(to right, #80c0d3, #2384b4);
}
/**********************
* general Programme tweaks
**********************/
/* extra h3 heading inside tabs for eu/international fees */
section.programme-body section.financial-tabs .tabbed-content h3, section.standard-body section.financial-tabs .tabbed-content h3 {
font-size: 1.375rem;
line-height: 1.645em;
font-family: Montserrat, sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
/* scholarship funding title margin bottom overide */
section.programme-body section.tile-ctas article.tile .text .title, section.standard-body section.tile-ctas article.tile .text .title {
min-height: 0px;
}
section.programme-body section.tile-ctas article.tile .text .description, section.standard-body section.tile-ctas article.tile .text .description {
margin-top: 10px;
}
/* override top margin on module buttons for programm structure */
section.programme-body section.timeline article.stamp main.content a.button, section.standard-body section.timeline article.stamp main.content a.button {
margin: 10px 0 0;
}
/* programme fees fix */
section.programme-body section.financial-tabs .tabbed-content .two-col-list, section.standard-body section.financial-tabs .tabbed-content .two-col-list {
width: 100%;
}
/* programme pages stats icons */
section.programme-body section.icon-stats article.stat i.icon, section.standard-body section.icon-stats article.stat i.icon {
margin: 0px 15px 0 0;
}
section.programme-body section.icon-stats article.stat img, section.standard-body section.icon-stats article.stat img {
width: auto;
height: 50px;
}
/* testimonial widget */
section.programme-body article.testimonial figure.image,
section.programme-body article.blog a.image,
section.standard-body article.testimonial figure.image,
section.standard-body article.blog a.image {
padding-bottom: 62%;
}
section.programme-body article.testimonial .person .text, section.standard-body article.testimonial .person .text {
width: 100%;
}
section.programme-body article.testimonial .person, section.standard-body article.testimonial .person {
width: 100%;
}
/* Active */
section.timeline-tabs nav.tabs ul li a.active {
height: 100%;
}
/* Hover */
section.timeline-tabs nav.tabs ul li a:hover {
height: 100%;
}
section.textarea table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
margin-bottom: 35px;
}
section.textarea table tr {
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: .35em;
}
section.textarea table th,
section.textarea table td {
padding: .625em;
text-align: left;
}
section.textarea table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
font-weight: 700;
}
section.textarea .wrapper {
display: flex;
flex-wrap: wrap;
}
section.textarea .left,
section.textarea .right {
flex: 1 0 45%;
white-space: nowrap;
box-sizing: border-box;
}
section.textarea .left {
margin-left: 20px;
}
/**
* Finance table
*/
section.contained-textarea ul.financial-crumb {
margin-bottom: 0px;
padding: 20px 0 0;
}
section.contained-textarea ul.financial-crumb li:before {
display: none;
}
section.contained-textarea ul.financial-crumb li {
display: block;
position: relative;
text-align: center;
vertical-align: top;
padding-left: 0px;
}
section.contained-textarea ul.financial-crumb li:not(:last-of-type) {
margin-bottom: 5px;
padding-bottom: 42px;
}
section.contained-textarea ul.financial-crumb li:not(:last-of-type)::after {
background: transparent url('/wbs2020/media/dist/img/financial-crumb-arrow.svg') no-repeat center / 14px 52px;
content: "";
margin: 0 auto;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 14px;
height: 52px;
text-align: center;
transform-origin: center;
transform: rotate(90deg);
}
section.contained-textarea ul.financial-crumb li span {
display: block;
font-family: 'Montserrat', sans-serif;
}
section.contained-textarea ul.financial-crumb li span.label {
font-size: 13px;
line-height: 1.2em;
font-size: 0.8125rem;
line-height: 1.2em;
}
section.contained-textarea ul.financial-crumb li span.figure {
font-size: 40px;
line-height: 1.645em;
font-size: 2.5rem;
line-height: 1.645em;
color: #007154;
}
/*
&:last-of-type {
background: #EBEDEF;
padding: 28px 20px 25px;
/span.figure { font-weight: $fw--semibold; }
}
*/
/* CSS fixes i.e. new css overriding older css - this is quicker than going back to agency to fix !!!*/
/* phase 4 tabs fix */
.slick-slide img.award {
width: 45px;
}
/**************************************************************
* Social connect
**************************************************************/
/***************
* Scatter images (desktop)
***************/
section.social-connect .image-scatter a:nth-of-type(8) {
top: 480px;
left: 1050px;
width: 200px;
height: 200px;
}
section.social-connect .image-scatter a:hover figure.image {
transform: scale(1.1);
}
section.four-block-cta .block .description {
min-height: 100px;
}
/* alumni fix - flex content and content with less text than in template */
section.img-content-rows .row aside.media {
width: 378px;
}
/* broken carousel cube fix */
section.slider-carousel-info .information:after {
top: -43px;
width: calc(100% - 43px);
}
/* foundation course with multiple ucas codes */
section.programme-table-steps ul.list li.row span.ucas {
max-width: 100%;
text-align: left;
}
/* filter fixes - list item width not expanding with text overflow
- event filter submit button with no cursor pointer
*/
section.events-index aside.filters .input-group ul li.size--third {
min-width: 33.3333%;
}
section.events-index aside.filters .input-group ul li.size--half {
min-width: 50%;
}
section.events-index aside.filters .input-group ul li.size--full {
min-width: 100%;
}
section.events-index aside.filters .submit button:not(:disabled) {
cursor: pointer;
}
section.staff-listing aside.filters .input-group ul li.size--third {
flex-basis: auto;
min-width: 33.3333%;
}
section.staff-listing aside.filters .input-group ul li.size--half {
flex-basis: auto;
min-width: 50%;
}
section.staff-listing aside.filters .input-group ul li.size--full {
flex-basis: auto;
min-width: 100%;
}
/* broken by agency phase 4 css */
section.application-steps article.item header span.title {
margin-bottom: 0px;
}
/* lacacy news and blog in line images mobile view */
/* fix for student experience banner alignment */
/* Between (range) */
/* london programme disappear at large screen widths */
/* fees grid */
/*
@media only screen and (min-width: 960px) and (max-width: 1024px), (min-width: 1400px) { flex-basis: calc(33% - 2px); }
@media only screen and (min-width: 574px) and (max-width: 960px), (min-width: 1024px) and (max-width: 1400px) { flex-basis: calc(49% - 2px) };
*/
/* carousel swipe on mobile */
section.slider-carousel .slider {
position: relative;
}
section.slider-carousel-info .information .controls {
margin-top: 25px;
}
section.slider-carousel-info .information .heading {
margin-bottom: 0px;
}
#AlumniRelatedEventsApp article.event {
min-height: 300px;
max-height: 300px;
}
/* adjust banner css at very wide widths to stop zooming of images */
section.standard-hero figure.image .maxwidth {
max-width: 1540px;
}
/* 'in-build' tweaks that you don't want overridden by subsequent agency changes !! */
/* eventaully add into main css whne agency work is completed */
/* GENERAL */
/* blog button colors */
/* Base styles for the staff-profile section */
/* Styles specific to the masters program */
section.staff-profile.programme--postgrad .buttons a.primary {
background-color: #00b1ab;/* Additional styles for primary buttons in the masters program */
}
/* Styles specific to the MBA program */
section.staff-profile.programme--mba .buttons a.primary {
background-color: #a71680;/* Additional styles for primary buttons in the MBA program */
}
/* Styles specific to the undergraduate program */
section.staff-profile.programme--undergrad .buttons a.primary {
background-color: #e6007e;/* Additional styles for primary buttons in the undergraduate program */
}
/* Styles specific to the executive education program */
section.staff-profile.programme--exec .buttons a.primary {
background-color: #637465;/* Additional styles for primary buttons in the executive education program */
}
/* Styles specific to the doctoral program */
section.staff-profile.programme--doctoral .buttons a.primary {
background-color: #2384b4;/* Additional styles for primary buttons in the doctoral program */
}
/* default link colour */
section a, section a:visited {
color: #0254A7;
}
/* retain italic styling of in h2's */
section.textarea h2 em {
font-style: italic;
}
/* core insights theme in News / Blogs sections */
.news-events-showcase .coreinsights--healthcare, .blog-article-index .coreinsights--healthcare, .news-listing .coreinsights--healthcare, aside.secondary-tiles .coreinsights--healthcare, aside.large-tile .coreinsights--healthcare, .hero-article .coreinsights--healthcare {
background-color: #009fe3;
}
.news-events-showcase .coreinsights--finance, .blog-article-index .coreinsights--finance, .news-listing .coreinsights--finance, aside.secondary-tiles .coreinsights--finance, aside.large-tile .coreinsights--finance, .hero-article .coreinsights--finance {
background-color: #48a840;
}
.news-events-showcase .coreinsights--behavioural-science, .blog-article-index .coreinsights--behavioural-science, .news-listing .coreinsights--behavioural-science, aside.secondary-tiles .coreinsights--behavioural-science, aside.large-tile .coreinsights--behavioural-science, .hero-article .coreinsights--behavioural-science {
background-color: #e5332a;
}
.news-events-showcase .coreinsights--strategy, .blog-article-index .coreinsights--strategy, .news-listing .coreinsights--strategy, aside.secondary-tiles .coreinsights--strategy, aside.large-tile .coreinsights--strategy, .hero-article .coreinsights--strategy {
background-color: #9966ff;
}
.news-events-showcase .coreinsights--leadership, .blog-article-index .coreinsights--leadership, .news-listing .coreinsights--leadership, aside.secondary-tiles .coreinsights--leadership, aside.large-tile .coreinsights--leadership, .hero-article .coreinsights--leadership {
background-color: #993366;
}
.news-events-showcase .coreinsights--entrepreneurship-innovation, .blog-article-index .coreinsights--entrepreneurship-innovation, .news-listing .coreinsights--entrepreneurship-innovation, aside.secondary-tiles .coreinsights--entrepreneurship-innovation, aside.large-tile .coreinsights--entrepreneurship-innovation, .hero-article .coreinsights--entrepreneurship-innovation {
background-color: #f8b033;
}
.news-events-showcase .coreinsights--entrepreneurship-and-innovation, .blog-article-index .coreinsights--entrepreneurship-and-innovation, .news-listing .coreinsights--entrepreneurship-and-innovation, aside.secondary-tiles .coreinsights--entrepreneurship-and-innovation, aside.large-tile .coreinsights--entrepreneurship-and-innovation, .hero-article .coreinsights--entrepreneurship-and-innovation {
background-color: #f8b033;
}
.news-events-showcase .coreinsights--sustainability, .blog-article-index .coreinsights--sustainability, .news-listing .coreinsights--sustainability, aside.secondary-tiles .coreinsights--sustainability, aside.large-tile .coreinsights--sustainability, .hero-article .coreinsights--sustainability {
background-color: #97d0dd;
}
.news-events-showcase .coreinsights--future-of-work, .blog-article-index .coreinsights--future-of-work, .news-listing .coreinsights--future-of-work, aside.secondary-tiles .coreinsights--future-of-work, aside.large-tile .coreinsights--future-of-work, .hero-article .coreinsights--future-of-work {
background-color: #4b6d76;
}
.news-events-showcase .coreinsights--default, .blog-article-index .coreinsights--default, .news-listing .coreinsights--default, aside.secondary-tiles .coreinsights--default, aside.large-tile .coreinsights--default, .hero-article .coreinsights--default {
background-color: #0054a4;
}
.news-events-showcase .marker.default, .blog-article-index .marker.default, .news-listing .marker.default, aside.secondary-tiles .marker.default, aside.large-tile .marker.default, .hero-article .marker.default {
background-color: #0054a4;
}
.news-events-showcase .marker.undergraduate, .blog-article-index .marker.undergraduate, .news-listing .marker.undergraduate, aside.secondary-tiles .marker.undergraduate, aside.large-tile .marker.undergraduate, .hero-article .marker.undergraduate {
background-color: #e6007e;
}
.news-events-showcase .marker.masters, .blog-article-index .marker.masters, .news-listing .marker.masters, aside.secondary-tiles .marker.masters, aside.large-tile .marker.masters, .hero-article .marker.masters {
background-color: #00b1ab;
}
.news-events-showcase .marker.mba, .blog-article-index .marker.mba, .news-listing .marker.mba, aside.secondary-tiles .marker.mba, aside.large-tile .marker.mba, .hero-article .marker.mba {
background-color: #a71680;
}
.news-events-showcase .marker.executive-education, .blog-article-index .marker.executive-education, .news-listing .marker.executive-education, aside.secondary-tiles .marker.executive-education, aside.large-tile .marker.executive-education, .hero-article .marker.executive-education {
background-color: #637465;
}
.news-events-showcase .marker.doctoral, .blog-article-index .marker.doctoral, .news-listing .marker.doctoral, aside.secondary-tiles .marker.doctoral, aside.large-tile .marker.doctoral, .hero-article .marker.doctoral {
background-color: #80c0d3;
}
.news-events-showcase .marker.default, .blog-article-index .marker.default, .news-listing .marker.default, aside.secondary-tiles .marker.default, aside.large-tile .marker.default, .hero-article .marker.default {
background-color: #0054a4;
}
/* homepage - made more accessible by increasing contrast */
.expertise-section .coreinsights--healthcare {
background-color: #0a84b8;
}
.expertise-section .coreinsights--finance {
background-color: #48a840;
}
.expertise-section .coreinsights--behavioural-science {
background-color: #e5332ac9;
}
.expertise-section .coreinsights--strategy {
background-color: #9966ff;
}
.expertise-section .coreinsights--leadership {
background-color: #993366bd;
}
.expertise-section .coreinsights--entrepreneurship-and-innovation {
background-color: #C37C0E;
}
.expertise-section .coreinsights--sustainability {
background-color: #12a0c1;
}
.expertise-section .coreinsights--future-of-work {
background-color: #6b96a2;
}
.expertise-section .coreinsights--exec-awards {
background-color: #6f8372;
}
.expertise-section .coreinsights--default {
background-color: #0054a4;
}
.expertise-section .coreinsights--default a > span.title {
line-height: 1.35rem!important
}
.expertise-section .marker.default {
background-color: #0054a4;
}
.expertise-section .marker.undergraduate {
background-color: #e6007e;
}
.expertise-section .marker.masters {
background-color: #00b1ab;
}
.expertise-section .marker.mba {
background-color: #a71680;
}
.expertise-section .marker.executive-education {
background-color: #637465;
}
.expertise-section .marker.doctoral {
background-color: #80c0d3;
}
.expertise-section .marker.default {
background-color: #0054a4;
}
/* making blog and other compoents heading less prominent when used in programme page below main heading by adding .in-programme class to header */
section.testimonial-tabs header.in-programme >.title, section.thumb-testimonial-index header.in-programme >.title, section.blog-article-index header.in-programme >.title, section.case-study-index header.in-programme >.title, section.application-steps header.in-programme >.title, section.case-study-carousel header.in-programme >.title {
color: #000 !important;
}
/* this class is added using a javascript func see global-scripts.cfm */
section.standard-hero header.title .text h1 {
line-height: 1.20em;
font-size: 2.08rem!important;
}
section.standard-hero header.title .text h1.longtitle {
font-size: 1.80rem!important;
}
section.standard-hero header.title .text h1.longwordintitle {
font-size: 1.70rem!important;
}
/* cookies control */
#ccc #ccc-notify p {
padding-right: 10px;
}
button#ccc-notify-accept, button#ccc-recommended-settings {
background-color: #0054a4!important;
}
/* NEWS */
section.news-montage .section-heading.blogs {
padding-top: 0px;
}
section.news-listing main.listing article .text>a.title {
min-height: 55px;
}
section.news-listing main.listing article {
border-bottom: 1px solid hsla(0, 0%, 59%, .33);
margin-bottom: 30px;
}
section.news-listing main.listing article .text .category {
min-height: 14px;
}
section.news-listing main.listing article .text .excerpt {
min-height: 96px;
}
section.news-listing main.listing article .text .meta {
margin-top: 4px;
}
/* student experience - course level colour chip */
i.colour.undergraduate {
background-color: #e6007e;
}
i.colour.masters {
background-color: #00b1ab;
}
i.colour.mba {
background-color: #a71680;
}
i.colour.executive-education {
background-color: #637465;
}
i.colour.doctoral {
background-color: #80c0d3;
}
i.colour.default {
background-color: #0054a4;
}
i.colour.alumni {
background-color: #0054a4;
}
i.colour.ranking {
background-color: #0054a4;
}
/* change Montserrat font on request of marketing to something else !! */
section.hero-inline-form .inline-form ul.dk-select-options li.dk-option {
font-family: Niramit, sans-serif !important;
}
/* spacing on homepage cta links */
.our-ratings-section .link-view-all,
.programmes-section .link-view-all,
.expertise-section .link-view-all,
.expertise-section .link-view-all,
section.news-events-showcase .link-view-all {
letter-spacing: .03em;
}
/* data table entry requirements course pages */
/* text styling tweaks */
/* ranking icons */
.our-ratings-item img, section.textarea-aside-stats aside img {
width: 45px;
}
/***************
* Carousel
***************/
/* removed 14th October 2021
section.case-study-carousel {
main {
li {
@media (--lg-up) {
aside.image {
flex: 1 1 calc(40% - 20px);
max-width: calc(40% - 20px);
min-width: calc(40% - 20px);
}
aside.content {
flex: 1 1 calc(60% - 20px);
max-width: calc(60% - 20px);
min-width: calc(60% - 20px);
}
}
}
}
}
*/
/* Group */
/* Title */
main.listing .group > .group-title-small {
margin-bottom: 30px;
margin-left: 10px;
}
main.listing .group > .group-title-small a {
font-size: calc(18px + 14 * ((100vw - 420px) / 860));
font-size: calc(1.125rem + 14 * ((100vw - 26.25rem) / 860));
line-height: 1.37em;
color: #637465;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
position: relative;
font-size: 1.4em!important;
}
section.programme--exec main.content .listing.listing--multiple .col>span.title a {
color: #637465!important;
}
/* Title */
article.index-programme .title {
min-height: 22px;
}
/* full width blurb on phd landing page */
/**
* Three per row
*/
section.thumb-testimonial-index.three-per-row .list {
max-width: 100%;
width: 100%;
}
/* Container */
section.thumb-testimonial-index.three-per-row .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
/* Blog articles */
/* for when there are only two appoinment boxes */
section.appointment-index article.appointment:last-of-type {
margin-bottom: 30px;
}
/*homepage logos */
section.home-hero .logos li {
margin-left: 45px;
}
section.home-hero .logos li img {
height: 50px;
width: auto;
}
/* ranking logos */
/* Icons Column */
.about-section .information-icons .icons .icon {
margin-right: 25px;
}
.about-section .information-icons .icons .icon:last-child {
margin: 0;
}
.about-section .information-icons .icons .icon img {
height: auto;
width: 100px;
}
/* Related Events fix */
/***** breaking change have taken out for now ****
article.event {
main {
.description {
@media (--sm-up) {
max-width: 325px;
}
}
}
}
*/
article.event main .more-info.expanded span::after {
transform: rotate(-90deg);
}
section.blog-article-index main.list article.blog {
margin-bottom: 20px;
}
article.blog .text .excerpt {
margin-top: -5px;
}
section.application-steps article.item main.content ul, section.application-steps article.item main.content ol {
padding-top: 0px;
margin-bottom: 4px;
}
section.single-image img {
margin-top: 25px;
}
section.contained-textarea .two-col-list .title, section.textarea .two-col-list .title {
font-size: 22px;
line-height: 1.645em;
font-size: 1.375rem;
line-height: 1.645em;
color: black;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
section.contained-textarea .two-col-list ul, section.contained-textarea .two-col-list ol, section.textarea .two-col-list ul, section.textarea .two-col-list ol {
display: block;
margin-bottom: 24px;
padding-left: 0;
}
section.contained-textarea .two-col-list ul li, section.contained-textarea .two-col-list ol li, section.textarea .two-col-list ul li, section.textarea .two-col-list ol li {
background: transparent;
display: list-item;
list-style: none !important;
padding-left: 30px;
position: relative;
}
section.contained-textarea .two-col-list ul li::before, section.contained-textarea .two-col-list ol li::before, section.textarea .two-col-list ul li::before, section.textarea .two-col-list ol li::before {
content: "\25A0";
color: #007154;
display: inline-block;
font-weight: 700;
top: 0;
left: 0;
position: absolute;
width: 1em;
}
section.contained-textarea .two-col-list ul li ul, section.contained-textarea .two-col-list ul li ol, section.contained-textarea .two-col-list ol li ul, section.contained-textarea .two-col-list ol li ol, section.textarea .two-col-list ul li ul, section.textarea .two-col-list ul li ol, section.textarea .two-col-list ol li ul, section.textarea .two-col-list ol li ol {
margin-bottom: 0;
padding-top: 13px;
}
section.contained-textarea .two-col-list ul li:not(:last-of-type), section.contained-textarea .two-col-list ol li:not(:last-of-type), section.textarea .two-col-list ul li:not(:last-of-type), section.textarea .two-col-list ol li:not(:last-of-type) {
margin-bottom: 9px;
}
section.contained-textarea .two-col-list ul li p:last-of-type, section.contained-textarea .two-col-list ol li p:last-of-type, section.textarea .two-col-list ul li p:last-of-type, section.textarea .two-col-list ol li p:last-of-type {
margin-bottom: 0;
}
section.contained-textarea .two-col-list ul li::before, section.contained-textarea .two-col-list ol li::before, section.textarea .two-col-list ul li::before, section.textarea .two-col-list ol li::before {
color: black;
}
section.contained-textarea .two-col-list ul, section.contained-textarea .two-col-list ol, section.textarea .two-col-list ul, section.textarea .two-col-list ol {
color: #494949;
font-size: 0;
}
section.contained-textarea .two-col-list ul li, section.contained-textarea .two-col-list ol li, section.textarea .two-col-list ul li, section.textarea .two-col-list ol li {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
display: block;
line-height: 1.8rem;
}
section.contained-textarea .two-col-list ol, section.textarea .two-col-list ol {
padding-left: 17px;
}
section.contained-textarea .two-col-list ol > li, section.textarea .two-col-list ol > li {
list-style: decimal !important;
padding-left: 13px;
}
section.contained-textarea .two-col-list ol > li::before, section.textarea .two-col-list ol > li::before {
display: none;
}
section.contained-textarea .two-col-list ol ol li, section.textarea .two-col-list ol ol li {
list-style: lower-latin !important;
}
header.primary ul.main-menu>li a {
color: inherit;
}
article.grey-cta {
height: 220px;
}
section#student-support aside.media figure.image {
background-position: inherit;
}
/* foundation course with multiple ucas codes */
section.programme-table-steps ul.list li.row span.ucas {
max-width: 100%;
text-align: left;
}
/*disabled filters*/
/*homepage testimonial avatar*/
.about-section .about-blockquote-avatar {
flex-shrink: 0;
}
section.staff-profile>.container>.inner>main.content section.extendable-references:not(:last-of-type) {
margin-bottom: 50px;
}
/*shop receipt*/
div.wbs-eventdiary-viewevent h1 {
font-size: calc(26px + 6 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
font-weight: 600;
margin-bottom: 20px;
}
div.wbs-eventdiary-viewevent p {
margin-bottom: 10px;
}
/*shop complete*/
div.wbs-body .wbs-pagetitle {
font-size: calc(26px + 6 * ((100vw - 420px) / 860));
line-height: 1.525rem;
font-weight: 600;
margin-bottom: 20px;
}
div.wbs-body p {
margin-bottom: 10px;
}
div.wbs-body strong {
font-weight: 700;
}
/*mobile modal filter open accordion arrow*/
.modal .filters .input-group.open > .title::after {
transform: rotate(-90deg);
}
/*event view*/
aside.host-information .title, aside.contact-information .title {
margin-bottom: 10px;
}
aside.host-information .title h2, aside.contact-information .title h2 {
color: #111111;
font-family: 'Montserrat', sans-serif;
font-size: 22px;
font-size: 1.375rem;
font-weight: 600;
letter-spacing: -0.31px;
letter-spacing: -0.01938rem;
}
aside.map-location {
margin: auto auto 30px;
}
aside.map-location .information p {
margin-bottom: 10px;
}
aside.map-location .information .permalink:not(:last-child) {
margin-bottom: 22px;
}
aside.map-location .information .online {
background: url(/media/dist/img/laptop.svg) no-repeat left 0 top 4px/20px 16px;
}
aside.map-location .information .online p {
padding-left: 25.6px;
}
aside.map-location .information div.hybrid-event .sub-title {
font-size: 18px;
line-height: 1.645em;
font-size: 1.125rem;
line-height: 1.645em;
color: #111111;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 10px;
}
aside.map-location .information div.hybrid-event .link {
background: url(/media/dist/img/laptop.svg) no-repeat left 0 top 4px/20px 16px;
}
aside.map-location .information div.hybrid-event .link a {
padding-left: 25.6px;
font-weight: 700;
}
aside.map-location .information div.hybrid-event .link a:hover {
text-decoration: underline;
}
aside.event-information .facets {
display: flex;
padding-bottom: 15px;
border-bottom: 1px solid #dbdbdb;
}
aside.host-information .host {
padding: 30px;
margin: auto auto 30px;
background-color: #f0f3f5;
box-shadow: 0 1px 0 0 #ccd4d8;
}
aside.host-information .host .information.textarea {
font-size: 16px;
line-height: 1.625rem;
font-size: 1rem;
line-height: 1.625rem;
color: #125495;
}
aside.host-information .host .information.textarea p {
margin-bottom: 0px;
}
aside.host-information .host .information.textarea p:not(:last-child) {
margin-bottom: 22px;
}
aside.host-information .host .information.textarea strong {
color: inherit;
}
aside.contact-information .information a {
text-decoration: underline;
}
.alert-basket-event {
display: flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
.alert-basket-event a {
text-decoration: underline;
background: #f0f3f5 url(/media/dist/img/shopping-basket.svg) no-repeat left 10px top 11px/18px 16px;
border: 1px solid #ccd4d8;
padding: 5px 10px 5px 34.4px;
}
/*event modal*/
div.modal-event p {
margin-bottom: 10px;
line-height: 150%;
}
div.modal-event h3 {
font-size: 22px;
font-size: 1.375rem;
font-weight: 600;
margin-bottom: 10px;
}
div.modal-event strong {
font-weight: 600;
}
div.modal-event button {
cursor: pointer;
}
.overflow-visible {
overflow: visible;
}
.overflow-x--clip {
overflow-x: clip;
}
/* news video legacy responsive youtube embeds */
section.article-body div[id^='media_'],
section.article-body .iframe-container,
section.article-body .embeddedContent,
section.textarea div[id^='media_'],
section.textarea .iframe-container,
section.textarea .embeddedContent {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
margin-bottom: 30px;
}
section.article-body div[id^='media_'] iframe, section.article-body .iframe-container iframe, section.article-body .embeddedContent iframe, section.textarea div[id^='media_'] iframe, section.textarea .iframe-container iframe, section.textarea .embeddedContent iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
/* fancybox iframe popup videos */
/* fancybox iframe popup text only fix */
/* mobile title pagination */
.our-ratings-section.style--1 .our-ratings-item .wrap .caption {
padding: 5px 30px 50px;
}
/* phone numbers on safari mobile not showing */
a[href^="tel"] {
color: inherit; /* Inherit text color of parent element. */
text-decoration: none; /* Remove underline. */
/* Additional css `propery: value;` pairs here */
}
/* join heading on mobile */
section.subscribe-section figure.core-insights {
padding: 100px 50px 50px 50px;
}
section.core-insights-subscribe {
margin-bottom: 80px;
height: 500px;
}
/* press */
section.news-listing main.listing article .text .category span.label,
section.news-montage article .text .category span.label {
display: inline;
}
/* homepage quote small desktop */
/* life on campus and alumni laptop fix */
section.campaign1 section.textarea h2 {
color: #0B63AF
}
/**************************************************************
* Article content
**************************************************************/
section.core-montage {
display: block;
margin-bottom: 15px;
width: 100%;
}
/***************
* Containers
***************/
section.core-montage > .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.core-montage > .container {
width: 100%;
}
/***************
* Title
***************/
section.core-montage .section-heading {
display: block;
margin-bottom: 28px;
padding-top: 10px;
}
section.core-montage .section-heading h1 {
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: calc(32px + 10 * ((100vw - 420px) / 860));
font-size: calc(2rem + 10 * ((100vw - 26.25rem) / 860));
font-weight: 600;
line-height: 1.37em;
}
/***************
* Montage
***************/
section.core-montage .tiles {
display: block;
}
section.core-montage aside {
display: block;
width: 100%;
}
/**
* Large tile
*/
section.core-montage aside.large-tile {
margin-right: -11px;
margin-left: -11px;
width: calc(100% + calc(11px * 2));
}
/* Article */
section.core-montage aside.large-tile article {
padding-bottom: 23px;
}
/* Image */
section.core-montage aside.large-tile article a.thumbnail {
margin-bottom: 25px;
}
/* Text */
section.core-montage aside.large-tile article .text {
padding-right: 11px;
padding-left: 11px;
}
/* Title */
section.core-montage aside.large-tile article .text > a.title {
font-size: calc(16px + 4 * ((100vw - 420px) / 860));
font-size: calc(1rem + 4 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
}
/* Meta */
section.core-montage aside.large-tile article .text .meta {
margin-top: 20px;
}
/**
* Secondary tile
*/
/* Article */
section.core-montage aside.secondary-tiles article {
font-size: 0;
padding: 23px 0;
}
/* Text */
/* Title */
section.core-montage aside.secondary-tiles article .text > a.title {
font-size: 12px;
line-height: 1.39em;
font-size: 0.75rem;
line-height: 1.39em;
}
/* Meta */
section.core-montage aside.secondary-tiles article .text .meta {
margin-top: 14px;
}
/*
&:first-of-type { border-top: 1px solid rgba(151,151,151,.33); }
&:not(:last-of-type) { border-bottom: 1px solid rgba(151,151,151,.33); }
*/
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) {
align-items: flex-start;
display: flex;
justify-content: space-between;
}
/* Image */
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) a.thumbnail {
flex: 0 0 115px;
padding-bottom: 0;
width: 115px;
height: 61px;
}
/* Text */
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text {
flex: 0 0 calc(100% - 115px);
max-width: calc(100% - 115px);
padding-left: 17px;
}
/* Category */
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text .category {
font-size: 12px;
line-height: 1.39em;
font-size: 0.75rem;
line-height: 1.39em;
}
/* Meta */
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text .meta {
margin-top: 10px;
}
/* Article */
section.core-montage article {
display: block;
}
/* Image */
section.core-montage article a.thumbnail {
display: block;
overflow: hidden;
padding-bottom: 53.1425%;
position: relative;
}
section.core-montage article a.thumbnail figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: scale(1);
transition: all .25s ease-in-out;
}
section.core-montage article a.thumbnail:hover figure.image {
transform: scale(1.075);
}
/* Text */
/* Category */
section.core-montage article .text .category {
display: block;
margin-bottom: 8px;
}
section.core-montage article .text .category i.colour {
display: inline-block;
margin: 2px 11px 0 0;
width: 8px;
height: 8px;
vertical-align: top;
}
section.core-montage article .text .category span.label {
font-size: 10px;
line-height: .9rem;
font-size: 0.625rem;
line-height: .9rem;
color: #313334;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
vertical-align: top;
}
/* Title */
section.core-montage article .text > a.title {
color: #0254A7;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: .08em;
margin-bottom: 10px;
text-transform: uppercase;
}
section.core-montage article .text > a.title:hover {
text-decoration: underline;
}
/* Excerpt */
section.core-montage article .text .excerpt {
font-size: 15px;
line-height: 1.625em;
font-size: 0.9375rem;
line-height: 1.625em;
color: #494949;
display: block;
font-family: 'Niramit', sans-serif;
}
/* Paragraph text */
section.core-montage article .text .excerpt p {
display: block;
}
section.core-montage article .text .excerpt p:not(:last-of-type) {
margin-bottom: 32px;
}
/* Meta */
section.core-montage article .text .meta {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
color: #000;
display: block;
font-family: 'Montserrat', sans-serif;
}
section.core-montage article .text .meta span {
display: block;
}
section.core-montage article .text .meta span.reading-time {
background: transparent url('/wbs2020/media/dist/img/blog-reading-time.svg') no-repeat top 1px left / 11px;
margin-top: 7px;
padding-left: 20px;
}
/***************
* Lazy-loading
***************/
section.core-montage.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.core-montage.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/**************************************************************
* Subscribe Section
**************************************************************/
/*
edited to allow fix bug. changed screen width breakpoints
*/
section.subscribe-section {
margin-bottom: 90px;
min-height: 400px;
}
section.subscribe-section .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.subscribe-section .row-flex {
display: flex;
flex-wrap: wrap;
}
section.subscribe-section .subscribe-section .container,
section.subscribe-section .subscribe-row-flex {
height: 100%;
}
section.subscribe-section .subscribe-image {
flex: 0 0 100%;
overflow: hidden;
padding-bottom: 58.75%;
position: relative;
width: 100%;
height: 0;
}
section.subscribe-section .subscribe-image figure.image {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.subscribe-section .subscribe-caption {
background-color: #F5F6F8;
box-sizing: border-box;
flex: 0 0 100%;
padding: 30px 20px;
width: 100%;
}
section.subscribe-section .subscribe-title {
margin: 0 0 14px;
color: #0054A4;
font-family: 'Montserrat', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 600;
letter-spacing: -0.39px;
letter-spacing: -0.02438rem;
line-height: 36px;
line-height: 2.25rem;
}
section.subscribe-section .subscribe-description {
margin: 0 0 30px;
}
section.subscribe-section .subscribe-button {
width: 100%;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 1.07px;
letter-spacing: 0.06688rem;
line-height: 28px;
line-height: 1.75rem;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
background-color: #0054A4;
transition: all 0.3s ease-in-out;
}
section.subscribe-section .subscribe-button:hover {
background-color: #272727;
}
/***************
* Lazy-loading
***************/
section.subscribe-section.view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
/**
* Loaded
*/
section.subscribe-section.view-detect.viewed {
opacity: 1;
}
/* END OF DOCUMENT */
/* marketing campaign css change maker */
main.china-campaign section.text-aside-media aside.media figure.image {
background-repeat: no-repeat;
background-position: contains!important;
background-size: contain;
padding-bottom: 100%;
width: 100%;
height: 0;
}
main.china-campaign section.text-aside-media.content-width--01 aside.content .content-inner {/* max-width: 500px!important; */
}
main.china-campaign .big {
color: #0F0F0F;
font-weight: 500;
font-size: 20px;
line-height: 31px;
font-size: 1.25rem;
line-height: 1.9375rem;
margin-bottom: 20px;
}
main.china-campaign .big.blue {
color: #0254A7;
}
main.china-campaign .case-study-carousel h3 {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.45em;
color: #0254A7;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
main.china-campaign .case-study-carousel .text {
font-size: 16px;
font-size: 1rem;
color: black;
font-weight: 400;
}
main.china-campaign .about-section .about-description-title {
max-width: 100%!important;
}
section.grey-cta-china {
display: block;
overflow: hidden;
padding-top: 30px;
padding-bottom: 70px;
position: relative;
width: 100%;
}
section.grey-cta-china a.button {
background-image: url('/media/dist/img/link.svg');
background-repeat: no-repeat;
background-position: right center;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.grey-cta-china a.button:hover {
opacity: .6;
}
/***************
* Content
***************/
section.grey-cta-china .content {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
section.grey-cta-china .content {
display: block;
margin-bottom: 55px;
position: relative;
z-index: 1;
}
/* Inner */
section.grey-cta-china .content .content-inner {
margin: 0 auto;
max-width: 800px;
text-align: center;
}
/* Title */
section.grey-cta-china .content .title {
font-size: 32px;
line-height: 1.225em;
font-size: 2rem;
line-height: 1.225em;
color: #0254A7;
display: block;/*font-family: $ff--4;*/
font-weight: 600;
margin: 5px auto 15px;
}
section.grey-cta-china .content .title.black {
font-size: calc(26px + 6 * ((100vw - 420px) / 860));
font-size: calc(1.625rem + 6 * ((100vw - 26.25rem) / 860));
line-height: 1.525rem;
color: #111111;/*font-family: $ff--4;*/
font-weight: 600;
letter-spacing: -0.47px;
letter-spacing: -0.02938rem;
line-height: 43px;
line-height: 2.6875rem;
text-align: center;
}
/* Text */
section.grey-cta-china .content .text {
font-size: 16px;
line-height: 1.545em;
font-size: 1rem;
line-height: 1.545em;
color: #4E4E4E;
font-weight: 400;
display: block;
}
/* font-family: $ff--4; */
section.grey-cta-china .content .text p:not(:last-of-type) {
margin-bottom: 16px;
}
section.grey-cta-china .content .text b, section.grey-cta-china .content .text strong {
color: #282A2A;
font-weight: 700;
}
/* END OF DOCUMENT */
/* END OF DOCUMENT */
/* version=2.845446557ddfg464fgfg5654 */
@media only screen and (min-width: 450px) and (max-width: 768px) {
section.home-hero .content {
margin-top: -190px
}
main.change-makers section.home-hero .content {
margin-top: -190px
}
main.exec-education-2025 section.home-hero .content {
margin-top: -190px
}
}
@media (min-width: 480px) and (max-width: 574px) {
header.primary {
height: 90px
}
}
@media (min-width: 480px) and (max-width: 1024px) {
body > main.base.header-sticky {
padding-top: 129px
}
}
@media (min-width: 480px) and (max-width: 768px) {
section.hero-image {/**
* Image
*/
}
section.hero-image figure.image {
height: 320px;
}
section.hero-inline-form {/**
* Image
*/
}
section.hero-inline-form figure.image {
height: 320px;
}
section.standard-hero.mobile-square-image figure.image {
height: 320px
}
section.standard-hero figure.image {
height: 320px
}
}
@media (min-width: 481px) {
footer.primary .footer-social-networks-section .title {
display: block
}
footer.primary .footer-toolbar .col {
flex: 0 0 50%;
max-width: 50%;
width: 100%
}
header.primary.sticky-header i.mobile-menu-link-open,
header.primary.sticky-header i.search-toggle {
margin-top: 15px
}
header.primary .main-nav-pane {
margin-top: 0
}
header.primary i.search-toggle {
margin-top: 14px
}
header.primary i.mobile-menu-link-open {
margin: 14px 0 0 14px
}
header.primary nav.mobile-menu header i.mobile-menu-link-close {
top: 50px
}
.coreinsights-section .programmes-item {
width: calc(50% - 2px)
}
section.news-events-showcase .news-showcase-item {
margin-bottom: 55px
}
.programmes-section .programmes-item {
width: calc(50% - 2px)
}
img.blog-article-inline-image {
width: 300px;
height: 300px;
float: right;
padding: 10px
}
}
@media (min-width: 574px) and (max-width: 1024px) {
header.primary .logo {/* new logo tweak p.p 12/10/2021 */
padding-top: 29px/* padding-top: 32px; */
}
header.primary .logo img {
width: 171px;
}
header.primary .search-wrap {
top: 140px
}
section.news-events-showcase .events-showcase-item {
display: inline-block;
flex-basis: calc(50% - 10px);
max-width: calc(50% - 10px)
}
}
@media (min-width: 574px) and (max-width: 1400px) {
section.news-events-showcase .news-showcase-item {
display: inline-block;
flex-basis: calc(50% - 10px);
max-width: calc(50% - 10px)
}
}
@media only screen and (min-width: 574px) and (max-width: 960px), (min-width: 1024px) and (max-width: 1400px) {
section.tile-ctas article.tile {
flex-basis: calc(50% - 2px)
}
}
@media (min-width: 574px) and (max-width: 1230px) {
main.china-campaign section.text-aside-media aside.content .content-inner.width--02 {
width: 100%;
}
}
@media (min-width: 575px) {
header.primary {
height: 140px
}
header.primary .top-menu {
display: flex
}
.about-section .about-blockquote {
height: 382px;
margin: 8px 0 0;
max-height: 382px;
max-width: 380px;
margin-left: auto;
margin-right: auto
}
section.appointment-index article.appointment.large main.inner {
align-items: stretch;
display: flex !important;
justify-content: space-between
}
section.appointment-index article.appointment.large main.inner figure.image,
section.appointment-index article.appointment.large main.inner .caption {
display: inline-block;
flex: 0 0 50%;
max-width: 50%;
vertical-align: top;
}
section.appointment-index article.appointment.large main.inner figure.image span.title a:hover, section.appointment-index article.appointment.large main.inner .caption span.title a:hover {
text-decoration: underline;
}
section.our-history .milestones {
padding-left: 100px;
max-width: 700px;
}
section.our-history .time-aside {
display: block;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 .grid {
margin: 0 -20px;
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
margin-top: 10px;
}
div.ftmba-carousel section.tile-ctas-change-maker .grid {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
div.ftmba-carousel section.tile-ctas-change-maker article.tile {
box-shadow: none;
display: inline-flex;
flex-grow: 0;
flex-shrink: 0;
vertical-align: top
}
div.ftmba-carousel section.tile-ctas-change-maker article.tile main.inner {
display: block !important;
opacity: 1 !important
}
div.ftmba-carousel section.tile-ctas-change-maker article.tile .text {
padding-right: 35px;
padding-left: 35px
}
div.ftmba-carousel section.tile-ctas-change-maker article.tile .text .title {
display: block
}
section.tile-ctas.style--1 .grid {
margin: 0 -20px;
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center
}
section.tile-ctas.style--1 article.tile {
flex-basis: calc(50% - 40px);
margin: 20px;
}
section.tile-ctas .grid {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
section.tile-ctas article.tile {
box-shadow: none;
display: inline-flex;
flex-grow: 0;
flex-shrink: 0;
vertical-align: top
}
section.tile-ctas article.tile header.toggle {
display: none;
min-height: 45px;
order: 1;
padding: 25px 22px 10px
}
section.tile-ctas article.tile header.toggle::after {
display: none;
}
section.tile-ctas article.tile main.inner {
display: block !important;
opacity: 1 !important;
padding-right: 0;
padding-left: 0
}
section.tile-ctas article.tile .text {
padding-right: 22px;
padding-left: 22px
}
section.tile-ctas article.tile .text .title {
display: block
}
article.appointment {
background: transparent
}
article.appointment header.toggle {
display: none;
min-height: 45px;
order: 1;
padding: 25px 22px 10px
}
article.appointment header.toggle::after {
display: none;
}
article.appointment main.inner {
display: block !important;
opacity: 1 !important;
padding: 0
}
article.appointment .caption {
padding: 24px 24px 22px
}
section.video-banner .hero-media video {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
main.change-makers section.change-maker div.container .hero-media video {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
main.change-makers section.tile-ctas-change-maker.style--1 .grid {
margin: 0 -20px;
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
margin-top: 10px;
}
main.change-makers section.tile-ctas-change-maker .grid {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
main.change-makers section.tile-ctas-change-maker article.tile {
box-shadow: none;
display: inline-flex;
flex-grow: 0;
flex-shrink: 0;
vertical-align: top
}
main.change-makers section.tile-ctas-change-maker article.tile main.inner {
display: block !important;
opacity: 1 !important;
padding-right: 0;
padding-left: 0
}
main.change-makers section.tile-ctas-change-maker article.tile .text {
padding-right: 35px;
padding-left: 35px
}
main.change-makers section.tile-ctas-change-maker article.tile .text .title {
display: block
}
main.oc section.tile-ctas-change-maker.style--1 .grid {
margin: 0 -20px;
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center
}
main.oc section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
margin-top: 10px;
}
main.oc section.tile-ctas-change-maker .grid {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
main.oc section.tile-ctas-change-maker article.tile {
box-shadow: none;
display: inline-flex;
flex-grow: 0;
flex-shrink: 0;
vertical-align: top
}
main.oc section.tile-ctas-change-maker article.tile main.inner {
display: block !important;
opacity: 1 !important;
padding-right: 0;
padding-left: 0
}
main.oc section.tile-ctas-change-maker article.tile .text {
padding-right: 35px;
padding-left: 35px
}
main.oc section.tile-ctas-change-maker article.tile .text .title {
display: block
}
section.tile-ctas .grid {
justify-content: start
}
section.tile-ctas .grid article.tile {
margin-right: 2px
}
section.tile-ctas .grid article.tile:last-child {
margin-right: 0px
}
}
@media only screen and (min-width: 680px) {
section.textarea-aside-stats main > .content .bottom figure.image {
padding-bottom: 0;
width: 277px;
height: 277px
}
section.textarea-aside-stats main > .content .bottom .small-text {
max-width: calc(100% - 277px - 24px)
}
section.textarea-aside main > .content .bottom figure.image {
padding-bottom: 0;
width: 277px;
height: 277px
}
section.textarea-aside main > .content .bottom .small-text {
max-width: calc(100% - 277px - 24px)
}
}
@media only screen and (min-width: 700px) and (max-width: 1024px), (min-width: 1230px) {
section.programme-index main.listing {/* Group */
}
section.programme-index main.listing .group:not(:last-of-type) {
margin-bottom: 60px;
}/* Title */
section.programme-index main.listing .group > .group-title {
margin-bottom: 32px;
}/* List */
section.programme-index main.listing .group > .list {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}/* Programme */
section.programme-index main.listing .group article.index-programme {
display: inline-block;
flex: 1 1 calc(50% - 15px);
margin-bottom: 30px;
max-width: calc(50% - 15px);
padding: 35px 40px 30px;
vertical-align: top;
}
}
@media (min-width: 701px) {
section.home-hero figure.media .image {
display: none
}
main.change-makers section.home-hero figure.media .image {
display: none
}
main.exec-education-2025 section.home-hero figure.media .image {
display: none
}
}
@media (min-width: 750px) {
section.photo-carousel-cm .information .controls span {
padding: 20px
}
section.photo-carousel-cm {
margin-bottom: 100px;
padding-top: 45px;
padding-bottom: 0
}
section.photo-carousel-cm::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 740px;
z-index: 0;
}
section.photo-carousel-cm .photos .item {
min-height: 620px;
min-width: 270px;
width: 380px;
height: 620px
}
section.photo-carousel-cm .photos figure.image {
height: 580px
}
section.photo-carousel-cm .photos .slick-list {
margin-right: -25px;
margin-left: -25px;
}
section.photo-carousel-cm .photos .slick-slide {
margin-right: 2px;
margin-left: 2px;
}
section.photo-carousel-cm .photos .slick-slide.slick-active.slick-center .item figure.image {
height: 580px;
}
section.photo-carousel-cm--large .photos .item {
min-height: 597px;
min-width: 900px
}
section.photo-carousel-cm--large .photos figure.image {
height: 597px
}
section.photo-carousel-cm--large .photos .slick-slide.slick-active.slick-center .item figure.image {
height: 597px
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 {
padding: 10px 0px 10px 0px
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1.mobile-p-b-0 {
padding: 35px 0 35px
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 .grid {
margin: 0 -20px;
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
margin-top: 10px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile {
flex-basis: calc(50% - 10px);
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .text {
min-height: 130px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .text {
min-height: 150px;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile {
flex-basis: calc(25% - 10px);
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
}
main.exec-education-2025 section.tile-ctas-change-maker .grid {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
main.exec-education-2025 section.tile-ctas-change-maker article.tile {
box-shadow: none;
display: inline-flex;
flex-grow: 0;
flex-shrink: 0;
vertical-align: top
}
main.exec-education-2025 section.tile-ctas-change-maker article.tile main.inner {
display: block !important;
opacity: 1 !important;
padding-right: 0;
padding-left: 0
}
main.exec-education-2025 section.tile-ctas-change-maker article.tile .text {
padding-right: 35px;
padding-left: 35px
}
main.exec-education-2025 section.tile-ctas-change-maker article.tile .text .title {
min-height: 65px;
display: block
}
}
@media only screen and (min-width: 755px) {
section.thumb-testimonial-index-fw .list {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
section.thumb-testimonial-index-fw article.testimonial {
display: inline-flex;
flex: 0 0 calc(33% - 20px);
margin-bottom: 40px;
max-width: calc(33% - 20px);
vertical-align: top
}
section.thumb-testimonial-index .list {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
section.thumb-testimonial-index article.testimonial {
display: inline-flex;
flex: 0 0 calc(50% - 20px);
margin-bottom: 40px;
max-width: calc(50% - 20px);
vertical-align: top
}
}
@media only screen and (min-width: 760px) {
section.blog-article-index main.list {
display: flex;
flex-wrap: wrap
}
}
@media (min-width: 768px) and (max-width: 1024px) {
nav.section-menu .top {
background-position: center left 20px;
padding: 0 20px 0 50px;
}
nav.section-menu ul li a {
padding: 0 20px;
}
section.case-study-archive {/* Item */
}
section.case-study-archive article.case-study {
flex-basis: calc(50% - 40px);
width: calc(50% - 40px);
}
section.experiences-group main.list {/* Item */
}
section.experiences-group main.list article.case-study {
flex-basis: calc(50% - 40px);
width: calc(50% - 40px);
}
section.home-hero .content-inner {
margin-left: 10px
}
section.home-hero .content-inner .inner {
padding-left: 55px
}
section.standard-hero header.title {
padding-left: 20px
}
.modal {
padding: 60px 40px
}
.modal button.fancybox-button {
top: 54px;
right: 40px
}
main.change-makers section.home-hero .content-inner {
margin-left: 10px
}
main.change-makers section.home-hero .content-inner .inner {
padding-left: 55px
}
main.exec-education-2025 section.home-hero .content-inner {
margin-left: 10px
}
main.exec-education-2025 section.home-hero .content-inner .inner {
padding-left: 55px
}
}
@media (min-width: 768px) and (max-width: 960px) {
.about-section .about-description-title {
font-size: 32px;
font-size: 2rem
}
section.black-in-business-partnerships main.listing {/* Article */
}
section.black-in-business-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (30px - 30px * 1/3));
max-width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
section.black-in-business-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.black-in-business-partnerships main.listing article:last-child {
margin-right: 0;
}
section.black-in-business-partnerships main.listing article:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
section.blog-article-index.three-per-row article.blog {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (40px - 40px * 1/2));
max-width: calc(99.9% * 1/2 - (40px - 40px * 1/2));
width: calc(99.9% * 1/2 - (40px - 40px * 1/2));
}
section.blog-article-index.three-per-row article.blog:nth-child(1n) {
margin-right: 40px;
margin-left: 0;
}
section.blog-article-index.three-per-row article.blog:last-child {
margin-right: 0;
}
section.blog-article-index.three-per-row article.blog:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
.coreinsights-section .section-title {
font-size: 32px;
font-size: 2rem
}
section.inspiring-women-promote-partnerships main.listing {/* Article */
}
section.inspiring-women-promote-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (30px - 30px * 1/3));
max-width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.inspiring-women-promote-partnerships main.listing article:last-child {
margin-right: 0;
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
section.news-events-showcase .showcase-title {
font-size: 32px;
font-size: 2rem
}
.our-ratings-section .section-title {
font-size: 32px;
font-size: 2rem
}
.programme-animate-section .content-outer .title {
font-size: 32px;
font-size: 2rem
}
.programmes-section .section-title {
font-size: 32px;
font-size: 2rem
}
section.staff-listing main.listing {/* Article */
}
section.staff-listing main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (30px - 30px * 1/3));
max-width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
section.staff-listing main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.staff-listing main.listing article:last-child {
margin-right: 0;
}
section.staff-listing main.listing article:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
section.team-index-manual ul.people li.person {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (30px - 30px * 1/3));
max-width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
width: calc(99.9% * 1/3 - (30px - 30px * 1/3))
}
section.team-index-manual ul.people li.person:nth-child(1n) {
margin-right: 30px;
margin-left: 0
}
section.team-index-manual ul.people li.person:last-child {
margin-right: 0
}
section.team-index-manual ul.people li.person:nth-child(3n) {
margin-right: 0;
margin-left: auto
}
section.team-index ul.people li.person {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (30px - 30px * 1/3));
max-width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
width: calc(99.9% * 1/3 - (30px - 30px * 1/3))
}
section.team-index ul.people li.person:nth-child(1n) {
margin-right: 30px;
margin-left: 0
}
section.team-index ul.people li.person:last-child {
margin-right: 0
}
section.team-index ul.people li.person:nth-child(3n) {
margin-right: 0;
margin-left: auto
}
section.thumb-testimonial-index.three-per-row article.testimonial {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (40px - 40px * 1/2));
max-width: calc(99.9% * 1/2 - (40px - 40px * 1/2));
width: calc(99.9% * 1/2 - (40px - 40px * 1/2));
}
section.thumb-testimonial-index.three-per-row article.testimonial:nth-child(1n) {
margin-right: 40px;
margin-left: 0;
}
section.thumb-testimonial-index.three-per-row article.testimonial:last-child {
margin-right: 0;
}
section.thumb-testimonial-index.three-per-row article.testimonial:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
}
@media (min-width: 768px) and (max-width: 1230px) {
.coreinsights-section {
padding: 65px 0 110px
}
section.leadership-programme-4-column {/**
* Tiles
*//**
* Tile
*/
}
section.leadership-programme-4-column .tiles {
flex-wrap: wrap;
}
section.leadership-programme-4-column .tile {
flex-basis: 33.3333%;
min-height: 645px;
width: 33.3333%;
}
.our-ratings-section.style--1 .our-ratings-item {
max-width: 49%;
flex: 0 0 49%;
margin-right: 1px
}
.our-ratings-section .our-ratings-item {
max-width: 50%;
flex: 0 0 50%
}
.our-ratings-section .our-ratings-item:nth-of-type(2n+1) {
border-right: 2px solid #DBDBDB;
}
section.portrait-img-tiles {/**
* Tiles
*//**
* Tile
*/
}
section.portrait-img-tiles .tiles {
flex-wrap: wrap;
}
section.portrait-img-tiles .tile {
flex-basis: 33.3333%;
min-height: 645px;
width: 33.3333%;
}
.programmes-section {
padding: 30px 0 15px
}
section.standard-hero aside.side-text {
display: none
}
.ranking {
max-width: 50%;
flex: 0 0 50%
}
.ranking:nth-of-type(2n+1) {
border-right: 2px solid #DBDBDB;
}
main.change-makers section.change-maker-tiles {/**
* Tiles
*//**
* Tile
*/
}
main.change-makers section.change-maker-tiles .tiles {
flex-wrap: wrap;
}
main.change-makers section.change-maker-tiles .tile {
flex-basis: 25%;
min-height: 700px;
width: 25%;
}/* Content */
main.change-makers section.change-maker-tiles .tile .summary {
top: 300px;
right: 0px;
left: 0px;
height: 200px;
background-color: #312239;
width: 100%;
position: absolute;
overflow: visible;
z-index: 2;
padding: 30px 50px;
}
main.change-makers section.change-maker-tiles .tile .summary .title {
color: #fff;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
text-align: left;
margin-bottom: 10px;
font-weight: 700;
}
main.change-makers section.change-maker-tiles .tile .summary .title.orange {
color: #FD6A53;/* Updated from $c--gauri-malik-cm-colour */
}
main.change-makers section.change-maker-tiles .tile .summary .textarea {
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2em;
text-align: left;
font-weight: 600;
}
main.exec-education-2025 section.change-maker-tiles {/**
* Tiles
*//**
* Tile
*/
}
main.exec-education-2025 section.change-maker-tiles .tiles {
flex-wrap: wrap;
}
main.exec-education-2025 section.change-maker-tiles .tile {
flex-basis: 25%;
min-height: 700px;
width: 25%;
}/* Content */
main.exec-education-2025 section.change-maker-tiles .tile .summary {
top: 300px;
right: 0px;
left: 0px;
height: 200px;
background-color: #312239;/* padding: 20px 40px; */
width: 100%;
position: absolute;
overflow: visible;
z-index: 2;
padding: 30px 50px;
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .title {
color: #fff;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
text-align: left;
margin-bottom: 10px;/* font-family: $ff--4; */
font-weight: 700;
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .title.orange {
color: #FD6A53;
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .textarea {
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2em;
text-align: left;/* font-family: $ff--4; */
font-weight: 600;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.programme-animate-section .content-outer .list {
display: flex;
flex-wrap: wrap
}
.programme-animate-section .content-outer .list li {
flex: 0 0 50%;
max-width: 50%;
width: 100%
}
}
@media only screen and (min-width: 768px) {
.programme-animate-section .content-outer .list li {
width: 50%
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.staff-profile > .container > .inner .profile-bio {
width: 533px;
padding: 16px 16px 16px 10px
}
}
@media only screen and (min-width: 768px) and (max-width: 1380px) {
section.text-aside-img-carousel .content {
padding-right: 40px;
padding-left: 40px
}
section.text-aside-img-carousel .content .content-inner {
margin-right: auto;
margin-left: auto;
max-width: 600px;
text-align: center;
}
section.text-aside-img-carousel.padding--01 {
padding: 190px 0 120px
}
main.exec-education-2025 section.text-aside-img-carousel .content {
padding-right: 40px;
padding-left: 40px
}
main.exec-education-2025 section.text-aside-img-carousel .content .content-inner {
margin-right: auto;
margin-left: auto;
max-width: 600px;
text-align: center;
}
main.exec-education-2025 section.text-aside-img-carousel.padding--01 {
padding: 90px 0 120px
}
}
@media (max-height: 750px) and (min-width: 768px) {
section.video-banner .hero-media {
height: 480px
}
}
@media (min-height: 750px) and (min-width: 768px) {
section.video-banner .hero-media {
height: 580px
}
}
@media (max-height: 750px) and (min-width: 768px ) {
main.change-makers section.change-maker div.container .hero-media {
height: 480px
}
}
@media (min-height: 750px) and (min-width: 768px ) {
main.change-makers section.change-maker div.container .hero-media {
height: 580px
}
}
@media (min-width: 769px) {
footer.primary .footer-left-col {
padding-top: 45px
}
footer.primary .footer-left-col {
padding-top: 80px;
width: 100%
}
footer.primary .footer-right-col {
padding-top: 80px;
padding-left: 70px;
width: 100%
}
footer.primary .footer-copyright {
display: flex;
flex-wrap: wrap
}
.about-section .about-description-title {
margin-bottom: 26px
}
section.application-steps.style--1 header {
margin-bottom: 50px
}
section.application-steps article.item main.content {
padding: 0 25px
}
section.application-steps article.item main.content p:not(:last-of-type) {
margin-bottom: 20px;
}
section.application-steps article.item {
margin-bottom: 35px;
}
section.application-steps article.item:nth-of-type(2) {
margin-top: 40px;
}
section.application-steps .grid-sizer, section.application-steps article.item {
width: calc(50% - 20px);
}
section.application-steps .gutter-sizer {
width: 40px;
}
section.blog-article-index:not(.three-per-row) article.blog {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (40px - 40px * 1/2));
max-width: calc(99.9% * 1/2 - (40px - 40px * 1/2));
width: calc(99.9% * 1/2 - (40px - 40px * 1/2));
}
section.blog-article-index:not(.three-per-row) article.blog:nth-child(1n) {
margin-right: 40px;
margin-left: 0;
}
section.blog-article-index:not(.three-per-row) article.blog:last-child {
margin-right: 0;
}
section.blog-article-index:not(.three-per-row) article.blog:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
section.blog-article-index.two-per-row article.blog {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (80px - 80px * 1/2));
max-width: calc(99.9% * 1/2 - (80px - 80px * 1/2));
width: calc(99.9% * 1/2 - (80px - 80px * 1/2));
}
section.blog-article-index.two-per-row article.blog:nth-child(1n) {
margin-right: 80px;
margin-left: 0;
}
section.blog-article-index.two-per-row article.blog:last-child {
margin-right: 0;
}
section.blog-article-index.two-per-row article.blog:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
section.case-study-archive {/* Filters *//* List *//* Row *//* Item */
}
section.case-study-archive nav.filters {
text-align: left;
}
section.case-study-archive nav.filters ul.filters-inner {
display: inline-block;
}
section.case-study-archive nav.filters li {
display: inline-block;
width: auto;
}
section.case-study-archive nav.filters li:not(:last-of-type) {
margin-right: 10px;
margin-bottom: 0;
}
section.case-study-archive nav.filters a {
display: inline-flex;
}
section.case-study-archive .list {
margin-right: -20px;
margin-left: -20px;
width: calc(100% + 40px);
}
section.case-study-archive .row {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
margin-bottom: 40px;
padding-bottom: 40px;
}
section.case-study-archive article.case-study {
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
margin-right: 20px;
margin-left: 20px;
}
.coreinsights-section .programmes-item {
width: calc(25% - 2px)
}
.coreinsights-section .programmes-item:nth-child(n+4) {
margin-bottom: 0;
}
.coreinsights-section .programmes-item-wrap {
padding-top: 100%
}
.coreinsights-section .programmes-caption-title {
font-size: 27px;
font-size: 1.6875rem;
margin-bottom: 9px
}
.coreinsights-section .programmes-caption-description {
margin-bottom: 29px
}
.coreinsights-section.no-bottom-padding {
padding-bottom: 0 !important;
}
section.cta-tiles-x3 main.list {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
margin-right: -20px;
margin-left: -20px;
width: calc(100% + 40px)/* Item */
}
section.cta-tiles-x3 main.list article.cta-tile {
align-items: flex-start;
display: inline-flex;
flex-direction: column;
flex: 0 0 calc(33.3% - 40px);
justify-content: flex-start;
margin-right: 20px;
margin-bottom: 0;
margin-left: 20px;
width: calc(33.3% - 40px);
}
section.cta-tiles-x3 main.list article.cta-tile figure.image {
flex: 0 0 auto;
}
section.cta-tiles-x3 main.list article.cta-tile .text {
flex: 1 1 auto;
}
section.cta-tiles-x3.padding--01 {
padding: 0 0 60px
}
section.cta-tiles main.list {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
margin-right: -20px;
margin-left: -20px;
width: calc(100% + 40px)/* Item */
}
section.cta-tiles main.list article.cta-tile {
align-items: flex-start;
display: inline-flex;
flex-direction: column;
flex: 0 0 calc(50% - 40px);
justify-content: flex-start;
margin-right: 20px;
margin-bottom: 0;
margin-left: 20px;
width: calc(50% - 40px);
}
section.cta-tiles main.list article.cta-tile figure.image {
flex: 0 0 auto;
}
section.cta-tiles main.list article.cta-tile .text {
flex: 1 1 auto;
}
section.cta-tiles.padding--01 {
padding: 0 0 60px
}
section.experiences-group main.list {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
margin-right: -20px;
margin-left: -20px;
width: calc(100% + 40px)/* Item */
}
section.experiences-group main.list article.case-study {
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
margin-right: 20px;
margin-left: 20px;
}
section.experiences-group.padding--01 {
padding: 50px 0
}
.expertise-section-executive .section-title {
font-size: 32px;
font-size: 2rem
}
.expertise-section-pathways .section-title {
font-size: 32px;
font-size: 2rem
}
.expertise-section .section-title {
font-size: 32px;
font-size: 2rem
}
section.featured-img-aside-text.margin-bottom--01 {
margin-bottom: 110px;
}
section.featured-img-aside-text .pane {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
section.featured-img-aside-text .pane aside {
display: inline-block;
flex: 0 0 50%;
width: 50%;
}
section.featured-img-aside-text .pane aside.image {
height: auto;
padding-bottom: 40%;
}
section.featured-img-aside-text .pane aside.textarea {
padding: 40px 40px 42px;
}
section.four-block-cta .block {
padding: 20px
}
section.hero-image {/**
* Button
*//**
* Image
*/
}
section.hero-image .button {
display: inline-block;
}
section.hero-image figure.image {
height: 630px;
}
section.hero-image figure.image .src::before {
height: 270px;
}
section.hero-inline-form {
padding-left: calc(50% - 560px)/**
* Image
*/
}
section.hero-inline-form figure.image {
width: auto;
height: 375px;
}
section.hero-inline-form figure.image::before {
border-color: #fff transparent transparent;
border-width: 105px 105px 0 0;
top: 0;
right: auto;
bottom: auto;
left: 0;
}
section.home-hero {
background: transparent;
align-items: flex-start;
display: flex;
height: 590px;
padding-bottom: 0
}
section.home-hero .content {
margin-top: 0
}
section.home-hero .content-inner {
margin-top: 133px;
max-width: 420px;
padding-bottom: 0
}
section.home-hero .content-inner::before {
top: -65px;
border-bottom: 65px solid #0054A4;
border-left: 65px solid transparent;
border-right: 65px solid transparent
}
section.home-hero .content-inner::after {
top: -65px;
width: calc(100% - 65px);
height: 65px
}
section.home-hero .content-inner .inner::before {
right: 0;
bottom: -63px;
border-top: 63px solid #0054A4;
border-left: 63px solid transparent;
border-right: 63px solid transparent;
border-bottom: 0 none
}
section.home-hero .content-inner .inner::after {
height: 63px;
bottom: -63px;
width: calc(100% - 63px)
}
section.home-hero .content-inner .title {
margin-bottom: 17px;
font-size: 1.8rem;
line-height: 47px;
line-height: 2.9375rem
}
section.home-hero .content-inner .description {
margin-bottom: 100px;
font-size: 16px;
font-size: 1rem;
line-height: 27px;
line-height: 1.6875rem
}
section.home-hero .content-inner .link-view-all {
letter-spacing: 1.2px;
letter-spacing: 0.075rem;
margin-bottom: 10px
}
section.home-hero .logos {
display: flex
}
section.home-hero figure.media {
max-width: 1142px;
padding-bottom: 60px;
top: 0;
left: calc(50% - 450px);
position: absolute;
width: calc(50% + 450px);
height: 100%;
padding-bottom: 48px
}
section.home-hero figure.media::before {
border-top: 44px solid #fff;
border-left: 44px solid transparent;
border-right: 44px solid transparent;
content: '';
top: -1px;
left: 0;
position: absolute;
transform: translate(-50%, 0);
z-index: 3;
}
section.img-content-rows {
padding: 40px 0 20px
}
section.img-content-rows .container {
flex-direction: row
}
section.img-content-rows .row {
padding: 20px 0
}
section.img-content-rows .row:last-child:not(.single-img-show-spacer) {
padding: 20px 0 0
}
section.img-content-rows .row aside.media figure.image {
width: 100%;
padding-bottom: 0;
width: 378px;
height: 245px
}
section.img-content-rows .row .content {
padding-left: 50px
}
section.leadership-programme-4-column {/**
* Label
*//**
* Tiles
*//**
* Tile
*//* Content */
}
section.leadership-programme-4-column .large-bg-text {
display: inline-block;
}
section.leadership-programme-4-column .tiles {
align-items: stretch;
display: block;
justify-content: flex-start;
}/* Fade */
section.leadership-programme-4-column .tiles::before {
height: 375px;
opacity: 1;
}
section.leadership-programme-4-column .tile {
display: inline-flex;
flex-grow: 1;
flex-shrink: 1;
padding: 0 32px 52px;
}
section.leadership-programme-4-column .tile:hover figure.image {
opacity: .6;
}
section.leadership-programme-4-column .content {
right: 32px;
bottom: 52px;
left: 32px;
width: calc(100% - 64px);
}
section.news-listing main.listing {/* List *//* Article */
}
section.news-listing main.listing .list {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.news-listing main.listing article {
display: inline-block;
flex: 0 0 50%;
width: 50%;
}
section.news-listing main.listing article:nth-of-type(2n+1) {
padding-right: 20px;
}
section.news-listing main.listing article:nth-of-type(2n+1)::before {
background: rgba(151,151,151,.33);
content: "";
display: block;
top: 0;
right: 0;
position: absolute;
width: 1px;
height: calc(100% - 30px);
}
section.news-listing main.listing article:nth-of-type(2n+2) {
padding-left: 20px;
}
section.photo-carousel-ftmba--large .photos .item {
min-height: 280px;
min-width: 400px
}
section.photo-carousel-ftmba--large .photos figure.image {
height: 280px
}
section.photo-carousel--large .photos .item {
min-height: 280px;
min-width: 400px
}
section.photo-carousel--large .photos figure.image {
height: 280px
}
section.portrait-img-tiles {/**
* Label
*//**
* Tiles
*//**
* Tile
*//* Content */
}
section.portrait-img-tiles .large-bg-text {
display: inline-block;
}
section.portrait-img-tiles .tiles {
align-items: stretch;
display: block;
justify-content: flex-start;
}/* Fade */
section.portrait-img-tiles .tiles::before {
height: 375px;
opacity: 1;
}
section.portrait-img-tiles .tile {
display: inline-flex;
flex-grow: 1;
flex-shrink: 1;
padding: 0 32px 52px;
}
section.portrait-img-tiles .tile:hover figure.image {
opacity: .6;
}
section.portrait-img-tiles .content {
right: 32px;
bottom: 52px;
left: 32px;
width: calc(100% - 64px);
}
.programmes-section .programmes-item {
width: calc(33.33333% - 2px)
}
.programmes-section .programmes-item:nth-child(n+3) {
margin-bottom: 0;
}
.programmes-section .programmes-item-wrap {
padding-top: 100%
}
.programmes-section .programmes-caption-title {
font-size: 27px;
font-size: 1.6875rem;
margin-bottom: 9px
}
.programmes-section .programmes-caption-description {
margin-bottom: 29px
}
.programmes-section.no-bottom-padding {
padding-bottom: 0 !important;
}
section.slider-carousel-info .photos .item {
min-height: 480px;
min-width: 760px;
width: 760px;
height: 480px;
}
section.slider-carousel-info .photos figure.image {
height: 480px;
}
section.slider-carousel-info .information {
margin: -20px 0 75px
}
section.standard-hero.mobile-square-image figure.image {
width: auto;
height: 440px
}
section.standard-hero.style--1 header.title .inner {
margin-left: 20px
}
section.standard-hero.style--1 figure.image {
width: 100%;
position: absolute;
height: 100%;
width: 100%;
margin-left: 317px
}
section.standard-hero {
background: transparent;
align-items: flex-start;
display: flex;
justify-content: flex-start;
height: 440px;
padding-bottom: 0
}
section.standard-hero header.title {
align-items: center;
display: inline-flex;
flex: 0 0 auto;
height: 440px;
justify-content: flex-start;
order: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
z-index: 1
}
section.standard-hero header.title .inner {
overflow: visible;
width: 277px;
height: 328px;
}
section.standard-hero header.title .text {
height: 100%;
padding: 42px 30px 30px 40px;
z-index: 1;
}
section.standard-hero header.title .text h2 {
margin-bottom: 26px;
}
section.standard-hero header.title svg {
display: block;
}
section.standard-hero figure.image {
width: auto;
height: 440px
}
section.standard-hero figure.image::before {
border-color: #fff transparent transparent;
border-width: 105px 105px 0 0;
top: 0;
right: auto;
bottom: auto;
left: 0;
}
section.standard-hero aside.buttons {
display: block
}
section.testimonial-tabs header .title {
margin: 0 0 30px;
text-align: left
}
section.testimonial-tabs main {
align-items: stretch;
display: flex;
justify-content: flex-start
}
section.testimonial-tabs .logos {
flex: 0 0 175px;
max-width: 175px
}
section.testimonial-tabs .logos::before {
background: #D9D9D9;
content: "";
top: 0;
right: 0;
bottom: 5px;
position: absolute;
width: 2px;
height: calc(100% - 5px);
z-index: 0;
}
section.testimonial-tabs .logos .logos-carousel {
z-index: 1;
}
section.testimonial-tabs .logos .slick-list {
overflow: visible !important;
}
section.testimonial-tabs .logos .slick-track {
align-items: stretch;
display: flex;
justify-content: flex-start;
flex-direction: column;
transform: none !important;
}
section.testimonial-tabs .logos .slick-slide {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0 none;
box-shadow: none;
cursor: pointer;
flex: 0 0 113px;
height: 113px;
outline: 0 none;
}
section.testimonial-tabs .logos .slick-slide > div {
width: calc(100% - 6px);
}
section.testimonial-tabs .logos .slick-slide .item-inner {
background: #fff;
border: 2px solid #D9D9D9;
min-height: 108px;
}
section.testimonial-tabs .logos .slick-slide img {
max-height: 62px;
max-width: 110px;
opacity: .58;
}
section.testimonial-tabs .logos .slick-slide span.text {
opacity: .37;
}/* First */
section.testimonial-tabs .logos .slick-slide:first-of-type .item-inner {
position: relative;
}
section.testimonial-tabs .logos .slick-slide:first-of-type .item-inner::before {
background: #fff url('/wbs2020/media/dist/img/testimonials-carousel-first-tab-edge.svg') no-repeat center / 34px;
content: "";
top: -2px;
left: -2px;
position: absolute;
width: 34px;
height: 34px;
z-index: 1;
}/* Last */
section.testimonial-tabs .logos .slick-slide:last-of-type {
flex-basis: 108px;
height: 108px;
}/**
* Current
*/
section.testimonial-tabs .logos .slick-slide.slick-current > div {
width: 100%;
}
section.testimonial-tabs .logos .slick-slide.slick-current > div .item-inner {
border-right: 2px solid #fff;
padding-right: 21px;
}
section.testimonial-tabs .logos .slick-slide.slick-current > div img, section.testimonial-tabs .logos .slick-slide.slick-current > div span.text {
opacity: 1;
}
section.testimonial-tabs .content {
flex: 0 0 calc(100% - 175px);
max-width: calc(100% - 175px);
padding-bottom: 5px
}
section.testimonial-tabs .content .slick-slider {
border-bottom: 2px solid #D9D9D9;
border-right: 2px solid #D9D9D9;
border-top: 2px solid #D9D9D9;
height: 100%;
}
section.testimonial-tabs .content .item {
padding: 36px 80px 60px 45px;
}
section.testimonial-tabs .content blockquote {
padding: 0
}
section.text-aside-expertise aside.expertise .tiles {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
width: calc(100% + 4px);
}
section.text-aside-expertise aside.expertise .tiles a {
display: inline-block;
flex: 0 0 calc(50% - 4px);
margin-right: 2px;
margin-left: 2px;
padding-bottom: 29.435%;
width: calc(50% - 4px);
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile {
flex-basis: calc(50% - 10px);
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .text {
min-height: 130px;
}
section.tile-ctas.style--1 article.tile .text {
min-height: 130px;
}
article.cta-tile-x3 {/**
* Text area title
*/
}
article.cta-tile-x3 .text {
padding: 40px 80px 60px 50px;
}
article.cta-tile {/**
* Text area title
*/
}
article.cta-tile .text {
padding: 40px 80px 60px 50px;
}
article.event-exec-ed:not(:last-of-type) {
margin-bottom: 30px;
}
article.event-exec-ed header aside.date {
flex-basis: 94px
}
article.event-exec-ed header .meta {
flex-basis: calc(100% - 94px);
padding: 16px 20px
}
article.event-exec-ed header .meta span.title {
line-height: 1.2em;
}
article.event-exec-ed header .meta span.type,
article.event-exec-ed header .meta span.location {
line-height: 1.7em;
}
article.event-exec-ed main {
padding: 20px 30px
}
article.event-exec-ed main .description {
display: block !important
}
article.event-exec-ed footer a.button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top / 10px 15px;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
min-height: 15px;
padding: 0 0 0 30px;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
article.event-exec-ed footer a.button:hover {
color: rgba(#000, .6);
}
article.event:not(:last-of-type) {
margin-bottom: 30px;
}
article.event header aside.date {
flex-basis: 94px
}
article.event header .meta {
flex-basis: calc(100% - 94px);
padding: 16px 20px
}
article.event header .meta span.title {
line-height: 1.2em;
}
article.event header .meta span.type,
article.event header .meta span.location {
line-height: 1.7em;
}
article.event main {
padding: 20px 30px
}
article.event main .description {
display: block !important
}
article.event footer a.button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
background: transparent url('/media/dist/img/header-subpane-arrow-desktop.svg') no-repeat left top / 10px 15px;
color: #000;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: flex-start;
min-height: 15px;
padding: 0 0 0 30px;
letter-spacing: .72px;
letter-spacing: 0.045rem;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
article.event footer a.button:hover {
color: rgba(#000, .6);
}
aside.indepenent-content-sidebar {
margin-bottom: 40px
}
aside.indepenent-content-sidebar.mobile-padding-sides {
padding-right: 0;
padding-left: 0;
}
.modal button.fancybox-button {
background-size: 48px;
left: auto;
margin: 0;
width: 48px;
height: 48px;
text-align: right
}
main.change-makers section.home-hero {
background: transparent;
align-items: flex-start;
display: flex;
height: 590px;
padding-bottom: 0
}
main.change-makers section.home-hero .content {
margin-top: 0
}
main.change-makers section.home-hero .content-inner {
margin-top: 133px;
max-width: 420px;
padding-bottom: 0
}
main.change-makers section.home-hero .content-inner::before {
top: -65px;
border-bottom: 65px solid #312239;
border-left: 65px solid transparent;
border-right: 65px solid transparent
}
main.change-makers section.home-hero .content-inner::after {
top: -65px;
width: calc(100% - 65px);
height: 65px
}
main.change-makers section.home-hero .content-inner .inner::before {
right: 0;
bottom: -63px;
border-top: 63px solid #312239;
border-left: 63px solid transparent;
border-right: 63px solid transparent;
border-bottom: 0 none
}
main.change-makers section.home-hero .content-inner .inner::after {
height: 63px;
bottom: -63px;
width: calc(100% - 63px)
}
main.change-makers section.home-hero .content-inner .title {
margin-bottom: 17px;
font-size: 56px;
font-size: 3.5rem;
line-height: 47px;
line-height: 2.9375rem
}
main.change-makers section.home-hero .content-inner .description {
margin-bottom: 35px;
font-size: 16px;
font-size: 1rem;
line-height: 20px;
line-height: 1.25rem
}
main.change-makers section.home-hero .content-inner .link-view-all {
letter-spacing: 1.2px;
letter-spacing: 0.075rem
}
main.change-makers section.home-hero .logos {
display: flex
}
main.change-makers section.home-hero figure.media {
max-width: 1142px;
padding-bottom: 60px;
top: 0;
left: calc(50% - 450px);
position: absolute;
width: calc(50% + 450px);
height: 100%;
padding-bottom: 48px
}
main.change-makers section.home-hero figure.media::before {
border-top: 44px solid #fff;
border-left: 44px solid transparent;
border-right: 44px solid transparent;
content: '';
top: -1px;
left: 0;
position: absolute;
transform: translate(-50%, 0);
z-index: 3;
}
section.photo-carousel-cm--large .photos .item {
min-height: 280px;
min-width: 400px
}
section.photo-carousel-cm--large .photos figure.image {
height: 280px
}
main.change-makers section.change-maker-tiles {/**
* Label
*//**
* Tiles
*//**
* Tile
*/
}
main.change-makers section.change-maker-tiles .large-bg-text {
display: inline-block;
}
main.change-makers section.change-maker-tiles .tiles {
align-items: stretch;
display: block;
justify-content: flex-start;
}
main.change-makers section.change-maker-tiles .tile {
display: inline-flex;
flex-grow: 1;
flex-shrink: 1;
padding: 0px;
height: 600px;
border-right: 10px white solid;
}/* Content */
main.change-makers section.change-maker-tiles .tile .summary {
top: 300px;
right: 0px;
left: 0px;
height: 200px;
background-color: #312239;
width: 100%;
position: absolute;
overflow: visible;
z-index: 2;
padding: 30px 50px;
}
main.change-makers section.change-maker-tiles .tile .summary .title {
color: #fff;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
text-align: left;
margin-bottom: 10px;
font-weight: 700;
}
main.change-makers section.change-maker-tiles .tile .summary .title.orange {
color: #FD6A53;/* Updated from $c--gauri-malik-cm-colour */
}
main.change-makers section.change-maker-tiles .tile .summary .textarea {
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2em;
text-align: left;
font-weight: 600;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile {
flex-basis: calc(50% - 10px);
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .text {
min-height: 130px;
}
main.exec-education-2025 section.home-hero {
background: transparent;
align-items: flex-start;
display: flex;
height: 590px;
padding-bottom: 0
}
main.exec-education-2025 section.home-hero .content {
margin-top: 0
}
main.exec-education-2025 section.home-hero .content-inner {
margin-top: 133px;
max-width: 420px;
padding-bottom: 0
}
main.exec-education-2025 section.home-hero .content-inner::before {
top: -65px;
border-bottom: 65px solid #312239;
border-left: 65px solid transparent;
border-right: 65px solid transparent
}
main.exec-education-2025 section.home-hero .content-inner::after {
top: -65px;
width: calc(100% - 65px);
height: 65px
}
main.exec-education-2025 section.home-hero .content-inner .inner::before {
right: 0;
bottom: -63px;
border-top: 63px solid #312239;
border-left: 63px solid transparent;
border-right: 63px solid transparent;
border-bottom: 0 none
}
main.exec-education-2025 section.home-hero .content-inner .inner::after {
height: 63px;
bottom: -63px;
width: calc(100% - 63px)
}
main.exec-education-2025 section.home-hero .content-inner .title {
margin-bottom: 17px;
font-size: 56px;
font-size: 3.5rem;
line-height: 47px;
line-height: 2.9375rem
}
main.exec-education-2025 section.home-hero .content-inner .description {
margin-bottom: 35px;
font-size: 16px;
font-size: 1rem;
line-height: 20px;
line-height: 1.25rem
}
main.exec-education-2025 section.home-hero .content-inner .link-view-all {
letter-spacing: 1.2px;
letter-spacing: 0.075rem
}
main.exec-education-2025 section.home-hero .logos {
display: flex
}
main.exec-education-2025 section.home-hero figure.media {
max-width: 1142px;
padding-bottom: 60px;
top: 0;
left: calc(50% - 450px);
position: absolute;
width: calc(50% + 450px);
height: 100%;
padding-bottom: 48px
}
main.exec-education-2025 section.home-hero figure.media::before {
border-top: 44px solid #fff;
border-left: 44px solid transparent;
border-right: 44px solid transparent;
content: '';
top: -1px;
left: 0;
position: absolute;
transform: translate(-50%, 0);
z-index: 3;
}
main.exec-education-2025 section.change-maker-tiles {/**
* Label
*//**
* Tiles
*//**
* Tile
*/
}
main.exec-education-2025 section.change-maker-tiles .large-bg-text {
display: inline-block;
}
main.exec-education-2025 section.change-maker-tiles .tiles {
align-items: stretch;
display: block;
justify-content: flex-start;
}
main.exec-education-2025 section.change-maker-tiles .tile {
display: inline-flex;
flex-grow: 1;
flex-shrink: 1;
padding: 0px;
height: 600px;
border-right: 10px white solid;
}/* Content */
main.exec-education-2025 section.change-maker-tiles .tile .summary{
top: 300px;
right: 0px;
left: 0px;
height: 200px;
background-color: #312239;/* padding: 20px 40px; */
width: 100%;
position: absolute;
overflow: visible;
z-index: 2;
padding: 30px 50px;
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .title {
color: #fff;
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.2em;
text-align: left;
margin-bottom: 10px;/* font-family: $ff--4; */
font-weight: 700;
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .title.orange {
color: #FD6A53;
}
main.exec-education-2025 section.change-maker-tiles .tile .summary .textarea {
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2em;
text-align: left;/* font-family: $ff--4; */
font-weight: 600;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile {
flex-basis: calc(50% - 10px);
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .text {
min-height: 130px;
}
section.standard-hero header.title .text {
padding: 42px 30px 30px 50px
}
section.contained-textarea .data-table .row .column:first-of-type {
flex-basis: 200px;
}
section.contained-textarea .data-table .row .column:nth-of-type(2) {
flex-basis: calc(100% - 200px);
}
article.event main .more-info {
display: none
}
}
@media (min-width: 960px) and (max-width: 1024px) {
section.black-in-business-partnerships main.listing {/* Article */
}
section.black-in-business-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/4 - (30px - 30px * 1/4));
max-width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
section.black-in-business-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.black-in-business-partnerships main.listing article:last-child {
margin-right: 0;
}
section.black-in-business-partnerships main.listing article:nth-child(4n) {
margin-right: 0;
margin-left: auto;
}
section.contained-textarea .container {
padding: 22px 20px 45px
}
section.contained-textarea .data-table .row {/**
* Column*/
}
section.contained-textarea .data-table .row .column {
padding: 0 30px;
}
section.contained-textarea .data-table .row .column:nth-of-type(1) {
flex-basis: 140px;
}
section.contained-textarea .data-table .row .column:nth-of-type(2) {
flex-basis: calc(100% - 140px);
}
section.financial-tabs .tabbed-content .textarea .data-table .row {/**
* Column*/
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column {
padding: 0 30px;
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column:nth-of-type(1) {
flex-basis: 140px;
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column:nth-of-type(2) {
flex-basis: calc(100% - 140px);
}
section.inspiring-women-promote-partnerships main.listing {/* Article */
}
section.inspiring-women-promote-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/4 - (30px - 30px * 1/4));
max-width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.inspiring-women-promote-partnerships main.listing article:last-child {
margin-right: 0;
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(4n) {
margin-right: 0;
margin-left: auto;
}
section.staff-listing main.listing {/* Article */
}
section.staff-listing main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/4 - (30px - 30px * 1/4));
max-width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
section.staff-listing main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.staff-listing main.listing article:last-child {
margin-right: 0;
}
section.staff-listing main.listing article:nth-child(4n) {
margin-right: 0;
margin-left: auto;
}
section.textarea .data-table .row {/**
* Column*/
}
section.textarea .data-table .row .column {
padding: 0 30px;
}
section.textarea .data-table .row .column:nth-of-type(1) {
flex-basis: 140px;
}
section.textarea .data-table .row .column:nth-of-type(2) {
flex-basis: calc(100% - 140px);
}
}
@media (min-width: 960px) and (max-width: 1230px) {
.about-section {
padding: 41px 0 32px
}
section.text-aside-media-pathways.section-padding--03 {
padding-top: 210px !important
}
section.text-aside-media.section-padding--03 {
padding-top: 210px !important
}
section.thumbnail-ctas .container > .inner {
flex-wrap: wrap !important;
}
main.change-makers section.text-aside-media.section-padding--03 {
padding-top: 210px !important
}
main.exec-education-2025 section.text-aside-media.section-padding--03 {
padding-top: 210px !important
}
}
@media only screen and (min-width: 960px) and (max-width: 1024px), (min-width: 1400px) {
section.financial-tabs .tabbed-content .two-col-list {
align-items: stretch;
display: flex;
justify-content: space-between
}
section.financial-tabs .tabbed-content .two-col-list > .col {
flex: 0 0 calc(50% - 20px);
}
section.tile-ctas article.tile {
flex-basis: calc(33.3333% - 2px)
}
section.timeline article.stamp {
align-items: flex-start;
display: flex;
justify-content: space-between
}
section.timeline article.stamp:not(:last-of-type) {
padding-bottom: 45px;
}
section.timeline article.stamp aside.date {
flex: 1 1 20%;
margin-bottom: 0
}
section.timeline article.stamp aside.date span.label {
padding: 5px 0 12px 22px;
}
section.timeline article.stamp main.content > .content-inner {
padding: 0 28px
}
section.timeline article.stamp main.content > .content-inner.grey {
background: #EBEDEF;
padding-top: 28px;
padding-bottom: 32px;
}
section.timeline article.stamp main.content {
flex: 1 0 80%;
max-width: 580px
}
section.timeline stamp.withnotimeline {
align-items: flex-start;
display: flex;
justify-content: space-between
}
section.timeline stamp.withnotimeline:not(:last-of-type) {
padding-bottom: 45px;
}
section.timeline stamp.withnotimeline aside.date {
flex: 1 1 20%;
margin-bottom: 0
}
section.timeline stamp.withnotimeline aside.date span.label {
padding: 5px 0 12px 22px;
}
section.timeline notimeline.content > .content-inner {
padding: 0 28px
}
section.timeline notimeline.content > .content-inner.grey {
background: #EBEDEF;
padding-top: 28px;
padding-bottom: 32px;
}
section.timeline notimeline.content {
flex: 1 0 80%;
max-width: 580px
}
section.contained-textarea .two-col-list, section.textarea .two-col-list {
align-items: stretch;
display: flex;
justify-content: space-between
}
section.contained-textarea .two-col-list > .col, section.textarea .two-col-list > .col {
flex: 0 0 calc(50% - 20px);
}
}
@media (min-width: 960px) {
.exec-education-2025 section.thumb-testimonial-index .list {
display: flex;
flex-wrap: wrap;
gap: 30px
}
.exec-education-2025 section.thumb-testimonial-index .list article.testimonial {
flex: 0 0 calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
margin-bottom: 30px
}
}
@media (min-width: 960px) and (max-width: 1440px) {
section.subscribe-section .subscribe-image {
max-width: 60%;
flex-basis: 60%
}
section.subscribe-section .subscribe-caption {
flex-basis: 40%;
max-width: 40%;
padding: 40px
}
}
@media (min-width: 961px) {
.tabs a.current:after {
display: flex;
}
.tabs a {
width: 50%
}
.tabs{
flex-direction: row
}
footer.primary .row-flex {
flex-direction: row
}
footer.primary .footer-left-col {
padding-top: 42px;
width: 33%
}
footer.primary .footer-right-col {
padding-top: 42px;
padding-left: 26px;
width: 67%
}
footer.primary .footer-logo-address {
flex-wrap: wrap
}
footer.primary .footer-address {
width: 100%;
margin-bottom: 14px
}
footer.primary .footer-copyright-image {
width: 100%
}
footer.primary .footer-social-networks-section {
padding-top: 18px;
margin-bottom: 60px
}
footer.primary .footer-social-networks-section .title {
margin-right: 19px;
margin-bottom: 0;
width: auto
}
footer.primary .footer-social-networks li {
margin-right: 13px
}
nav.section-menu.style--1 .links {
flex-direction: row
}
.about-section .row-flex {
align-items: center;
justify-content: space-between
}
.about-section .about-description.half-col {
width: 50%;
max-width: 50%;
flex: 0 0 50%
}
.about-section .about-description {
max-width: 54%;
flex: 0 0 54%;
padding-right: 30px
}
.about-section .about-blockquote.half-col {
width: 50%;
max-width: 50%;
flex: 0 0 50%
}
.about-section .about-blockquote {
flex: 0 0 380px;
height: 382px;
margin: 8px 0 0;
max-height: 382px;
max-width: 380px
}
.about-section .about-blockquote-inner {
margin: 6px 0
}
.about-section .about-description-title {
font-size: 42px;
font-size: 2.625rem;
margin-bottom: 40px
}
.about-section .information-icons {
flex: 1
}
.about-section .information-icons.half-col {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
padding-left: 40px
}
section.appointment-index > main.list {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
section.appointment-index article.appointment {
margin-bottom: 30px;
max-width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px)
}
section.black-in-business-partnerships .pagination {
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
text-align: left
}
section.black-in-business-partnerships .pagination aside {
display: inline-block;
}
section.black-in-business-partnerships .pagination aside.numbers {
margin-top: 0;
text-align: right;
}
section.black-in-business-partnerships .pagination aside.numbers li:not(:last-of-type) {
margin-right: 0;
}
section.blog-article-index header {
align-items: flex-start;
display: flex;
justify-content: space-between/* View all */
}
section.blog-article-index header > .view-all {
display: inline-block;
margin-top: 0;
padding-top: 6px;
}
section.blog-article-index header > .view-all a {
background-image: url('/media/dist/img/link.svg');
background-position: top right 0;
background-repeat: no-repeat;
background-size: 37px 30px;
color: rgba(#000, .81);
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.5em;
font-size: 0.8125rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: .1025em;
min-height: 30px;
padding: 6px 55px 0 0;
opacity: 1;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
section.blog-article-index header > .view-all a:hover {
text-decoration: underline;
}
section.blog-article-index.three-per-row article.blog {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (40px - 40px * 1/3));
max-width: calc(99.9% * 1/3 - (40px - 40px * 1/3));
width: calc(99.9% * 1/3 - (40px - 40px * 1/3));
}
section.blog-article-index.three-per-row article.blog:nth-child(1n) {
margin-right: 40px;
margin-left: 0;
}
section.blog-article-index.three-per-row article.blog:last-child {
margin-right: 0;
}
section.blog-article-index.three-per-row article.blog:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
section.case-study-archive {/* Pagination */
}
section.case-study-archive .pagination {
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
text-align: left;
}
section.case-study-archive .pagination aside {
display: inline-block;
}
section.case-study-archive .pagination aside.numbers {
margin-top: 0;
text-align: right;
}
section.case-study-archive .pagination aside.numbers li {
margin-right: 0;
}
section.case-study-carousel header {
margin-bottom: 55px
}
section.case-study-carousel main li .button a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
}
section.case-study-carousel--style-1 {
padding: 0em 0 2em
}
section.case-study-carousel--style-2 {
padding: 0em 0 2em
}
section.case-study-index main.list {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.case-study-index article.case-study {
flex: 0 0 calc(50% - 20px);
max-width: calc(50% - 20px)
}
section.case-study-index article.case-study:not(:last-of-type) {
margin-bottom: 0;
}
section.case-study-index footer {
display: flex;
justify-content: flex-end/* View all */
}
section.case-study-index footer .view-all {
text-align: right;
}
.coreinsights-section .section-title {
font-size: 42px;
font-size: 2.625rem;
margin-bottom: 40px
}
section.cta-blocks {
margin-bottom: 100px
}
section.cta-blocks.style--1 .container {
flex-direction: row;
justify-content: space-between
}
section.cta-blocks.style--1 .block {
margin: 0 12px;
max-width: 325px
}
section.cta-blocks.style--1 .block:first-child {
margin-left: 0;
}
section.cta-blocks.style--1 .block:last-child {
margin-right: 0;
}
section.cta-blocks.style--2 .container {
justify-content: center
}
section.cta-blocks.style--2 .block {
margin: 0 55px
}
section.cta-blocks.style--2 .block:first-child {
margin-left: 0;
}
section.cta-blocks.style--2 .block:last-child {
margin-right: 0;
}
section.cta-blocks.desktop-mb-90 {
margin-bottom: 90px
}
section.cta-blocks .container {
display: flex;
justify-content: space-around
}
section.cta-blocks .block {
margin: 0 35px;
max-width: 378px;
padding: 45px 35px 0 35px
}
section.cta-blocks .block .icon svg {
width: 100%
}
section.cta-blocks .block .description {
margin-bottom: 75px
}
section.cta-information-blocks-alumni .blocks {
display: flex
}
section.cta-information-blocks-alumni .blocks .large {
padding: 60px;
margin-right: 60px
}
section.cta-information-blocks-alumni .blocks .small {
margin-top: 25px
}
section.cta-information-blocks .blocks {
display: flex
}
section.cta-information-blocks .blocks .large {
padding: 60px;
margin-right: 60px
}
section.cta-information-blocks .blocks .small {
margin-top: 25px
}
section.events-index .columns .single {
width: 50%;
padding-right: 10px
}
section.events-index .pagination {
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
text-align: left
}
section.events-index .pagination aside {
display: inline-block;
}
section.events-index .pagination aside.numbers {
margin-top: 0;
text-align: right;
}
section.events-index .pagination aside.numbers li:not(:last-of-type) {
margin-right: 0;
}
section.experiences-group header {
align-items: flex-start;
display: flex;
justify-content: space-between/* View all */
}
section.experiences-group header > .view-all {
display: inline-block;
padding-top: 6px;
}
.expertise-section-pathways {
margin-top: 60px;
display: block
}
.expertise-section-pathways .inner {
align-items: stretch;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap
}
.expertise-section-pathways aside.expertise-caption {
display: inline-block;
flex: 0 0 50%;
max-width: 50%;
padding: 55px 50px 37px 58px;
vertical-align: top
}
.expertise-section-pathways aside.expertise-content {
display: inline-block;
flex: 0 0 50%;
max-width: 50%;
vertical-align: top
}
section.four-block-cta {
padding: 50px 0 40px
}
section.four-block-cta .information .description {
margin-bottom: 50px
}
section.four-block-cta .blocks {
flex-wrap: wrap
}
section.hero-article {
margin-bottom: 82px;
padding-top: 0/* Category *//* Bottom area *//* Meta *//* Social */
}
section.hero-article .category {
margin-bottom: 16px;
}
section.hero-article .bottom-area {
align-items: center;
border-bottom: 1px solid rgba(151,151,151,.3);
display: flex;
flex: nowrap;
justify-content: space-between;
padding: 23px 0;
}
section.hero-article .meta {
border-bottom: 0 none;
display: inline-block;
flex: 1 1 auto;
padding-bottom: 0;
}
section.hero-article .meta aside {
display: inline-block;
flex: none;
max-width: 190px;
width: 100%;
}
section.hero-article .social {
display: inline-block;
flex: 0 1 auto;
padding: 0;
text-align: right;
}
section.icon-stats .container {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: space-between
}
section.icon-stats article.stat {
display: inline-block;
flex: 0 0 calc(33.3333% - 2px);
vertical-align: top/* Icon */
}
section.icon-stats article.stat i.icon {
min-width: 0;
}
section.icon-stats article.stat i.icon img {
margin: 0;
text-align: left;
}
section.inspiring-women-promote-partnerships .pagination {
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
text-align: left
}
section.inspiring-women-promote-partnerships .pagination aside {
display: inline-block;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers {
margin-top: 0;
text-align: right;
}
section.inspiring-women-promote-partnerships .pagination aside.numbers li:not(:last-of-type) {
margin-right: 0;
}
section.ftmba-carousel {
margin-bottom: 0px;
margin-top: 30px;
padding-top: 0px;
padding-bottom: 0
}
section.ftmba-carousel::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 795px;
z-index: 0;
}
section.ftmba-carousel .content .content-inner {
padding-top: 20px
}
section.ftmba-carousel .content {
margin-bottom: 35px
}
section.news-events-showcase .showcase-title {
font-size: 42px;
font-size: 2.625rem
}
section.news-listing .pagination {
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
text-align: left
}
section.news-listing .pagination aside {
display: inline-block;
}
section.news-listing .pagination aside.numbers {
margin-top: 0;
text-align: right;
}
section.news-listing .pagination aside.numbers li {
margin-right: 0;
}
section.our-history .padding--d-b-100 {
padding-bottom: 100px
}
section.our-history .padding--d-b-60 {
padding-bottom: 60px
}
section.our-history .padding--d-b-50 {
padding-bottom: 50px
}
section.our-history .padding--d-b-90 {
padding-bottom: 90px
}
section.our-history .padding--d-b-211 {
padding-bottom: 211px
}
section.our-history .heading h2,
section.our-history .heading .overlay {
text-align: left;
}
section.our-history .heading {
left: 5%;
margin-right: 0;
margin-left: auto;
transform: none;
}
section.our-history .heading h2 {
margin-left: 8%;
top: 65%;
}
section.our-history .time-aside {
top: 230px;
}
section.our-history .milestones {
max-width: 1230px;
padding-top: 30px;
border-right: 0;
padding-right: 35px;
}
section.our-history .milestones .row {
width: 100%;
display: flex;
}
section.our-history .milestones .row .left,
section.our-history .milestones .row .right {
width: 50%;
}
section.our-history .milestones .row .left {
display: flex;
justify-content: flex-end;
}
section.our-history .milestones .row .content {
display: flex;
justify-content: flex-end;
}
section.our-history .milestones .row .content aside {
width: 100%;
max-width: 304px;
display: flex;
justify-content: flex-end;
flex-direction: column;
margin-top: 0px;
}/* The blue box */
section.our-history .milestones .row .content .year {
margin: unset;
height: 258px;
max-width: 257px;
}
section.our-history .milestones .row .content .year .box {
height: 258px;
max-width: 257px;
font-weight: 600;
}
section.our-history .milestones .row .content .year .box.bordered {
display: flex;
align-items: center;
justify-content: center;
}
section.our-history .milestones .row .content .year .box.bordered h3 {
color: #125495;
}
section.our-history .milestones .row .content .description {
width: 100%;
max-width: 257px;
align-self: flex-end;
}
section.our-history .milestones .row .content .description h4 {
padding-top: 22px;
}
section.our-history .milestones .row .content .description .information {
padding-top: 5px;
}/* Small image and year with heading */
section.our-history .milestones .row.small {
flex-direction: row;
}
section.our-history .milestones .row.small .image,
section.our-history .milestones .row.small .content {
width: 100%;
max-width: 350px;
}
section.our-history .milestones .row.small .content:before {
content: '';
left: 0;
right: unset;
}
section.our-history .milestones .row.small .image {
border-top: 7px solid #135495;
}
section.our-history .milestones .row.small .left {
border-right: 8px solid #135495;
}
section.our-history .milestones .row.small .right {
border-left: 8px solid #135495;
}
section.our-history .milestones .row.small .image figure {
height: 201px;
max-width: 301px;
}
section.our-history .milestones .row.small .image .overlay {
height: 182px;
width: 182px;
left: -33px;
bottom: -41px;
}
section.our-history .milestones .row.reverse {
flex-direction: row-reverse;
}
section.our-history .milestones .row.reverse .image {
display: flex;
justify-content: flex-end;
}
section.our-history .milestones .row.reverse .image .overlay {
left: unset;
right: -33px;
}
section.our-history .milestones .row.reverse .content {
justify-content: flex-start;
}
section.our-history .milestones .row.reverse .content:before {
left: unset;
right: 0;
}
section.our-history .milestones .row.reverse .content .year,
section.our-history .milestones .row.reverse .content .description {
align-self: flex-start;
}
section.our-history .milestones .row.reverse .right {
display: flex;
justify-content: flex-end;
border-left: 0;
border-right: 8px solid #135495;
}
section.our-history .milestones .row.reverse .left {
justify-content: flex-start;
border-right: 0;
border-left: 8px solid #135495;
}
section.our-history .milestones .row.offset-top .content aside {
margin-top: -40px;
}
section.our-history .milestones .row.stats {
flex-direction: row;
}
section.our-history .milestones .row.stats .statistics {
color: #135495;
width: 100%;
max-width: 500px;
border-top: 7px solid #135495;
border-right: 8px solid #135495;
}
section.our-history .milestones .row.stats .statistics .columns {
margin-right: 80px;
}
section.our-history .milestones .row.stats .content {
height: 100%;
width: 100%;
max-width: 340px;
border-left: 8px solid #135495;
}
section.our-history .milestones .row.stats .content:before {
left: 0;
}
section.our-history .milestones .row.stats .content aside {
justify-content: flex-start;
margin-top: -40px;
}
section.our-history .milestones .row.stats.reverse {
flex-direction: row-reverse;
}
section.our-history .milestones .row.stats.reverse aside {
margin-top: 0;
}
section.our-history .milestones .row.stats.reverse .content {
border-left: 0;
}
section.our-history .milestones .row.stats.reverse .content:before {
left: unset;
right: 0;
}
section.our-history .milestones .row.stats.reverse .statistics {
border-right: 0;
margin-right: 20px;
}
section.our-history .milestones .row.stats.reverse .statistics .columns {
margin-right: 0;
margin-left: 80px;
max-width: 100%;
}
section.our-history .milestones .row.stats.reverse .statistics .col {
text-align: left;
}
section.our-history .milestones .row.stats.reverse .statistics .col:nth-child(even) {
padding-left: 20px;
}
section.our-history .milestones .row.wide {
flex-direction: row;
}
section.our-history .milestones .row.wide .image,
section.our-history .milestones .row.wide .content {
width: 100%;
max-width: 350px;/* border-top: 7px solid $c--38; */
}
section.our-history .milestones .row.wide .image {
max-width: 100%;
}
section.our-history .milestones .row.wide .left {
border-right: 8px solid #135495;
}
section.our-history .milestones .row.wide .right {
border-left: 8px solid #135495;
}
section.our-history .milestones .row.wide .right .content aside {
margin-top: -40px;
}
section.our-history .milestones .row.wide .content:before {
left: 0;
}
section.our-history .milestones .row.wide .image {
border-top: 7px solid #135495;
}
section.our-history .milestones .row.wide .image figure {
width: 100%;
height: 327px;
max-width: 489px;
position: relative;
}
section.our-history .milestones .row.wide .image .overlay {
height: 182px;
width: 182px;
background-color: #E2E5EA;
position: absolute;
left: -40px;
bottom: -51px;
}
section.our-history .milestones .row.wide .image img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
z-index: 1;
}
section.our-history .milestones .row.tall .image,
section.our-history .milestones .row.tall .content {
width: 100%;
max-width: 350px;/* border-top: 7px solid $c--38; */
}
section.our-history .milestones .row.tall .content {
align-items: flex-start;
}
section.our-history .milestones .row.tall .image {
max-width: 350px;
border-top: 7px solid #135495;
}
section.our-history .milestones .row.tall .image figure {
width: 100%;
height: 490px;
max-width: 327px;
position: relative;
}
section.our-history .milestones .row.tall .image .overlay {
height: 182px;
width: 182px;
background-color: #E2E5EA;
position: absolute;
right: -25px;
bottom: -41px;
}
section.our-history .milestones .row.tall .image img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
z-index: 1;
}
section.our-history .milestones .row:last-child .left,
section.our-history .milestones .row:last-child .right {
border: 0;
}
.our-ratings-section {
padding: 41px 0 32px
}
.our-ratings-section .section-title {
font-size: 42px;
font-size: 2.625rem
}
section.photo-carousel-ftmba .information .controls span {
padding: 20px
}
section.photo-carousel-ftmba {
margin-bottom: 100px;
padding-top: 45px;
padding-bottom: 0
}
section.photo-carousel-ftmba::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 740px;
z-index: 0;
}
section.photo-carousel-ftmba--large .photos .item {
min-height: 597px;
min-width: 900px
}
section.photo-carousel-ftmba--large .photos figure.image {
height: 597px
}
section.photo-carousel {
margin-bottom: 100px;
padding-top: 45px;
padding-bottom: 0
}
section.photo-carousel::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 740px;
z-index: 0;
}
section.photo-carousel .content {
margin-bottom: 75px
}
section.photo-carousel .photos .slick-list {
margin-right: -25px;
margin-left: -25px;
}
section.photo-carousel .photos .slick-slide {
margin-right: 25px;
margin-left: 25px;
}
section.photo-carousel .photos .item {
min-height: 560px;
min-width: 380px;
width: 380px;
height: 560px;
}
section.photo-carousel .photos figure.image {
height: 380px;
}
section.photo-carousel .photos .slick-slide.slick-active.slick-center .item figure.image {
height: 560px;
}
section.photo-carousel--large .photos .item {
min-height: 597px;
min-width: 900px
}
section.photo-carousel--large .photos figure.image {
height: 597px
}
.programme-animate-section .content-outer .title {
font-size: 42px;
font-size: 2.625rem
}
.programmes-section .section-title {
font-size: 42px;
font-size: 2.625rem;
margin-bottom: 30px
}
section.rankings-index .columns .single {
width: 50%;
padding-right: 10px
}
section.rankings-index .pagination {
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
text-align: left
}
section.rankings-index .pagination aside {
display: inline-block;
}
section.rankings-index .pagination aside.numbers {
margin-top: 0;
text-align: right;
}
section.rankings-index .pagination aside.numbers li:not(:last-of-type) {
margin-right: 0;
}
section.related-events .container {
padding: 80px 50px 90px
}
section.related-events header h2 {
text-align: left
}
section.related-events article.event {
max-width: 381px;
margin-right: 40px
}
section.related-events article.event .more-info {
display: none;
}
section.related-events article.event:not(:last-of-type) {
margin-bottom: 0;
}
section.related-events article.event:last-child {
margin: 0;
}
section.related-events .list {
display: flex
}
section.slider-carousel-info .heading {
margin-bottom: 30px
}
section.slider-carousel-info .slider {
position: absolute
}
section.slider-carousel-info .photos {
height: 550px
}
section.slider-carousel-info .information {
position: absolute;
top: 50%;
left: 77.5%;
max-width: 363px;
transform: translate(-50%, -50%)
}
section.slider-carousel-info .information .controls span {
padding: 20px
}
section.slider-carousel.desktop-mb-100 {
margin-bottom: 100px
}
section.slider-carousel {
margin: 60px 0 50px;
padding: 40px 0 40px
}
section.slider-carousel.style--1.mobile-m-b-0 {
margin: 30px 0 25px
}
section.slider-carousel.style--1 {
padding: 50px 0
}
section.slider-carousel .heading a {
display: flex
}
section.slider-carousel .heading {
margin-bottom: 30px
}
section.slider-carousel .footer span, section.slider-carousel .controls span {
padding: 20px
}
section.slider-carousel .block {
max-width: 480px
}
section.staff-listing .pagination {
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: flex-end !important;
text-align: right !important
}
section.staff-listing .pagination aside {
display: inline-block;
}
section.staff-listing .pagination aside.numbers {
margin-top: 0;
text-align: right;
}
section.staff-listing .pagination aside.numbers li:not(:last-of-type) {
margin-right: 0;
}
section.team-index-manual .featured aside.photo {
flex-basis: 225px;
margin-bottom: 0;
width: 225px
}
section.team-index-manual .featured {/* Content */
}
section.team-index-manual .featured aside.mobile-meta {
display: none;
}
section.team-index-manual .featured .content {
display: inline-block;
flex: 1 1 calc(100% - 225px);
max-width: calc(100% - 225px);
padding-left: 30px;
vertical-align: top;
}
section.team-index-manual .featured .content .bio {
font-size: 16px;
}
section.team-index-manual .featured .content .meta {
display: block;
}
section.team-index-manual ul.people li.person {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/4 - (30px - 30px * 1/4));
max-width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
margin-bottom: 36px
}
section.team-index-manual ul.people li.person:nth-child(1n) {
margin-right: 30px;
margin-left: 0
}
section.team-index-manual ul.people li.person:last-child {
margin-right: 0
}
section.team-index-manual ul.people li.person:nth-child(4n) {
margin-right: 0;
margin-left: auto
}
section.team-index .featured aside.photo {
flex-basis: 225px;
margin-bottom: 0;
width: 225px
}
section.team-index .featured {/* Content */
}
section.team-index .featured aside.mobile-meta {
display: none;
}
section.team-index .featured .content {
display: inline-block;
flex: 1 1 calc(100% - 225px);
max-width: calc(100% - 225px);
padding-left: 30px;
vertical-align: top;
}
section.team-index .featured .content .bio {
font-size: 16px;
}
section.team-index .featured .content .meta {
display: block;
}
section.team-index ul.people li.person {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/4 - (30px - 30px * 1/4));
max-width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
margin-bottom: 36px
}
section.team-index ul.people li.person:nth-child(1n) {
margin-right: 30px;
margin-left: 0
}
section.team-index ul.people li.person:last-child {
margin-right: 0
}
section.team-index ul.people li.person:nth-child(4n) {
margin-right: 0;
margin-left: auto
}
section.text-aside-expertise {
background: #F3F4F6;
padding: 75px 0
}
section.text-aside-expertise aside {
align-items: center;
display: inline-flex;
flex: 0 0 50%;
flex-wrap: nowrap;
justify-content: center;
width: 50%
}
section.text-aside-expertise aside.content {
margin-bottom: 0;
padding-top: 75px;
padding-bottom: 75px
}
section.text-aside-expertise aside.content .content-inner {
max-width: 500px;
}
section.text-aside-expertise aside.expertise {
justify-content: flex-start;
margin-right: -2px;
margin-left: -2px;
padding-left: 50px
}
section.text-aside-expertise.margin--1 {
margin-bottom: 75px
}
section.text-aside-img-carousel .large-bg-text {
display: inline-block
}
section.text-aside-media-pathways .large-bg-text {
display: inline-block
}
section.text-aside-media-pathways .heading.stlye--1 {
margin-bottom: 2em
}
section.text-aside-media-pathways aside {
align-items: flex-start;
display: inline-flex;
flex: 0 0 50%;
flex-wrap: nowrap;
justify-content: flex-end;
width: 50%
}
section.text-aside-media-pathways aside.content .button--style-1 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
section.text-aside-media-pathways aside.content .button--style-2 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
section.text-aside-media-pathways aside.content .toggle .description .inner {
padding-left: 40px;
padding-top: 20px;
padding-bottom: 10px;
}
section.text-aside-media-pathways aside.media figure.image {
padding-bottom: 0;
width: 590px;
height: 620px
}
section.text-aside-media-pathways aside.media figure.image.square {
width: 586px;
height: 586px
}
section.text-aside-media-pathways aside.media figure.image.square.style--1 {
width: 586px;
height: 553px
}
section.text-aside-media-pathways aside.media figure.image.wide {
width: 590px;
height: 451px
}
section.text-aside-media-pathways.first--media aside.content {
order: 1;
padding-left: 95px;
}
section.text-aside-media-pathways.first--content aside.content {
order: 0;
padding-right: 95px;
}
section.text-aside-media-pathways.first--desktop--media aside.content {
order: 1;
padding-left: 95px;
}
section.text-aside-media-pathways.first--desktop--media aside.media {
order: 0;
}
section.text-aside-media-pathways.first--desktop--content aside.content {
order: 0;
padding-right: 95px;
}
section.text-aside-media-pathways.first--desktop--content aside.media {
order: 1;
}
section.text-aside-media-pathways.first--media-mobile aside.content {
order: 0;
padding-right: 95px;
}
section.text-aside-media-pathways.first--media-mobile aside.media {
order: 1;
}
section.text-aside-media-pathways.first--media-mobile--pr-0 aside.content {
order: 0;
padding-right: 0;
}
section.text-aside-media-pathways.first--media-mobile--pr-0 aside.media {
order: 1;
}
section.text-aside-media-pathways.second--content-mobile aside.content {
order: 1;
padding-left: 95px;
}
section.text-aside-media-pathways.second--content-mobile aside.media {
order: 0;
}
section.text-aside-media-pathways.vertical-centre .row, section.text-aside-media-pathways.vertical-centre aside {
align-items: center;
}
section.text-aside-media-pathways.vertical-top .row, section.text-aside-media-pathways.vertical-top aside {
align-items: start;
}
section.text-aside-media-pathways.content-width--01 aside.content {
padding-right: 0 !important;
padding-left: 0 !important
}
section.text-aside-media-pathways.bg--2::before {
right: 0;
bottom: 0;
left: auto;
width: calc(50% + 420px);
height: 100%
}
section.text-aside-media-pathways.bg--3 {
padding: 30px 0
}
section.text-aside-media-pathways.bg--3::before {
width: calc(50% + 420px);
height: 100%
}
section.text-aside-media-pathways.bg--3 aside.media figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media-pathways.bg--4 {
padding: 150px 0;
margin-top: -125px
}
section.text-aside-media-pathways.bg--4.padding-m {
padding: 100px 0 20px;
margin-top: -125px
}
section.text-aside-media-pathways.bg--4::before {
width: calc(50% + 100px);
height: 100%
}
section.text-aside-media-pathways.bg--4 aside.media figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media-pathways.bg--5::before {
width: calc(50% + 100px);
height: 100%
}
section.text-aside-media-pathways.bg--5 {
padding: 40px 0 0
}
section.text-aside-media-pathways.bg--6 {
padding: 20px 0
}
section.text-aside-media-pathways.bg--6::before {
width: calc(50% + 120px);
height: 100%
}
section.text-aside-media-pathways.bg--6 aside.media figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media-pathways.bg--7 {
padding: 40px 0
}
section.text-aside-media-pathways.bg--7::before {
width: calc(50% + 230px);
height: 100%
}
section.text-aside-media-pathways.bg--7 aside.media figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media-pathways.margin--2 {
margin-bottom: 75px
}
section.text-aside-media-pathways.margin--3 {
margin: 75px 0 -50px
}
section.text-aside-media-pathways.margin--4 {
margin-bottom: 0
}
section.text-aside-media-pathways.margin--5 {
margin-bottom: 40px
}
section.text-aside-media-pathways.margin--8 {
margin-bottom: 70px
}
section.text-aside-media-pathways.section-padding--01 {
padding-top: 210px !important
}
section.text-aside-media-pathways.section-padding--02 {
padding-top: 65px !important;
padding-bottom: 60px !important
}
section.text-aside-media-pathways.content-padding--1 aside.content {
padding-bottom: 100px !important
}
section.text-aside-media .large-bg-text {
display: inline-block
}
section.text-aside-media .heading.stlye--1 {
margin-bottom: 2em
}
section.text-aside-media aside {
align-items: flex-start;
display: inline-flex;
flex: 0 0 50%;
flex-wrap: nowrap;
justify-content: flex-end;
width: 50%
}
section.text-aside-media aside.content .button--style-1 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
section.text-aside-media aside.content .button--style-2 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
section.text-aside-media aside.content .toggle .description .inner {
padding-left: 40px;
padding-top: 20px;
padding-bottom: 10px;
}
section.text-aside-media aside.media figure.image {
padding-bottom: 0;
width: 590px;
height: 620px
}
section.text-aside-media aside.media figure.image.square {
width: 586px;
height: 586px
}
section.text-aside-media aside.media figure.image.square.style--1 {
width: 586px;
height: 553px
}
section.text-aside-media aside.media figure.image.wide {
width: 590px;
height: 451px
}
section.text-aside-media.first--media aside.content {
order: 1;
padding-left: 95px;
}
section.text-aside-media.first--content aside.content {
order: 0;
padding-right: 95px;
}
section.text-aside-media.first--desktop--media aside.content {
order: 1;
padding-left: 95px;
}
section.text-aside-media.first--desktop--media aside.media {
order: 0;
}
section.text-aside-media.first--desktop--content aside.content {
order: 0;
padding-right: 95px;
}
section.text-aside-media.first--desktop--content aside.media {
order: 1;
}
section.text-aside-media.first--media-mobile aside.content {
order: 0;
padding-right: 95px;
}
section.text-aside-media.first--media-mobile aside.media {
order: 1;
}
section.text-aside-media.first--media-mobile--pr-0 aside.content {
order: 0;
padding-right: 0;
}
section.text-aside-media.first--media-mobile--pr-0 aside.media {
order: 1;
}
section.text-aside-media.second--content-mobile aside.content {
order: 1;
padding-left: 95px;
}
section.text-aside-media.second--content-mobile aside.media {
order: 0;
}
section.text-aside-media.vertical-centre .row, section.text-aside-media.vertical-centre aside {
align-items: center;
}
section.text-aside-media.vertical-top .row, section.text-aside-media.vertical-top aside {
align-items: start;
}
section.text-aside-media.content-width--01 aside.content {
padding-right: 0 !important;
padding-left: 0 !important
}
section.text-aside-media.bg--2::before {
right: 0;
bottom: 0;
left: auto;
width: calc(50% + 420px);
height: 100%
}
section.text-aside-media.bg--3 {
padding: 30px 0
}
section.text-aside-media.bg--3::before {
width: calc(50% + 420px);
height: 100%
}
section.text-aside-media.bg--3 aside.media figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media.bg--4 {
padding: 150px 0;
margin-top: -125px
}
section.text-aside-media.bg--4.padding-m {
padding: 100px 0 20px;
margin-top: -125px
}
section.text-aside-media.bg--4::before {
width: calc(50% + 100px);
height: 100%
}
section.text-aside-media.bg--4 aside.media figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media.bg--5::before {
width: calc(50% + 100px);
height: 100%
}
section.text-aside-media.bg--5 {
padding: 40px 0 0
}
section.text-aside-media.bg--6 {
padding: 20px 0
}
section.text-aside-media.bg--6::before {
width: calc(50% + 120px);
height: 100%
}
section.text-aside-media.bg--6 aside.media figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media.bg--7 {
padding: 40px 0
}
section.text-aside-media.bg--7::before {
width: calc(50% + 230px);
height: 100%
}
section.text-aside-media.bg--7 aside.media figure.image {
width: 586px;
height: 553px;
}
section.text-aside-media.margin--2 {
margin-bottom: 75px
}
section.text-aside-media.margin--3 {
margin: 75px 0 -50px
}
section.text-aside-media.margin--4 {
margin-bottom: 0
}
section.text-aside-media.margin--5 {
margin-bottom: 40px
}
section.text-aside-media.margin--8 {
margin-bottom: 70px
}
section.text-aside-media.section-padding--01 {
padding-top: 210px !important
}
section.text-aside-media.section-padding--02 {
padding-top: 65px !important;
padding-bottom: 60px !important
}
section.text-aside-media.content-padding--1 aside.content {
padding-bottom: 100px !important
}
section.textarea-aside main > .content .button--style-1 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
section.textarea-aside main > .content .button--style-2 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
section.thumb-testimonial-index-fw header {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-bottom: 12px/* View all */
}
section.thumb-testimonial-index-fw header > .view-all {
display: inline-block;
padding-top: 6px;
}
section.thumb-testimonial-index header {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-bottom: 12px/* View all */
}
section.thumb-testimonial-index header > .view-all {
display: inline-block;
padding-top: 6px;
}
section.thumbnail-ctas .container {
margin-bottom: 80px
}
section.thumbnail-ctas .container > .inner {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
margin: 0 -20px;
width: calc(100% + 40px);
}
section.thumbnail-ctas article.thumbnail {
display: inline-block;
flex: 1 1 auto;
margin: 0 20px 20px;
vertical-align: top
}
section.thumbnail-ctas.in-sidebar .container > .inner {
display: block;
margin: 0;
width: 100%;
}
section.thumbnail-ctas.in-sidebar article.thumbnail {
display: block;
flex: none;
margin: 0;
}
section.thumbnail-ctas.in-sidebar article.thumbnail:not(:last-of-type) {
margin-bottom: 3px;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 {
padding: 10px 0
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1.mobile-p-b-0 {
padding: 35px 0 35px
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .buttons a {/*background-position: left 55px center;
padding: 20px 55px 20px 75px;*/
text-align: left;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .buttons a {/*background-position: left 55px center;
padding: 20px 55px 20px 75px;*/
text-align: left;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile .text {
min-height: 180px;
}
section.tile-ctas.style--1.mobile-p-b-0 {
padding: 20px 0 20px 25px
}
section.tile-ctas.style--1 article.tile .buttons a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
section.tile-ctas.style--1 article.tile {
flex-basis: calc(50% - 40px);
margin: 20px;
}
section.tile-ctas.style--1 article.tile .text {
min-height: 170px;
}
section.toggle-information {
padding: 110px 0 106px
}
section.toggle-information .toggle {
display: none;
}
section.toggle-information .columns {
max-height: unset;
}
section.toggle-information h3 {
display: none;
}
section.toggle-information h2 {
padding-bottom: 52px;
}
section.toggle-information .overlay {
display: block;
position: absolute;
left: 20px;
top: -95px;
}
section.toggle-information .columns {
display: flex;
max-width: 1090px;
justify-content: space-between;
}
section.toggle-information .columns .column {
width: 100%;
max-width: 461px;
}
section.toggle-information .columns .column:first-child {
max-width: 524px;
margin-right: 75px;
}
section.toggle-menus {
padding: 30px 0 40px
}
section.toggle-menus .toggle .header .icon {
height: 110px;
width: 110px;
margin-right: 30px
}
section.toggle-menus .toggle .content .inner {
padding-left: 140px;
}
article.appointment.large {
align-items: center;
display: inline-flex;
flex-wrap: nowrap;
justify-content: flex-start
}
article.appointment.large figure.image, article.appointment.large .caption {
flex: 0 0 50%;
}
article.appointment.large figure.image {
height: auto;
padding-bottom: 0;
}
article.appointment.large .caption {
padding-top: 28px;
padding-left: 40px;
}
aside.event-information {
display: flex
}
aside.event-information .host {
padding: 0 20px 0 0;
border-bottom: 0;
border-right: 1px solid #DBDBDB;
align-items: center
}
aside.event-information .date {
padding: 0 0 0 20px
}
aside.event-information .cta {
padding: 0
}
aside.indepenent-content-sidebar .sidebar-block.hide--desktop {
display: none;
}
div.accordion-component .accordion-item-description .inner {
padding-left: 40px;
padding-top: 20px;
padding-bottom: 10px;
}
div.modal-event form {
max-width: 50%
}
div.modal-event .col.last {
display: flex;
align-items: flex-end;
justify-content: space-around
}
div.modal-event .col {
max-width: 50%
}
div.modal-event .content {
padding: 45px
}
div.modal-event .content .header {
display: flex;
align-items: center;
justify-content: center
}
div.modal-event .content .box {
padding: 45px;
display: flex
}
div.modal-event .content .box .row label {
display: none
}
.fancybox-slide--html { padding: 70px; }
main.change-makers section.programmes-section.bg--9 {
padding: 40px 0
}
main.change-makers section.programmes-section.bg--9::before {
width: calc(100% + 230px)
}
section.meet-the-makers {
margin-bottom: 0px;
margin-top: 120px;
padding-top: 0px;
padding-bottom: 0
}
section.meet-the-makers::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 795px;
z-index: 0;
}
section.meet-the-makers .content .content-inner {
padding-top: 20px
}
section.meet-the-makers .content {
margin-bottom: 25px
}
section.photo-carousel-cm .information .controls span {
padding: 20px
}
section.photo-carousel-cm {
margin-bottom: 100px;
padding-top: 45px;
padding-bottom: 0
}
section.photo-carousel-cm::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 740px;
z-index: 0;
}
section.photo-carousel-cm--large .photos .item {
min-height: 597px;
min-width: 900px
}
section.photo-carousel-cm--large .photos figure.image {
height: 597px
}
main.change-makers section.text-aside-media .large-bg-text {
display: inline-block
}
main.change-makers section.text-aside-media .heading.stlye--1 {
margin-bottom: 2em
}
main.change-makers section.text-aside-media aside {
align-items: flex-start;
display: inline-flex;
flex: 0 0 50%;
flex-wrap: nowrap;
justify-content: flex-end;
width: 50%
}
main.change-makers section.text-aside-media aside.content .button--style-1 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
main.change-makers section.text-aside-media aside.content .button--style-2 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
main.change-makers section.text-aside-media aside.content .toggle .description .inner {
padding-left: 40px;
padding-top: 20px;
padding-bottom: 10px;
}
main.change-makers section.text-aside-media aside.media figure.image {
padding-bottom: 0;
width: 590px;
height: 620px
}
main.change-makers section.text-aside-media aside.media figure.image.square {
width: 586px;
height: 586px
}
main.change-makers section.text-aside-media aside.media figure.image.square.style--1 {
width: 586px;
height: 553px
}
main.change-makers section.text-aside-media aside.media figure.image.letterbox {
width: 586px;
height: 386px
}
main.change-makers section.text-aside-media aside.media figure.image.letterbox.style--1 {
width: 586px;
height: 353px
}
main.change-makers section.text-aside-media aside.media figure.image.wide {
width: 590px;
height: 451px
}
main.change-makers section.text-aside-media.first--media aside.content {
order: 1;
padding-left: 95px;
}
main.change-makers section.text-aside-media.first--content aside.content {
order: 0;
padding-right: 95px;
}
main.change-makers section.text-aside-media.first--desktop--media aside.content {
order: 1;
padding-left: 95px;
}
main.change-makers section.text-aside-media.first--desktop--media aside.media {
order: 0;
}
main.change-makers section.text-aside-media.first--desktop--content aside.content {
order: 0;
padding-right: 95px;
}
main.change-makers section.text-aside-media.first--desktop--content aside.media {
order: 1;
}
main.change-makers section.text-aside-media.first--media-mobile aside.content {
order: 0;
padding-right: 95px;
}
main.change-makers section.text-aside-media.first--media-mobile aside.media {
order: 1;
}
main.change-makers section.text-aside-media.first--media-mobile--pr-0 aside.content {
order: 0;
padding-right: 0;
}
main.change-makers section.text-aside-media.first--media-mobile--pr-0 aside.media {
order: 1;
}
main.change-makers section.text-aside-media.second--content-mobile aside.content {
order: 1;
padding-left: 95px;
}
main.change-makers section.text-aside-media.second--content-mobile aside.media {
order: 0;
}
main.change-makers section.text-aside-media.vertical-centre .row, main.change-makers section.text-aside-media.vertical-centre aside {
align-items: center;
}
main.change-makers section.text-aside-media.vertical-top .row, main.change-makers section.text-aside-media.vertical-top aside {
align-items: start;
}
main.change-makers section.text-aside-media.content-width--01 aside.content {
padding-right: 0 !important;
padding-left: 0 !important
}
main.change-makers section.text-aside-media.content-width--01 aside.content .content-inner {
max-width: 390px;
}
main.change-makers section.text-aside-media.bg--2::before {
right: 0;
bottom: 0;
left: auto;
width: calc(50% + 420px);
height: 100%
}
main.change-makers section.text-aside-media.bg--3 {
padding: 30px 0
}
main.change-makers section.text-aside-media.bg--3::before {
width: calc(50% + 420px);
height: 100%
}
main.change-makers section.text-aside-media.bg--3 aside.media figure.image {
width: 586px;
height: 553px;
}
main.change-makers section.text-aside-media.bg--4 {
padding: 150px 0;
margin-top: -125px
}
main.change-makers section.text-aside-media.bg--4.padding-m {
padding: 100px 0 20px;
margin-top: -125px
}
main.change-makers section.text-aside-media.bg--4::before {
width: calc(50% + 100px);
height: 100%
}
main.change-makers section.text-aside-media.bg--4 aside.media figure.image {
width: 586px;
height: 553px;
}
main.change-makers section.text-aside-media.bg--5::before {
width: calc(50% + 100px);
height: 100%
}
main.change-makers section.text-aside-media.bg--5 {
padding: 40px 0 0
}
main.change-makers section.text-aside-media.bg--6 {
padding: 20px 0
}
main.change-makers section.text-aside-media.bg--6::before {
width: calc(50% + 120px);
height: 100%
}
main.change-makers section.text-aside-media.bg--6 aside.media figure.image {
width: 586px;
height: 553px;
}
main.change-makers section.text-aside-media.bg--7 {
padding: 40px 0
}
main.change-makers section.text-aside-media.bg--7::before {
width: calc(50% + 230px);
height: 100%
}
main.change-makers section.text-aside-media.bg--7 aside.media figure.image {
width: 586px;
height: 553px;
}
main.change-makers section.text-aside-media.bg--8 {
padding: 40px 0
}
main.change-makers section.text-aside-media.bg--8::before {
width: calc(100% + 230px);
height: 85%
}
main.change-makers section.text-aside-media.bg--9 {
padding: 40px 0
}
main.change-makers section.text-aside-media.bg--9::before {
width: calc(100% + 230px);
height: 100%
}
main.change-makers section.text-aside-media.bg--9 aside.media figure.image {}
main.change-makers section.text-aside-media.margin--2 {
margin-bottom: 75px
}
main.change-makers section.text-aside-media.margin--3 {
margin: 75px 0 -50px
}
main.change-makers section.text-aside-media.margin--4 {
margin-bottom: 0
}
main.change-makers section.text-aside-media.margin--5 {
margin-bottom: 40px
}
main.change-makers section.text-aside-media.margin--8 {
margin-bottom: 70px
}
main.change-makers section.text-aside-media.section-padding--01 {
padding-top: 210px !important
}
main.change-makers section.text-aside-media.section-padding--02 {
padding-top: 65px !important;
padding-bottom: 60px !important
}
main.change-makers section.text-aside-media.section-padding--04 {
padding-top: 80px !important
}
main.change-makers section.text-aside-media.section-padding--05 {
padding-top: 210px !important
}
main.change-makers section.text-aside-media.content-padding--1 aside.content {
padding-bottom: 100px !important
}
main.change-makers section.tile-ctas-change-maker.style--1 {
padding: 10px 0px 10px 0px
}
main.change-makers section.tile-ctas-change-maker.style--1.mobile-p-b-0 {
padding: 35px 0 35px
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .buttons a {/*background-position: left 55px center;
padding: 20px 55px 20px 75px;*/
text-align: left;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .buttons a {/*background-position: left 55px center;
padding: 20px 55px 20px 75px;*/
text-align: left;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile .text {
min-height: 150px;
}
main.exec-education-2025 section.programmes-section.bg--9 {
padding: 40px 0
}
main.exec-education-2025 section.programmes-section.bg--9::before {
height: calc(100% + 230px)
}
main.exec-education-2025 section.full-width-section .content .content-inner {
padding-top: 20px
}
main.exec-education-2025 section.full-width-section .content .button--style-1 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
main.exec-education-2025 section.full-width-section .content .button--style-2 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
main.exec-education-2025 section.full-width-section .content {
margin-bottom: 25px;
}
main.exec-education-2025 section.text-aside-img-carousel .large-bg-text {
display: inline-block
}
main.exec-education-2025 section.text-aside-media .large-bg-text {
display: inline-block
}
main.exec-education-2025 section.text-aside-media .heading.stlye--1 {
margin-bottom: 2em
}
main.exec-education-2025 section.text-aside-media aside {
align-items: flex-start;
display: inline-flex;
flex: 0 0 50%;
flex-wrap: nowrap;
justify-content: flex-end;
width: 50%
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-1 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-2 a {
background-position: left 55px center;
padding: 20px 55px 20px 75px;
text-align: left;
}
main.exec-education-2025 section.text-aside-media aside.content .toggle .description .inner {
padding-left: 40px;
padding-top: 20px;
padding-bottom: 10px;
}
main.exec-education-2025 section.text-aside-media aside.media figure.image {
padding-bottom: 0;
width: 590px;
height: 620px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.square {
width: 586px;
height: 586px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.square.style--1 {
width: 586px;
height: 553px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.letterbox {
width: 586px;
height: 340px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.letterbox.style--1 {
width: 586px;
height: 353px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.wide {
width: 590px;
height: 451px
}
main.exec-education-2025 section.text-aside-media.first--media aside.content {
order: 1;
padding-left: 95px;
}
main.exec-education-2025 section.text-aside-media.first--content aside.content {
order: 0;
padding-right: 95px;
}
main.exec-education-2025 section.text-aside-media.first--desktop--media aside.content {
order: 1;
padding-left: 95px;
}
main.exec-education-2025 section.text-aside-media.first--desktop--media aside.media {
order: 0;
}
main.exec-education-2025 section.text-aside-media.first--desktop--content aside.content {
order: 0;
padding-right: 95px;
}
main.exec-education-2025 section.text-aside-media.first--desktop--content aside.media {
order: 1;
}
main.exec-education-2025 section.text-aside-media.first--media-mobile aside.content {
order: 0;
padding-right: 95px;
}
main.exec-education-2025 section.text-aside-media.first--media-mobile aside.media {
order: 1;
}
main.exec-education-2025 section.text-aside-media.first--media-mobile--pr-0 aside.content {
order: 0;
padding-right: 0;
}
main.exec-education-2025 section.text-aside-media.first--media-mobile--pr-0 aside.media {
order: 1;
}
main.exec-education-2025 section.text-aside-media.second--content-mobile aside.content {
order: 1;
padding-left: 95px;
}
main.exec-education-2025 section.text-aside-media.second--content-mobile aside.media {
order: 0;
}
main.exec-education-2025 section.text-aside-media.vertical-centre .row, main.exec-education-2025 section.text-aside-media.vertical-centre aside {
align-items: center;
}
main.exec-education-2025 section.text-aside-media.vertical-top .row, main.exec-education-2025 section.text-aside-media.vertical-top aside {
align-items: start;
}
main.exec-education-2025 section.text-aside-media.content-width--01 aside.content {
padding-right: 0 !important;
padding-left: 0 !important
}
main.exec-education-2025 section.text-aside-media.content-width--01 aside.content .content-inner {
max-width: 390px;
}
main.exec-education-2025 section.text-aside-media.bg--2::before {
right: 0;
bottom: 0;
left: auto;
width: calc(50% + 420px);
height: 100%
}
main.exec-education-2025 section.text-aside-media.bg--3 {
padding: 30px 0
}
main.exec-education-2025 section.text-aside-media.bg--3::before {
width: calc(50% + 420px);
height: 100%
}
main.exec-education-2025 section.text-aside-media.bg--3 aside.media figure.image {
width: 586px;
height: 553px;
}
main.exec-education-2025 section.text-aside-media.bg--4 {
padding: 150px 0;
margin-top: -125px
}
main.exec-education-2025 section.text-aside-media.bg--4.padding-m {
padding: 100px 0 20px;
margin-top: -125px
}
main.exec-education-2025 section.text-aside-media.bg--4::before {
width: calc(50% + 100px);
height: 100%
}
main.exec-education-2025 section.text-aside-media.bg--4 aside.media figure.image {
width: 586px;
height: 553px;
}
main.exec-education-2025 section.text-aside-media.bg--5::before {
width: calc(50% + 100px);
height: 100%
}
main.exec-education-2025 section.text-aside-media.bg--5 {
padding: 40px 0 0
}
main.exec-education-2025 section.text-aside-media.bg--6 {
padding: 20px 0
}
main.exec-education-2025 section.text-aside-media.bg--6::before {
width: calc(50% + 120px);
height: 100%
}
main.exec-education-2025 section.text-aside-media.bg--6 aside.media figure.image {
width: 586px;
height: 553px;
}
main.exec-education-2025 section.text-aside-media.bg--7 {
padding: 40px 0
}
main.exec-education-2025 section.text-aside-media.bg--7::before {
width: calc(50% + 230px);
height: 100%
}
main.exec-education-2025 section.text-aside-media.bg--7 aside.media figure.image {
width: 586px;
height: 553px;
}
main.exec-education-2025 section.text-aside-media.bg--8 {
padding: 40px 0
}
main.exec-education-2025 section.text-aside-media.bg--8::before {
width: calc(100% + 230px);
height: 85%
}
main.exec-education-2025 section.text-aside-media.bg--9 {
padding: 40px 0
}
main.exec-education-2025 section.text-aside-media.bg--9::before {
width: calc(100% + 230px);
height: 100%
}
main.exec-education-2025 section.text-aside-media.bg--9 aside.media figure.image {}
main.exec-education-2025 section.text-aside-media.margin--2 {
margin-bottom: 75px
}
main.exec-education-2025 section.text-aside-media.margin--3 {
margin: 75px 0 -50px
}
main.exec-education-2025 section.text-aside-media.margin--4 {
margin-bottom: 0
}
main.exec-education-2025 section.text-aside-media.margin--5 {
margin-bottom: 40px
}
main.exec-education-2025 section.text-aside-media.margin--8 {
margin-bottom: 70px
}
main.exec-education-2025 section.text-aside-media.section-padding--01 {
padding-top: 210px !important
}
main.exec-education-2025 section.text-aside-media.section-padding--02 {
padding-top: 65px !important;
padding-bottom: 60px !important
}
main.exec-education-2025 section.text-aside-media.section-padding--04 {
padding-top: 80px !important
}
main.exec-education-2025 section.text-aside-media.section-padding--05 {
padding-top: 210px !important
}
main.exec-education-2025 section.text-aside-media.content-padding--1 aside.content {
padding-bottom: 100px !important
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .buttons a {/*background-position: left 55px center;
padding: 20px 55px 20px 75px;*/
text-align: left;
}
main.exec-education-2025 section.tile-ctas-change-maker.style--1 article.tile .buttons a {/*background-position: left 55px center;
padding: 20px 55px 20px 75px;*/
text-align: left;
}
main.oc section.programmes-section.bg--9 {
padding: 40px 0
}
main.oc section.programmes-section.bg--9::before {
width: calc(100% + 230px);
height: 100%
}
section.meet-the-makers_oc {
margin-bottom: 0px;
margin-top: 30px;
padding-top: 0px;
padding-bottom: 0
}
section.meet-the-makers_oc::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 795px;
z-index: 0;
}
section.meet-the-makers_oc .content .content-inner {
padding-top: 20px
}
section.meet-the-makers_oc .content {
margin-bottom: 25px
}
main.oc section.tile-ctas-change-maker.style--1 {
padding: 10px 0px 10px 0px
}
main.oc section.tile-ctas-change-maker.style--1.mobile-p-b-0 {
padding: 35px 0 35px
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .buttons a {/*background-position: left 55px center;
padding: 20px 55px 20px 75px;*/
text-align: left;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .buttons a {/*background-position: left 55px center;
padding: 20px 55px 20px 75px;*/
text-align: left;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile .text {
min-height: 150px;
}
section.programme-body section.icon-stats article.stat .text, section.standard-body section.icon-stats article.stat .text {
width: 120px;
}
section.slider-carousel .slider {
position: absolute
}
section.thumb-testimonial-index.three-per-row article.testimonial {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (40px - 40px * 1/3));
max-width: calc(99.9% * 1/3 - (40px - 40px * 1/3));
width: calc(99.9% * 1/3 - (40px - 40px * 1/3));
}
section.thumb-testimonial-index.three-per-row article.testimonial:nth-child(1n) {
margin-right: 40px;
margin-left: 0;
}
section.thumb-testimonial-index.three-per-row article.testimonial:last-child {
margin-right: 0;
}
section.thumb-testimonial-index.three-per-row article.testimonial:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
aside.event-information .facets {
padding: 0 20px 0 0;
border-bottom: 0;
border-right: 1px solid #dbdbdb;
align-items: center;
}
#join-mobile-title {
display: none
}
section.subscribe-section .row-flex {
align-items: stretch
}
section.subscribe-section .subscribe-image {
height: auto;
padding-bottom: 0
}
section.grey-cta-china {
margin-bottom: 100px;
margin-top: 120px;
padding-top: 0px;
padding-bottom: 0
}
section.grey-cta-china::before {
background: #F6F8F9;
content: "";
display: block;
top: 0;
right: 0;
left: 0;
position: absolute;
width: 100%;
height: 795px;
z-index: 0;
}
section.grey-cta-china .content .content-inner {
padding-top: 20px
}
section.grey-cta-china .content {
margin-bottom: 25px
}
}
@media (min-width: 1000px) and (max-height: 820px) {
section.photo-carousel-ftmba--large .photos .item {
min-height: 497px !important;
min-width: 900px !important
}
section.photo-carousel-ftmba--large .photos figure.image {
height: 497px !important
}
section.photo-carousel--large .photos .item {
min-height: 497px !important;
min-width: 900px !important
}
section.photo-carousel--large .photos figure.image {
height: 497px !important
}
section.photo-carousel-cm--large .photos .item {
min-height: 497px !important;
min-width: 900px !important
}
section.photo-carousel-cm--large .photos figure.image {
height: 497px !important
}
}
@media only screen and (min-width: 1023px) {
nav.sticky-cta-pathways {
align-items: center;
background: #F0F3F4;
display: flex;
justify-content: space-between;
min-height: 80px;
padding: 10px 60px/* Label *//* Buttons *//* Button */
}
nav.sticky-cta-pathways .label {
display: inline-flex;
}
nav.sticky-cta-pathways ul.buttons {
display: inline-flex;
width: auto;
}
nav.sticky-cta-pathways li.button {
flex-basis: auto;
flex: 1 1 auto;
max-width: none;
}
nav.sticky-cta-pathways li.button:not(:first-of-type) {
margin-left: 14px;
}
nav.sticky-cta-pathways li.button a {
min-height: 50px !important;
width: 100%;
height: 100%;
}
nav.sticky-cta-pathways li.button a:not(.primary) {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 2px solid #0254A7;
color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 52px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
line-height: .85rem;
padding: 11px 18px !important;
}
nav.sticky-cta-pathways li.button a.primary:not(.external) {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 20px 36px;
}
nav.sticky-cta-pathways li.button a.primary.external {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
nav.sticky-cta-pathways li.button a.primary.external span {
overflow: visible;
position: relative;
}
nav.sticky-cta-pathways li.button a.primary.external span::after {
background: transparent url('/wbs2020/media/dist/img/button-external.svg') no-repeat center / 6px;
content: "";
top: 0px;
right: -10px;
position: absolute;
width: 6px;
height: 6px;
}
nav.sticky-cta-pathways li.button a.primary.external {
padding: 13px 40px 13px 36px;
}
nav.sticky-cta {
align-items: center;
background: #F0F3F4;
display: flex;
justify-content: space-between;
min-height: 80px;
padding: 10px 60px/* Label *//* Buttons *//* Button */
}
nav.sticky-cta .label {
display: inline-flex;
}
nav.sticky-cta ul.buttons {
display: inline-flex;
width: auto;
}
nav.sticky-cta li.button {
flex-basis: auto;
flex: 1 1 auto;
max-width: none;
}
nav.sticky-cta li.button:not(:first-of-type) {
margin-left: 14px;
}
nav.sticky-cta li.button a {
min-height: 50px !important;
width: 100%;
height: 100%;
}
nav.sticky-cta li.button a:not(.primary) {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 2px solid #0254A7;
color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 52px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
line-height: .85rem;
padding: 11px 18px !important;
}
nav.sticky-cta li.button a.primary:not(.external) {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
padding: 20px 36px;
}
nav.sticky-cta li.button a.primary.external {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
color: #fff;
background-color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 63px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
}
nav.sticky-cta li.button a.primary.external span {
overflow: visible;
position: relative;
}
nav.sticky-cta li.button a.primary.external span::after {
background: transparent url('/wbs2020/media/dist/img/button-external.svg') no-repeat center / 6px;
content: "";
top: 0px;
right: -10px;
position: absolute;
width: 6px;
height: 6px;
}
nav.sticky-cta li.button a.primary.external {
padding: 13px 40px 13px 36px;
}
}
@media (min-width: 1024px) and (max-width: 1230px) {
footer.primary .container {
padding-right: 62px;
padding-left: 62px;
}
header.primary.sticky-header .search-wrap {
height: 70px
}
header.primary.sticky-header .search-wrap input[type=text], header.primary.sticky-header .search-wrap button[type=submit] {
height: 55px;
top: 7px;
}
header.primary .outer {
padding-right: 62px;
padding-left: 62px;
}
nav.breadcrumbs .container {
padding-right: 62px;
padding-left: 62px;
}
nav.programme-pagination .container {
padding-right: 62px;
padding-left: 62px;
}
nav.section-menu .container {
padding-right: 40px !important;
padding-left: 40px !important;
}
.about-section .container {
padding-right: 62px;
padding-left: 62px;
}
section.application-steps .container {
padding-right: 62px;
padding-left: 62px;
}
section.article-body > .container {
padding-right: 62px;
padding-left: 62px;
}
section.article-body > .container > .inner > main.content {
padding-right: 30px
}
section.black-in-business-partnerships > .container {
padding-right: 62px;
padding-left: 62px;
}
section.black-in-business-partnerships main.listing {/* Article */
}
section.black-in-business-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
section.black-in-business-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.black-in-business-partnerships main.listing article:last-child {
margin-right: 0;
}
section.black-in-business-partnerships main.listing article:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
section.blog-article-index.two-per-row .container {
padding-right: 62px;
padding-left: 62px;
}
section.blog-article-index.three-per-row .container {
padding-right: 62px;
padding-left: 62px;
}
section.case-study-archive > .container {
padding-right: 62px;
padding-left: 62px;
}
section.case-study-carousel > .container {
padding-right: 62px;
padding-left: 62px;
}
.coreinsights-section .container {
padding-right: 62px;
padding-left: 62px;
}
section.cta-blocks.style--1 .container {
padding-right: 62px;
padding-left: 62px;
}
section.cta-blocks.style--2 .container {
padding-right: 62px;
padding-left: 62px;
}
section.cta-blocks .container {
padding-right: 62px;
padding-left: 62px;
}
section.cta-information-blocks-alumni .container {
padding-right: 62px;
padding-left: 62px;
}
section.cta-information-blocks .container {
padding-right: 62px;
padding-left: 62px;
}
section.cta-tiles-x3 > .container {
padding-right: 62px;
padding-left: 62px;
}
section.cta-tiles > .container {
padding-right: 62px;
padding-left: 62px;
}
section.events-index > .container {
padding-right: 62px;
padding-left: 62px;
}
section.experiences-group > .container {
padding-right: 62px;
padding-left: 62px;
}
.expertise-section-executive .container {
padding-right: 62px;
padding-left: 62px;
}
.expertise-section-pathways .container {
padding-right: 62px;
padding-left: 62px;
}
.expertise-section .container {
padding-right: 62px;
padding-left: 62px;
}
section.four-block-cta .container {
padding-right: 62px;
padding-left: 62px;
}
section.hero-article .container {
padding-right: 62px;
padding-left: 62px;
}
section.home-hero .content {
padding-right: 62px;
padding-left: 62px;
}
section.home-hero .logos {
padding-right: 62px;
padding-left: 62px
}
section.img-content-rows .container {
padding-right: 62px;
padding-left: 62px;
}
section.inspiring-women-promote-partnerships > .container {
padding-right: 62px;
padding-left: 62px;
}
section.inspiring-women-promote-partnerships main.listing {/* Article */
}
section.inspiring-women-promote-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.inspiring-women-promote-partnerships main.listing article:last-child {
margin-right: 0;
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
section.ftmba-carousel .content {
padding-right: 62px;
padding-left: 62px;
}
section.news-events-showcase .container {
padding-right: 62px;
padding-left: 62px;
}
section.news-events-showcase .events-showcase {
padding-left: 40px
}
section.news-listing > .container {
padding-right: 62px;
padding-left: 62px;
}
section.news-montage > .container {
padding-right: 62px;
padding-left: 62px;
}
section.our-history .container {
padding-right: 62px;
padding-left: 62px;
}
.our-ratings-section .container {
padding-right: 62px;
padding-left: 62px;
}
.our-ratings-section .our-ratings-item .wrap .image span.figure {
right: 8px
}
section.photo-carousel .content {
padding-right: 62px;
padding-left: 62px;
}
.programme-animate-section .content {
padding-right: 62px;
padding-left: 62px;
}
section.programme-body > .container {
padding-right: 62px;
padding-left: 62px;
}
section.programme-body > .container > .inner > main.content {
padding-right: 30px
}
section.programme-index > .container {
padding-right: 62px;
padding-left: 62px;
}
section.programmes-overview .container {
padding-right: 62px;
padding-left: 62px;
}
.programmes-section .container {
padding-right: 62px;
padding-left: 62px;
}
section.rankings-index > .container {
padding-right: 62px;
padding-left: 62px;
}
section.related-events .container {
padding-right: 62px;
padding-left: 62px;
}
section.slider-carousel-info .container {
padding-right: 62px;
padding-left: 62px;
}
section.slider-carousel-info .container--slider {
padding-right: 62px;
padding-left: 62px;
}
section.slider-carousel .container {
padding-right: 62px;
padding-left: 62px;
}
section.social-connect .container {
padding-right: 62px;
padding-left: 62px;
}
section.staff-listing > .container {
padding-right: 62px;
padding-left: 62px;
}
section.staff-listing main.listing {/* Article */
}
section.staff-listing main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
section.staff-listing main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.staff-listing main.listing article:last-child {
margin-right: 0;
}
section.staff-listing main.listing article:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
section.staff-profile > .container {
padding-right: 62px;
padding-left: 62px;
}
section.staff-profile > .container > .inner > main.content {
padding-right: 30px
}
section.standard-body > .container {
padding-right: 62px;
padding-left: 62px;
}
section.standard-body > .container > .inner > main.content {
padding-right: 30px
}
section.text-aside-expertise .container {
padding-right: 62px;
padding-left: 62px;
}
section.text-aside-media-pathways .container {
padding-right: 62px;
padding-left: 62px;
}
section.text-aside-media .container {
padding-right: 62px;
padding-left: 62px;
}
section.textarea-aside-stats .container {
padding-right: 62px;
padding-left: 62px;
}
section.textarea-aside-stats article.stat .wrap .image span.figure {
right: 8px
}
section.textarea-aside .container {
padding-right: 62px;
padding-left: 62px;
}
section.textarea-aside article.stat .wrap .image span.figure {
right: 8px
}
section.thumbnail-ctas .container {
padding-right: 62px;
padding-left: 62px;
}
div.ftmba-carousel section.tile-ctas-change-maker .container {
padding-right: 62px;
padding-left: 62px;
}
section.tile-ctas .container {
padding-right: 62px;
padding-left: 62px;
}
section.toggle-information .container {
padding-right: 62px;
padding-left: 62px;
}
section.toggle-menus .container {
padding-right: 62px;
padding-left: 62px;
}
.ranking .wrap .image span.figure {
right: 8px
}
main.change-makers section.home-hero .content {
padding-right: 62px;
padding-left: 62px;
}
main.change-makers section.home-hero .logos {
padding-right: 62px;
padding-left: 62px
}
section.meet-the-makers .content {
padding-right: 62px;
padding-left: 62px;
}
main.change-makers section.text-aside-media .container {
padding-right: 62px;
padding-left: 62px;
}
main.change-makers section.tile-ctas-change-maker .container {
padding-right: 62px;
padding-left: 62px;
}
main.exec-education-2025 section.home-hero .content {
padding-right: 62px;
padding-left: 62px;
}
main.exec-education-2025 section.home-hero .logos {
padding-right: 62px;
padding-left: 62px
}
main.exec-education-2025 section.full-width-section .content {
padding-right: 62px;
padding-left: 62px;
}
main.exec-education-2025 section.text-aside-media .container {
padding-right: 62px;
padding-left: 62px;
}
main.exec-education-2025 section.tile-ctas-change-maker .container {
padding-right: 62px;
padding-left: 62px;
}
section.meet-the-makers_oc .content {
padding-right: 62px;
padding-left: 62px;
}
main.oc section.tile-ctas-change-maker .container {
padding-right: 62px;
padding-left: 62px;
}
section.thumb-testimonial-index.three-per-row .container {
padding-right: 62px;
padding-left: 62px;
}
section.core-montage > .container {
padding-right: 62px;
padding-left: 62px;
}
section.subscribe-section .container {
padding-right: 62px;
padding-left: 62px;
}
section.grey-cta-china .content {
padding-right: 62px;
padding-left: 62px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1360px) {
header.primary .search-wrap {
right: 12px;
width: calc(100% - 250px)
}
}
@media only screen and (min-width: 1024px) and (max-width: 1230px) {
body > main.base section.standard-hero, body > main.base nav.breadcrumbs, body > main.base main.base-content > section, body > main.base nav.programme-pagination {
padding-left: 35px;
}
body > main.base nav.section-menu .inner {
padding-left: 45px;
}
}
@media (min-width: 1024px) and (max-width: 1440px) {
nav.breadcrumbs .container {
padding: 0 50px
}
nav.programme-pagination .container {
padding-right: 50px;
padding-left: 50px
}
section.article-body > .container {
padding: 0 50px
}
section.black-in-business-partnerships > .container {
padding: 0 50px
}
section.events-index > .container {
padding: 0 50px
}
section.inspiring-women-promote-partnerships > .container {
padding: 0 50px
}
section.news-listing > .container {
padding: 0 50px
}
section.programme-body > .container {
padding: 0 50px
}
section.programme-index > .container {
padding: 0 50px
}
section.programmes-overview .container {
padding: 0 50px
}
section.rankings-index > .container {
padding: 0 50px
}
section.staff-listing > .container {
padding: 0 50px
}
section.staff-profile > .container {
padding: 0 50px
}
section.standard-body > .container {
padding: 0 50px
}
section.standard-hero header.title {
padding-left: 50px
}
section.textarea-aside-stats .container {
padding: 0 50px
}
section.textarea-aside .container {
padding: 0 50px
}
section.thumbnail-ctas .container {
padding: 0 50px
}
}
@media screen and (min-width: 1024px) and (max-width: 1194px) {
section.staff-profile > .container > .inner > aside.sidebar {
margin-right: 40px
}
}
@media (min-width: 1024px) and (max-width: 1400px) {
section.textarea-aside-stats main {
padding-right: 60px
}
section.textarea-aside main {
padding-right: 60px
}
section.hero-inline-form {
padding-left: 100px
}
}
@media only screen and (min-width: 1024px) and (max-width: 1400px), (max-width: 960px) {
section.timeline article.stamp aside.date span.label br {
content:" ";
}
section.timeline article.stamp aside.date span.label br::after {
content:" ";
}
section.timeline stamp.withnotimeline aside.date span.label br {
content:" ";
}
section.timeline stamp.withnotimeline aside.date span.label br::after {
content:" ";
}
}
@media (min-width: 1025px) {
footer.primary .footer-left-col {
padding-bottom: 128px;
padding-top: 80px;
width: 43%
}
footer.primary .footer-right-col {
padding-bottom: 128px;
padding-top: 74px;
padding-left: 91px;
width: 57%
}
footer.primary .footer-logo-address {
margin-bottom: 20px
}
footer.primary .footer-logo {
margin-bottom: 30px
}
footer.primary .footer-logo img {
width: 90px
}
footer.primary .footer-menu-hor {
margin-bottom: 58px
}
footer.primary .footer-copyright-image {
width: 102px
}
footer.primary .footer-social-networks-section .title {
margin-right: 40px
}
header.primary .logo {
padding-top: 0
}
header.primary .logo img {
width: 114px;
}
header.primary .logo img.full {
display: block;
}
header.primary .logo img.text-aside {
display: none;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main ul.hide-desktop {
display: none;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main ul li.hide-desktop {
display: none;
}
header.primary ul.main-menu > li .sub-pane .sub-inner > main .tab .col.hide-desktop {
display: none;
}
header.primary .search-wrap {
background: transparent;
left: auto;
width: calc(100% - 300px);
height: 62px;
top: 62px
}
header.primary .search-wrap input[type='text'] {
margin: 0;
top: 0;
right: 50px;
bottom: 0;
left: 0;
width: calc(100% - 50px)
}
header.primary .search-wrap button, header.primary .search-wrap input[type='submit'] {
margin: 0
}
body > main.base.header-sticky {
padding-top: 146px
}
nav.breadcrumbs {
display: block
}
nav.programme-pagination {
padding: 80px 0 60px
}
nav.programme-pagination.no-top-padding-desktop {
padding-top: 0 !important
}
nav.programme-pagination .container > .inner {
border-top: 1px solid rgba(#979797, .24);
padding-top: 34px;
}
nav.programme-pagination .link {/* Arrow *//**
* Previous
*//**
* Next
*/
}
nav.programme-pagination .link span.title::after {
display: block;
}
nav.programme-pagination .link.prev span {
padding-left: 31px;
}/* Arrow */
nav.programme-pagination .link.prev span.title::after {
left: 0;
transform: rotate(180deg);
}
nav.programme-pagination .link.next span {
padding-right: 31px;
}/* Arrow */
nav.programme-pagination .link.next span.title::after {
right: 0;
}
nav.section-menu {
margin-bottom: 0;
text-align: center
}
nav.section-menu .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
nav.section-menu .top {
display: none;
}
nav.section-menu ul {
align-items: stretch;
display: flex !important;
flex-wrap: wrap;
justify-content: flex-start;
opacity: 1 !important;
}
nav.section-menu ul li {
align-items: center;
display: inline-flex;
flex: 1 1 auto;
justify-content: center;
width: auto;
}
nav.section-menu ul li a {
align-items: center;
flex: 1 1 auto;
font-size: 11px;
font-size: 0.6875rem;
display: flex;
height: 100%;
justify-content: center;
overflow: hidden;
padding: 22px 5px;
position: relative;
transition: all .175s ease-in-out;
}
nav.section-menu ul li a::after {
background: #125496;
content: "";
opacity: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 1px;
transition: opacity .175s ease-in-out;
}
nav.section-menu ul li:hover a,
nav.section-menu ul li.current a {
color: #0054A4;
background-color: #fff;
}
nav.section-menu ul li:hover a::after, nav.section-menu ul li.current a::after {
opacity: 1;
}
nav.section-menu ul li::after {
display: none;
}
nav.section-menu.align--left ul li {
flex-grow: 1;
flex-shrink: 1;
}
nav.section-menu.flex--no-grow ul li {
flex-grow: 0;
}
nav.section-menu.flex--no-grow ul li a {
padding-right: 20px;
padding-left: 20px;
}
nav.section-menu {
margin-bottom: 0;
text-align: center
}
nav.section-menu .hover .container {
margin: 0 auto;
max-width: 1260px;
padding: 0 11px;
}
nav.section-menu .hover .top {
display: none;
}
nav.section-menu .hover ul {
align-items: stretch;
display: flex !important;
flex-wrap: wrap;
justify-content: flex-start;
opacity: 1 !important;
}
nav.section-menu .hover ul li {
align-items: center;
display: inline-flex;
flex: 1 1 auto;
justify-content: center;
width: auto;
}
nav.section-menu .hover ul li a {
align-items: center;
flex: 1 1 auto;
font-size: 11px;
font-size: 0.6875rem;
display: flex;
height: 100%;
justify-content: center;
overflow: hidden;
padding: 22px 5px;
position: relative;
transition: all .175s ease-in-out;
}
nav.section-menu .hover ul li a::after {
background: #125496;
content: "";
opacity: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 1px;
transition: opacity .175s ease-in-out;
}
nav.section-menu .hover ul li:hover a,
nav.section-menu .hover ul li.current a {
color: #0054A4;
background-color: #08B4AC;
}
nav.section-menu .hover ul li:hover a::after, nav.section-menu .hover ul li.current a::after {
opacity: 1;
}
nav.section-menu .hover ul li::after {
display: none;
}
nav.section-menu.align--left ul li {
flex-grow: 1;
flex-shrink: 1;
}
nav.section-menu.flex--no-grow ul li {
flex-grow: 0;
}
nav.section-menu.flex--no-grow ul li a {
padding-right: 20px;
padding-left: 20px;
}
nav.section-menu .view-detect {
opacity: 0;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}/**
* Loaded
*/
nav.section-menu .view-detect.viewed {
opacity: 1;
}
nav.sticky-cta-pathways {
display: none
}
nav.sticky-cta-pathways.on-scroll {
display: flex;
}
nav.sticky-cta-pathways.programme--undergrad .label {
color: #e6007e;
}
nav.sticky-cta-pathways.programme--undergrad li.button a:not(.primary) {
border-color: #e6007e;
color: #e6007e;
}
nav.sticky-cta-pathways.programme--undergrad li.button a:not(.primary):hover {
color: #fff;
background-color: #e6007e;
}
nav.sticky-cta-pathways.programme--undergrad li.button a.primary {
background-image: linear-gradient(to left, #e6007e 0%, #70257b 100%);
background-color: #e6007e;
}
nav.sticky-cta-pathways.programme--undergrad li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta-pathways.programme--postgrad .label {
color: #00b1ab;
}
nav.sticky-cta-pathways.programme--postgrad li.button a:not(.primary) {
border-color: #00b1ab;
color: #00b1ab;
}
nav.sticky-cta-pathways.programme--postgrad li.button a:not(.primary):hover {
color: #fff;
background-color: #00b1ab;
}
nav.sticky-cta-pathways.programme--postgrad li.button a.primary {
background-image: linear-gradient(to left, #00b1ab 0%, #007155 100%);
background-color: #00b1ab;
}
nav.sticky-cta-pathways.programme--postgrad li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta-pathways.programme--mba .label {
color: #a71680;
}
nav.sticky-cta-pathways.programme--mba li.button a:not(.primary) {
border-color: #a71680;
color: #a71680;
}
nav.sticky-cta-pathways.programme--mba li.button a:not(.primary):hover {
color: #fff;
background-color: #a71680;
}
nav.sticky-cta-pathways.programme--mba li.button a.primary {
background-image: linear-gradient(to left, #a71680 0%, #312a6f 100%);
background-color: #a71680;
}
nav.sticky-cta-pathways.programme--mba li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta-pathways.programme--doctoral .label {
color: #80c0d3;
}
nav.sticky-cta-pathways.programme--doctoral li.button a:not(.primary) {
border-color: #80c0d3;
color: #80c0d3;
}
nav.sticky-cta-pathways.programme--doctoral li.button a:not(.primary):hover {
color: #fff;
background-color: #80c0d3;
}
nav.sticky-cta-pathways.programme--doctoral li.button a.primary {
background-image: linear-gradient(to left, #80c0d3 0%, #2384b4 100%);
background-color: #80c0d3;
}
nav.sticky-cta-pathways.programme--doctoral li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta-pathways.programme--exec .label {
color: #637465;
}
nav.sticky-cta-pathways.programme--exec li.button a:not(.primary) {
border-color: #637465;
color: #637465;
}
nav.sticky-cta-pathways.programme--exec li.button a:not(.primary):hover {
color: #fff;
background-color: #637465;
}
nav.sticky-cta-pathways.programme--exec li.button a.primary {
background-image: linear-gradient(to left, #637465 0%, #a2c616 100%);
background-color: #637465;
}
nav.sticky-cta-pathways.programme--exec li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta-pathways.programme--london .label {
color: #004899;
}
nav.sticky-cta-pathways.programme--london li.button a:not(.primary) {
border-color: #004899;
color: #004899;
}
nav.sticky-cta-pathways.programme--london li.button a:not(.primary):hover {
color: #fff;
background-color: #004899;
}
nav.sticky-cta-pathways.programme--london li.button a.primary {
background-image: linear-gradient(to left, #51AAFF 0%, #004899 100%);
background-color: #004899;
}
nav.sticky-cta-pathways.programme--london li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta {
display: none
}
nav.sticky-cta.on-scroll {
display: flex;
}
nav.sticky-cta.programme--undergrad .label {
color: #e6007e;
}
nav.sticky-cta.programme--undergrad li.button a:not(.primary) {
border-color: #e6007e;
color: #e6007e;
}
nav.sticky-cta.programme--undergrad li.button a:not(.primary):hover {
color: #fff;
background-color: #e6007e;
}
nav.sticky-cta.programme--undergrad li.button a.primary {
background-image: linear-gradient(to left, #e6007e 0%, #70257b 100%);
background-color: #e6007e;
}
nav.sticky-cta.programme--undergrad li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta.programme--postgrad .label {
color: #00b1ab;
}
nav.sticky-cta.programme--postgrad li.button a:not(.primary) {
border-color: #00b1ab;
color: #00b1ab;
}
nav.sticky-cta.programme--postgrad li.button a:not(.primary):hover {
color: #fff;
background-color: #00b1ab;
}
nav.sticky-cta.programme--postgrad li.button a.primary {
background-image: linear-gradient(to left, #00b1ab 0%, #007155 100%);
background-color: #00b1ab;
}
nav.sticky-cta.programme--postgrad li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta.programme--mba .label {
color: #a71680;
}
nav.sticky-cta.programme--mba li.button a:not(.primary) {
border-color: #a71680;
color: #a71680;
}
nav.sticky-cta.programme--mba li.button a:not(.primary):hover {
color: #fff;
background-color: #a71680;
}
nav.sticky-cta.programme--mba li.button a.primary {
background-image: linear-gradient(to left, #a71680 0%, #312a6f 100%);
background-color: #a71680;
}
nav.sticky-cta.programme--mba li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta.programme--doctoral .label {
color: #80c0d3;
}
nav.sticky-cta.programme--doctoral li.button a:not(.primary) {
border-color: #80c0d3;
color: #80c0d3;
}
nav.sticky-cta.programme--doctoral li.button a:not(.primary):hover {
color: #fff;
background-color: #80c0d3;
}
nav.sticky-cta.programme--doctoral li.button a.primary {
background-image: linear-gradient(to left, #80c0d3 0%, #2384b4 100%);
background-color: #80c0d3;
}
nav.sticky-cta.programme--doctoral li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta.programme--exec .label {
color: #637465;
}
nav.sticky-cta.programme--exec li.button a:not(.primary) {
border-color: #637465;
color: #637465;
}
nav.sticky-cta.programme--exec li.button a:not(.primary):hover {
color: #fff;
background-color: #637465;
}
nav.sticky-cta.programme--exec li.button a.primary {
background-image: linear-gradient(to left, #637465 0%, #a2c616 100%);
background-color: #637465;
}
nav.sticky-cta.programme--exec li.button a.primary:hover {
background-image: none;
}
nav.sticky-cta.programme--london .label {
color: #004899;
}
nav.sticky-cta.programme--london li.button a:not(.primary) {
border-color: #004899;
color: #004899;
}
nav.sticky-cta.programme--london li.button a:not(.primary):hover {
color: #fff;
background-color: #004899;
}
nav.sticky-cta.programme--london li.button a.primary {
background-image: linear-gradient(to left, #51AAFF 0%, #004899 100%);
background-color: #004899;
}
nav.sticky-cta.programme--london li.button a.primary:hover {
background-image: none;
}
section.appointment-index.margin-bottom-d60-m40 {
margin-bottom: 60px
}
section.article-body > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start
}
section.article-body > .container > .inner > main.content {
display: inline-block;
flex: 1 1 calc(100% - 330px);
max-width: calc(100% - 330px);
vertical-align: top
}
section.article-body > .container > .inner > aside.sidebar {
display: inline-block;
flex: 0 0 330px;
margin-bottom: 0;
max-width: 330px;
min-width: 330px;
padding: 0 0 90px;
vertical-align: top
}
section.black-in-business-partnerships {
background: transparent;
#padding-bottom: 100px
}
section.black-in-business-partnerships > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
section.black-in-business-partnerships nav.search-bar {
display: block;
margin-bottom: 50px
}
section.black-in-business-partnerships aside.filters {
#display: inline-block;
flex: 0 0 400px;
margin-bottom: 0;
max-width: 400px;
padding-top: 0;
vertical-align: top
}
section.black-in-business-partnerships aside.filters > .inner {
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 35px 30px 25px;
}
section.black-in-business-partnerships aside.filters nav.search-bar {
display: none
}
section.black-in-business-partnerships aside.filters header.mobile-toggle {
display: none
}
section.black-in-business-partnerships aside.filters main.form {
display: block !important;
opacity: 1 !important;
padding-top: 0
}
section.black-in-business-partnerships main.listing article figure.photo .src::before {
border-width: 28px 28px 0 0;
}
section.black-in-business-partnerships main.listing article figure.photo .src::after {
border-width: 0 0 28px 28px;
}
section.black-in-business-partnerships main.listing {
#display: inline-block;
flex: 1 1 calc(100% - 400px);
#padding-left: 64px;
vertical-align: top/* Article photo */
}
section.black-in-business-partnerships main.listing article figure.photo .src::before {
border-color: #ffffff transparent transparent;
}
section.black-in-business-partnerships main.listing article figure.photo .src::after {
border-color: transparent transparent #ffffff;
}
section.case-study-archive nav.filters .mobile-toggle {
display: none
}
section.case-study-archive nav.filters ul.filters-inner {
display: block
}
section.case-study-archive {/* Row *//* Item */
}
section.case-study-archive .row {
margin-bottom: 40px;
padding-bottom: 40px;
position: relative;
}
section.case-study-archive .row::after {
background: rgba(151,151,151,.44);
content: "";
display: block;
margin: 0 auto;
right: 20px;
bottom: 0;
left: 20px;
position: absolute;
width: calc(100% - 40px);
height: 1px;
}
section.case-study-archive article.case-study {
flex-basis: calc(33.3333% - 40px);
margin-bottom: 0;
width: calc(33.3333% - 40px);
}
section.case-study-carousel.margin-bottom-m40-d55 {
margin-bottom: 55px
}
section.case-study-carousel main li {
align-items: stretch;
background: #F5F6F8;
display: flex !important;
justify-content: space-between;
padding: 50px
}
section.case-study-carousel main li aside.image,
section.case-study-carousel main li aside.content {
display: inline-block;
flex: 1 1 calc(50% - 20px);
max-width: calc(50% - 20px);
min-width: calc(50% - 20px);
vertical-align: top;
}
section.case-study-carousel main li aside.image {
padding-right: 42px;
}
section.case-study-carousel main li aside.image .src {
height: 100%;
padding-bottom: 0
}
@nest & {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
section.case-study-carousel main ul.slick-dots {
align-items: stretch;
cursor: pointer;
display: flex;
font-size: 0;
justify-content: center;
margin: 2px -1px 0
}
section.case-study-carousel main ul.slick-dots li {
display: inline-block;
flex: 1 1 auto;
list-style: none;
max-width: 151px;
margin: 0 1px;
height: 0;
padding-bottom: 3.437%;
overflow: hidden;
position: relative;
}
section.case-study-carousel main ul.slick-dots li::after {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background: transparent;
box-shadow: inset 0 0 0 3px #000066;
content: "";
opacity: 0;
transition: all .3s ease-in-out;
z-index: 1;
}
section.case-study-carousel main ul.slick-dots li .thumbnail {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: .5;
transition: all .3s ease-in-out;
z-index: 0;
}/* Hover */
section.case-study-carousel main ul.slick-dots li:hover .thumbnail {
opacity: .7;
}/* Active */
section.case-study-carousel main ul.slick-dots li.slick-active::after {
opacity: 1;
}
section.case-study-carousel main ul.slick-dots li.slick-active .thumbnail {
opacity: 1;
}
section.case-study-carousel--style-1 aside.image {
min-height: 368px
}
section.case-study-carousel--style-1 main .slide {
padding: 50px 50px 70px
}
section.case-study-carousel--style-1 main ul.slick-dots li {
max-width: 100%;
padding-bottom: 8%
}
section.case-study-carousel--style-2 aside.image {
min-height: 368px
}
section.case-study-carousel--style-2 main .slide {
padding: 50px 50px 70px
}
section.case-study-carousel--style-2 main ul.slick-dots li {
max-width: 100%;
padding-bottom: 8%
}
section.contained-textarea .container {
padding: 22px 40px 45px
}
section.events-index {
padding: 95px 0
}
section.events-index.desktop-white-bg {
background: #fff
}
section.events-index.desktop-white-bg article.event {
background: #EBECEE;
}
section.events-index > .container .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
section.events-index aside.filters {
display: inline-block;
flex: 0 0 381px;
margin-bottom: 0;
max-width: 381px;
padding-top: 0;
vertical-align: top
}
section.events-index aside.filters > .inner {
background: #EBECEE;
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 35px 30px 25px;
}
section.events-index aside.filters header.mobile-toggle {
display: none
}
section.events-index aside.filters .sidebar-title {
display: block
}
section.events-index aside.filters .applied-filters {
display: none;
margin-bottom: 0
}
section.events-index aside.filters main.form {
display: block !important;
opacity: 1 !important;
padding: 0
}
section.events-index aside.filters footer.cta {
display: block
}
section.events-index aside.filters {
display: inline-block;
flex: 0 0 400px;
margin-bottom: 0;
max-width: 400px;
padding-top: 0;
vertical-align: top
}
section.events-index aside.filters > .inner {
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 35px 30px 25px;
}
section.events-index aside.filters nav.search-bar {
display: none
}
section.events-index aside.filters header.mobile-toggle {
display: none
}
section.events-index aside.filters main.form {
display: block !important;
opacity: 1 !important;
padding-top: 0
}
section.events-index main.listing {
display: inline-block;
flex: 1 1 calc(100% - 381px);
padding-left: 40px;
vertical-align: top
}
section.events-index nav.search-bar {
display: block;
margin-bottom: 50px
}
section.experiences-group main.list {/* Item */
}
section.experiences-group main.list article.case-study {
flex-basis: calc(33.3333% - 40px);
margin-bottom: 0;
width: calc(33.3333% - 40px);
}
.expertise-section-executive .inner {
align-items: stretch;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap
}
.expertise-section-executive aside.expertise-caption {
display: inline-block;
flex: 0 0 50%;
max-width: 50%;
padding: 55px 50px 37px 58px;
vertical-align: top
}
.expertise-section-executive aside.expertise-content {
display: inline-block;
flex: 0 0 50%;
max-width: 50%;
vertical-align: top
}
.expertise-section .inner {
align-items: stretch;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap
}
.expertise-section aside.expertise-caption {
display: inline-block;
flex: 0 0 50%;
max-width: 50%;
padding: 55px 50px 37px 58px;
vertical-align: top
}
.expertise-section aside.expertise-content {
display: inline-block;
flex: 0 0 50%;
max-width: 50%;
vertical-align: top
}
section.extendable-references li {
padding: 26px 62px 30px 33px
}
section.four-block-cta.desktop-mb-0-50 {
margin-bottom: 50px
}
section.four-block-cta .block {
max-width: 50%
}
section.heading.mobile-mt-25-0 {
margin-top: 0
}
section.hero-image {
margin-bottom: 0
}
section.hero-inline-form {/**
* Inline form
*/
}
section.hero-inline-form .inline-form {
padding-right: 0;
padding-bottom: 58px;
padding-left: 0;
}
section.hero-inline-form .inline-form p:not(:last-of-type) {
margin-bottom: 0;
}
section.home-hero {
height: 697px
}
section.home-hero .content-inner {
max-width: 508px;
margin-top: 180px
}
section.home-hero .content-inner::before {
top: -75px;
border-bottom: 75px solid #0054A4;
border-left: 75px solid transparent;
border-right: 75px solid transparent
}
section.home-hero .content-inner::after {
top: -75px;
width: calc(100% - 75px);
height: 75px
}
section.home-hero .content-inner .inner {
padding: 0 95px 0 77px
}
section.home-hero .content-inner .inner::before {
bottom: -75px;
border-top: 75px solid #0054A4;
border-left: 75px solid transparent;
border-right: 75px solid transparent
}
section.home-hero .content-inner .inner::after {
height: 75px;
bottom: -75px;
width: calc(100% - 75px)
}
section.home-hero .content-inner .title {
margin-top: -9px;
margin-bottom: 21px;
font-size: 1.8rem;
line-height: 57px;
line-height: 3.5625rem
}
section.home-hero .content-inner .description {
margin-bottom: 100px
}
section.home-hero figure.media {
padding-bottom: 0
}
section.home-hero figure.media::before {
border-top: 54px solid #fff;
border-left: 54px solid transparent;
border-right: 54px solid transparent;
}
section.img-content-rows.desktop-m-b-50 {
margin-bottom: 50px
}
section.img-content-rows.desktop-mb-30 {
margin-bottom: 30px
}
section.img-content-rows.desktop-pt-50 {
padding-top: 50px
}
section.img-content-rows.desktop-pt-100 {
padding-top: 100px
}
section.inspiring-women-promote-partnerships {
background: transparent;
#padding-bottom: 100px
}
section.inspiring-women-promote-partnerships > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
section.inspiring-women-promote-partnerships nav.search-bar {
display: block;
margin-bottom: 50px
}
section.inspiring-women-promote-partnerships aside.filters {
#display: inline-block;
flex: 0 0 400px;
margin-bottom: 0;
max-width: 400px;
padding-top: 0;
vertical-align: top
}
section.inspiring-women-promote-partnerships aside.filters > .inner {
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 35px 30px 25px;
}
section.inspiring-women-promote-partnerships aside.filters nav.search-bar {
display: none
}
section.inspiring-women-promote-partnerships aside.filters header.mobile-toggle {
display: none
}
section.inspiring-women-promote-partnerships aside.filters main.form {
display: block !important;
opacity: 1 !important;
padding-top: 0
}
section.inspiring-women-promote-partnerships main.listing article figure.photo .src::before {
border-width: 28px 28px 0 0;
}
section.inspiring-women-promote-partnerships main.listing article figure.photo .src::after {
border-width: 0 0 28px 28px;
}
section.inspiring-women-promote-partnerships main.listing {
#display: inline-block;
flex: 1 1 calc(100% - 400px);
#padding-left: 64px;
vertical-align: top/* Article photo */
}
section.inspiring-women-promote-partnerships main.listing article figure.photo .src::before {
border-color: #ffffff transparent transparent;
}
section.inspiring-women-promote-partnerships main.listing article figure.photo .src::after {
border-color: transparent transparent #ffffff;
}
section.leadership-programme-4-column.padding--1 {
padding-top: 185px
}
section.news-events-showcase .news-showcase {
border-bottom: 0 none;
max-width: 62.4%;
flex: 0 0 62.4%;
margin-bottom: 0
}
section.news-events-showcase .events-showcase {
max-width: 37.6%;
flex-basis: 37.6%
}
section.news-events-showcase .events-showcase-item {
display: block;
max-width: 100%
}
section.news-events-showcase .events-showcase-item:first-child {
padding-top: 0;
}
section.news-listing {
background: transparent;
padding-bottom: 100px
}
section.news-listing > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
section.news-listing nav.search-bar {
display: block;
margin-bottom: 50px
}
section.news-listing aside.filters {
display: inline-block;
flex: 0 0 400px;
margin-bottom: 0;
max-width: 400px;
padding-top: 0;
vertical-align: top
}
section.news-listing aside.filters > .inner {
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 35px 30px 25px;
}
section.news-listing aside.filters .mobile-heading {
display: none
}
section.news-listing aside.filters nav.search-bar {
display: none
}
section.news-listing aside.filters header.mobile-toggle {
display: none
}
section.news-listing aside.filters main.form {
display: block !important;
opacity: 1 !important;
padding-top: 0
}
section.news-listing main.listing .listing-head {
display: flex
}
section.news-listing main.listing {
display: inline-block;
flex: 1 1 calc(100% - 400px);
padding-left: 64px;
vertical-align: top
}
section.news-montage {
margin-bottom: 85px
}
section.news-montage .section-heading {
margin-bottom: 50px;
padding-top: 65px
}
section.news-montage .section-heading h1 {
font-family: 'Aleo', serif;
font-weight: 400;
}
section.news-montage .tiles {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
section.news-montage aside {
display: inline-block;
flex: 0 0 50%;
width: 50%;
}/**
* Large tile
*/
section.news-montage aside.large-tile {
border-right: 1px solid rgba(151,151,151,.33);
margin-right: 0;
margin-left: 0;
padding-right: 20px;
width: 100%;
}/* Article */
section.news-montage aside.large-tile article {
border-bottom: 0 none;
height: 100%;
padding-bottom: 45px;
}/* Image */
section.news-montage aside.large-tile article a.thumbnail {
margin-bottom: 30px;
}/* Text */
section.news-montage aside.large-tile article .text {
padding-right: 0;
padding-left: 0;
}/* Title */
section.news-montage aside.large-tile article .text > a.title {
margin-bottom: 15px;
padding-right: 50px;
}/* Excerpt */
section.news-montage aside.large-tile article .text .excerpt {
font-size: 16px;
font-size: 1rem;
padding-right: 35px;
}/* Meta */
section.news-montage aside.large-tile article .text .meta {
margin-top: 25px;
}/**
* Secondary tile
*/
section.news-montage aside.secondary-tiles {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 20px;
position: relative;
}/* Separator */
section.news-montage aside.secondary-tiles::before {
background: rgba(151,151,151,.33);
content: "";
display: block;
top: 0;
bottom: 0;
left: calc(50% + 10px);
position: absolute;
width: 1px;
height: 100%;
}/* Article */
section.news-montage aside.secondary-tiles article {
display: inline-block;
flex: 0 0 calc(50% - 20px);
width: calc(50% - 20px);
}/* Image */
section.news-montage aside.secondary-tiles article a.thumbnail {
margin-bottom: 18px;
}
section.news-montage aside.secondary-tiles article:first-of-type {
border-top: 0 none;
}
section.news-montage aside.secondary-tiles article:nth-child(n+5) {
border-bottom: 0 none;
}
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) {
display: inline-block;
padding-top: 0;
}/* Image */
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) a.thumbnail {
flex: auto;
padding-bottom: 53.1425%;
width: 100%;
height: auto;
}/* Text */
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text {
flex: auto;
max-width: none;
padding-left: 0;
}/* Title */
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text > a.title {
font-size: calc(12px + 2 * ((100vw - 420px) / 860));
font-size: calc(0.75rem + 2 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
}
@media screen and (min-width: 1280px) {
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text > a.title {
font-size: 14px;
font-size: 0.875rem;
}
}
@media screen and (max-width: 420px) {
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text > a.title {
font-size: 12px;
font-size: 0.75rem;
}
}/* Title */
section.news-montage aside.secondary-tiles article:not(:nth-of-type(-n+2)) .text > a.title {
font-size: 12px;
line-height: 1.39em;
font-size: 0.75rem;
line-height: 1.39em;
}/* Article *//* Category */
section.news-montage aside article .category {
margin-bottom: 10px;
}
section.our-history .milestones {
margin: 100px;
margin-top: 0;
}
section.our-history .time-aside {
left: 50px;
}
.our-ratings-section {
padding: 50px 0 70px
}
.our-ratings-section .our-ratings-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 35px
}
.our-ratings-section .our-ratings-header .link-view-all {
margin-top: 0;
}
.our-ratings-section .our-ratings-item .wrap .image {
flex: 0 0 32%;
max-width: 32%;
padding-top: 31px
}
.our-ratings-section .our-ratings-item .wrap .image span.figure {
font-size: 20px;
font-size: 1.25rem;
padding-top: 7px;
width: 32px;
height: 32px;
top: 33px
}
.our-ratings-section .our-ratings-item .wrap .caption {
max-width: 65%;
flex: 0 0 65%;
padding-top: 36px;
padding-bottom: 50px;
margin-left: -3px
}
.our-ratings-section .our-ratings-item .title {
margin-bottom: 16px;
min-height: 72px;
padding-bottom: 20px
}
.our-ratings-section .our-ratings-item .title::before {
background: #979797;
content: "";
bottom: 0;
left: 0;
position: absolute;
width: 32px;
height: 1px;
}
.our-ratings-section .link-view-all {
margin-top: 17px;
padding-right: 55px
}
section.photo-carousel-ftmba .photos .slick-list {
margin-right: -25px;
margin-left: -25px;
}
section.photo-carousel-ftmba .photos .slick-slide {
margin-right: 2px;
margin-left: 2px;
}
section.photo-carousel-ftmba .photos .item {
min-height: 620px;
min-width: 270px;
width: 380px;
height: 620px;
}
section.photo-carousel-ftmba .photos figure.image {
height: 580px;
}
section.photo-carousel-ftmba .photos .slick-slide.slick-active.slick-center .item figure.image {
height: 580px;
}
section.photo-carousel-ftmba--large .photos figure.image {
height: 597px
}
section.photo-carousel-ftmba--large .photos .slick-slide.slick-active.slick-center .item figure.image {
height: 597px
}
section.photo-carousel--large .photos figure.image {
height: 597px
}
section.photo-carousel--large .photos .slick-slide.slick-active.slick-center .item figure.image {
height: 597px
}
section.portrait-img-tiles.padding--1 {
padding-top: 185px
}
.programme-animate-section {
min-height: 877px
}
.programme-animate-section .fade-top, .programme-animate-section .fade-bottom {
display: block
}
.programme-animate-section .cityscape {
width: 1438px;
height: 862px;
padding-bottom: 0;
position: absolute
}
.programme-animate-section .content {
background-color: transparent;
padding-top: 55px;
padding-bottom: 285px
}
.programme-animate-section .content-outer {
display: inline-block/* Top borders *//* Prop */
}
.programme-animate-section .content-outer::before, .programme-animate-section .content-outer::after {
content: "";
display: block;
}
.programme-animate-section .content-outer::before {
border-bottom: 7px solid #0054A4;
top: 77px;
left: -4px;
position: absolute;
transform: rotate(-45deg);
transform-origin: left;
width: 110px;
}
.programme-animate-section .content-outer::after {
border-top: 7px solid #0054A4;
border-right: 7px solid #0054A4;
top: 78px;
right: -7px;
position: absolute;
width: calc(100% - 65px);
height: 78px;
transform: translate(0, -100%);
}
@media (min-width: 1025px) {
.programme-animate-section .content-outer .prop {
display: inline-block;
width: 0;
height: 0;
padding-bottom: 100%;
vertical-align: top/* Side borders */
}
.programme-animate-section .content-outer .prop::before {
border-right: 7px solid #0054A4;
border-left: 7px solid #0054A4;
content: "";
top: 78px;
right: -7px;
bottom: 78px;
left: -7px;
position: absolute;
width: calc(100% + 14px);
height: calc(100% - calc(78px * 2));
}
}
@media (min-width: 1025px) {
.programme-animate-section .content-outer .prop {
display: inline-block;
width: 0;
height: 0;
padding-bottom: 100%;
vertical-align: top/* Side borders */
}
.programme-animate-section .content-outer .prop::before {
border-right: 7px solid #0054A4;
border-left: 7px solid #0054A4;
content: "";
top: 78px;
right: -7px;
bottom: 78px;
left: -7px;
position: absolute;
width: calc(100% + 14px);
height: calc(100% - calc(78px * 2));
}
}
.programme-animate-section .content-outer .content-inner {
max-width: 700px;
min-width: 550px;
padding: 78px 60px;
margin-bottom: 100px
}
.programme-animate-section .content-outer .content-inner::before, .programme-animate-section .content-outer .content-inner::after {
display: block;
}
.programme-animate-section .content-outer .title {
color: #0054A4;
font-family: 'Aleo', serif
}
@nest & {
font-size: 32px;
line-height: 40px;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 600;
}
.programme-animate-section .content-outer .title br {
display: inline
}
.programme-animate-section .content-outer .list li {
margin-bottom: 5px;
padding-left: 23px;
width: 100%;
max-width: 100%;
flex: 0 0 100%
}
.programme-animate-section .content-outer .list li::before {
border-bottom: 2.4px solid #0054A4;
border-right: 2.4px solid #0054A4;
opacity: 1
}
.programme-animate-section .content-outer .list li a {
font-size: 12px;
font-size: 0.75rem;
color: #313334
}
.programme-animate-section .content-outer .list li a:hover {
opacity: .6;
}
.programme-animate-section .cloud {
display: block
}
.programme-animate-section .cityscape {
transform: scale(1.35);
transition: all 2.15s ease .15s;
}
.programme-animate-section .content-outer {
opacity: 0;
transform: translateY(200px);
transition: all 2.15s ease .15s;
}
.programme-animate-section .cloud {
transform: translateX(240px);
transition: all 5s ease .3s;
}
.programme-animate-section.viewed .cityscape {
transform: none;
}
.programme-animate-section.viewed .content-outer {
opacity: 1;
transform: none;
}
.programme-animate-section.viewed .cloud {
transform: none;
}
section.programme-body > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start
}
section.programme-body > .container > .inner > main.content {
display: inline-block;
flex: 1 1 calc(100% - 330px);
max-width: calc(100% - 330px);
vertical-align: top
}
section.programme-body > .container > .inner > aside.sidebar {
display: inline-block;
flex: 0 0 330px;
margin-bottom: 0;
max-width: 330px;
min-width: 330px;
padding-top: 0;
vertical-align: top
}
section.programme-index {
background: transparent
}
section.programme-index > .container {
margin-bottom: 100px
}
section.programme-index > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
section.programme-index aside.filters {
display: inline-block;
flex: 0 0 400px;
margin-bottom: 0;
max-width: 400px;
padding-top: 0;
vertical-align: top
}
section.programme-index aside.filters > .inner {
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 35px 30px 25px;
}
section.programme-index aside.filters header.mobile-toggle {
display: none
}
section.programme-index aside.filters .sidebar-title {
display: block
}
section.programme-index aside.filters main.form {
display: block !important;
opacity: 1 !important;
padding-top: 0
}
section.programme-index aside.filters footer.cta {
display: block
}
section.programme-index main.listing .group > .group-title {
margin-bottom: 32px
}
section.programme-index main.listing {
display: inline-block;
flex: 1 1 calc(100% - 400px);
padding-left: 64px;
vertical-align: top
}
section.programme-index nav.search-bar {
margin-bottom: 50px
}
section.programme-table-steps {
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 29px 24px 30px
}
section.programme-table-steps.hide-desktop {
display: none;
}
section.programmes-overview {
margin-bottom: 60px
}
section.programmes-overview .container {/* Box */
}
section.programmes-overview .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 60px 65px 65px;
}
section.programmes-overview main.content {
display: inline-block;
flex: 1 1 calc(100% - 356px);
padding-right: 100px;
vertical-align: top/* Description */
}
section.programmes-overview main.content .description {
margin-bottom: 55px;
}
section.programmes-overview aside.testimonial {
display: inline-block;
flex: 0 0 356px;
margin-top: 0;
max-width: 356px;
vertical-align: top/* Image *//* Text area */
}
section.programmes-overview aside.testimonial figure.image {
display: block;
}
section.programmes-overview aside.testimonial .textarea {
padding: 32px 38px 45px 40px;
}
section.programmes-overview:nth-of-type(odd) main.content {
order: 1;
padding-left: 100px;
padding-right: 0;
}
section.programmes-overview:nth-of-type(odd) aside.testimonial {
order: 0;
}
section.rankings-index {
padding: 95px 0
}
section.rankings-index.desktop-white-bg {
background: #fff
}
section.rankings-index.desktop-white-bg article.event {
background: #EBECEE;
}
section.rankings-index > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
section.rankings-index aside.filters {
display: inline-block;
flex: 0 0 381px;
margin-bottom: 0;
max-width: 381px;
padding-top: 0;
vertical-align: top
}
section.rankings-index aside.filters > .inner {
background: #EBECEE;
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 35px 30px 25px;
}
section.rankings-index aside.filters header.mobile-toggle {
display: none
}
section.rankings-index aside.filters .sidebar-title {
display: block
}
section.rankings-index aside.filters .applied-filters {
display: none;
margin-bottom: 0
}
section.rankings-index aside.filters main.form {
display: block !important;
opacity: 1 !important;
padding: 0
}
section.rankings-index aside.filters footer.cta {
display: block
}
section.rankings-index main.listing {
display: inline-block;
flex: 1 1 calc(100% - 381px);
padding-left: 40px;
vertical-align: top
}
section.rankings-index nav.search-bar {
margin-bottom: 50px
}
section.slider-carousel-info {
padding-left: 0 !important
}
section.slider-carousel-info .photos .slick-list .slick-slide {
margin-right: 83px
}
section.slider-carousel-info .photos .item {
min-height: 550px;
min-width: 900px;
width: 900px;
height: 550px;
}
section.slider-carousel-info .photos figure.image {
height: 550px;
}
section.staff-listing {
background: transparent;
padding-bottom: 100px
}
section.staff-listing > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
section.staff-listing nav.search-bar {
display: block;
margin-bottom: 50px
}
section.staff-listing aside.filters {
display: inline-block;
flex: 0 0 400px;
margin-bottom: 0;
max-width: 400px;
padding-top: 0;
vertical-align: top
}
section.staff-listing aside.filters > .inner {
box-shadow: 0 1px 0 0 #ADBAC1;
padding: 35px 30px 25px;
}
section.staff-listing aside.filters nav.search-bar {
display: none
}
section.staff-listing aside.filters header.mobile-toggle {
display: none
}
section.staff-listing aside.filters main.form {
display: block !important;
opacity: 1 !important;
padding-top: 0
}
section.staff-listing main.listing article figure.photo .src::before {
border-width: 28px 28px 0 0;
}
section.staff-listing main.listing article figure.photo .src::after {
border-width: 0 0 28px 28px;
}
section.staff-listing main.listing {
display: inline-block;
flex: 1 1 calc(100% - 400px);
padding-left: 64px;
vertical-align: top/* Article photo */
}
section.staff-listing main.listing article figure.photo .src::before {
border-color: #ffffff transparent transparent;
}
section.staff-listing main.listing article figure.photo .src::after {
border-color: transparent transparent #ffffff;
}
section.staff-profile {
padding-top: 0
}
section.staff-profile > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
gap: 24px
}
section.staff-profile > .container > .inner > main.content {
display: inline-block;
flex: 1 1 calc(100% - 330px);
max-width: calc(100% - 330px);
padding-bottom: 100px;
vertical-align: top
}
section.staff-profile > .container > .inner > aside.sidebar {
display: inline-block;
flex: 0 0 330px;
margin-bottom: 0;
max-width: 330px;
min-width: 330px;
padding-bottom: 90px;
padding-top: 0;
vertical-align: top
}
section.standard-body > .container > .inner {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start
}
section.standard-body > .container > .inner > main.content {
display: inline-block;
flex: 1 1 calc(100% - 330px);
margin-bottom: 90px;
max-width: calc(100% - 330px);
vertical-align: top
}
section.standard-body > .container > .inner > aside.sidebar {
display: inline-block;
flex: 0 0 330px;
margin-bottom: 90px;
max-width: 330px;
min-width: 330px;
padding-top: 0;
vertical-align: top
}
section.standard-hero.style--1 figure.image {
margin-left: 347px
}
section.standard-hero.desktop--large-title header.title .text h1 {
font-size: 42px;
line-height: 1.2275em;
font-size: 2.625rem;
line-height: 1.2275em
}
section.standard-hero.desktop--title--1 header.title .text h1 {
font-size: 38px;
line-height: 1.2em;
font-size: 2.375rem;
line-height: 1.2em
}
section.team-index-manual .featured aside.photo figure.image .src::before {
border-width: 34px 34px 0 0;
}
section.team-index-manual .featured aside.photo figure.image .src::after {
border-width: 0 0 34px 34px;
}
section.team-index-manual ul.people li.person figure.photo .src::before {
border-width: 28px 28px 0 0;
}
section.team-index-manual ul.people li.person figure.photo .src::after {
border-width: 0 0 28px 28px;
}
section.team-index .featured aside.photo figure.image .src::before {
border-width: 34px 34px 0 0;
}
section.team-index .featured aside.photo figure.image .src::after {
border-width: 0 0 34px 34px;
}
section.team-index ul.people li.person figure.photo .src::before {
border-width: 28px 28px 0 0;
}
section.team-index ul.people li.person figure.photo .src::after {
border-width: 0 0 28px 28px;
}
section.text-aside-media-pathways aside.content .title.desktop-mb-35 {
margin-bottom: 35px
}
section.text-aside-media-pathways aside.content .title.desktop-m-t {
padding-top: 20px
}
section.text-aside-media-pathways aside.content .button--style-1 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
section.text-aside-media-pathways aside.content .button--style-2 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
section.text-aside-media-pathways aside.content .profile figure.photo .src::before {
border-width: 28px 28px 0 0;
}
section.text-aside-media-pathways aside.content .profile figure.photo .src::after {
border-width: 0 0 28px 28px;
}
section.text-aside-media-pathways aside.media .play--small {
left: 40px
}
section.text-aside-media-pathways aside.media figure.image.rectangle--1 {
width: 627px;
height: 671px
}
section.text-aside-media-pathways aside.media figure.image.rectangle--2 {
width: 621px;
height: 590px
}
section.text-aside-media-pathways aside.media figure.image.rectangle--3 {
width: 525px;
height: 608px
}
section.text-aside-media-pathways aside.media figure.image.rectangle--4 {
width: 565px;
height: 656px
}
section.text-aside-media-pathways aside.media figure.image.rectangle {
width: 667px;
height: 565px
}
section.text-aside-media-pathways.bg--5 aside.content {
padding-left: 65px;
}
section.text-aside-media aside.content .title.desktop-mb-35 {
margin-bottom: 35px
}
section.text-aside-media aside.content .title.desktop-m-t {
padding-top: 20px
}
section.text-aside-media aside.content .button--style-1 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
section.text-aside-media aside.content .button--style-2 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
section.text-aside-media aside.content .profile figure.photo .src::before {
border-width: 28px 28px 0 0;
}
section.text-aside-media aside.content .profile figure.photo .src::after {
border-width: 0 0 28px 28px;
}
section.text-aside-media aside.media .play--small {
left: 40px
}
section.text-aside-media aside.media figure.image.rectangle--1 {
width: 627px;
height: 671px
}
section.text-aside-media aside.media figure.image.rectangle--2 {
width: 621px;
height: 590px
}
section.text-aside-media aside.media figure.image.rectangle--3 {
width: 525px;
height: 608px
}
section.text-aside-media aside.media figure.image.rectangle--4 {
width: 565px;
height: 656px
}
section.text-aside-media aside.media figure.image.rectangle {
width: 667px;
height: 565px
}
section.text-aside-media.bg--5 aside.content {
padding-left: 65px;
}
section.textarea-aside-stats .container > .inner {
align-items: flex-start;
display: flex;
justify-content: space-between;
width: 100%;
}
section.textarea-aside-stats main {
display: inline-block;
flex-basis: 850px;
flex-shrink: 1;
vertical-align: top
}
section.textarea-aside-stats aside {
display: inline-block;
flex-basis: 280px;
margin-top: 0;
vertical-align: top
}
section.textarea-aside-stats article.stat .wrap .image {
flex: 0 0 32%;
max-width: 32%;
padding-top: 31px
}
section.textarea-aside-stats article.stat .wrap .image span.figure {
font-size: 13px;
font-size: 0.8125rem;
padding-top: 7px;
top: 33px
}
section.textarea-aside-stats article.stat .wrap .caption {
flex: 0 0 65%;
margin-left: -3px;
max-width: 65%
}
section.textarea-aside .container > .inner {
align-items: flex-start;
display: flex;
justify-content: space-between;
width: 100%;
}
section.textarea-aside main {
display: inline-block;
flex-basis: 850px;
flex-shrink: 1;
vertical-align: top
}
section.textarea-aside main > .content .button--style-1 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
section.textarea-aside main > .content .button--style-2 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
section.textarea-aside aside {
display: inline-block;
flex-basis: 280px;
margin-top: 0;
vertical-align: top
}
section.textarea-aside article.stat .wrap .image {
flex: 0 0 32%;
max-width: 32%;
padding-top: 31px
}
section.textarea-aside article.stat .wrap .image span.figure {
font-size: 13px;
font-size: 0.8125rem;
padding-top: 7px;
top: 33px
}
section.textarea-aside article.stat .wrap .caption {
flex: 0 0 65%;
margin-left: -3px;
max-width: 65%
}
div.ftmba-carousel span.mobile-title {
display: none
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile {
flex-basis: calc(25% - 10px);
}
section.tile-ctas.style--1 article.tile .buttons a {
text-align: left;
min-height: 43px;
padding: 0px 20px 12.5px 35px;
background-position: top 5px left 15px;
}
section.toggle-information .overlay {
left: -30px;
}
section.toggle-menus h2 {
margin-bottom: 55px
}
.social-networks-fixed {
display: block
}
article.appointment main.inner {
min-height: 525px
}
article.event-exec-ed header aside.date {
flex-basis: 115px;
aspect-ratio: 1 / 1
}
article.event-exec-ed main .more-info {
display: none
}
article.event header aside.date {
flex-basis: 115px;
aspect-ratio: 1 / 1
}
article.event main .more-info {
display: none
}
.ranking .wrap .image {
flex: 0 0 32%;
max-width: 32%;
padding-top: 31px
}
.ranking .wrap .image span.figure {
font-size: 20px;
font-size: 1.25rem;
padding-top: 7px;
width: 32px;
height: 32px;
top: 33px
}
.ranking .wrap .caption {
max-width: 65%;
flex: 0 0 65%;
padding-top: 36px;
padding-bottom: 50px;
margin-left: -3px
}
.ranking .title {
margin-bottom: 16px;
min-height: 72px;
padding-bottom: 20px
}
.ranking .title::before {
background: #979797;
content: "";
bottom: 0;
left: 0;
position: absolute;
width: 32px;
height: 1px;
}
article.testimonial .caption {
padding-top: 32px
}
aside#promo .mura-region-local {
display: block
}
aside#promo .mura-region-local article.captioned-thumbnail .caption {
min-height: auto
}
.modal {
padding: 64px 100px 75px
}
.modal header.modal-head {
margin-bottom: 40px
}
.modal .filters .input-group .group-list {
display: block !important;
opacity: 1 !important
}
.modal button.fancybox-button {
top: 58px;
right: 100px
}
main.change-makers section.home-hero .content-inner {
max-width: 508px;
margin-top: 180px
}
main.change-makers section.home-hero .content-inner::before {
top: -75px;
border-bottom: 75px solid #312239;
border-left: 75px solid transparent;
border-right: 75px solid transparent
}
main.change-makers section.home-hero .content-inner::after {
top: -75px;
width: calc(100% - 75px);
height: 75px
}
main.change-makers section.home-hero .content-inner .inner {
padding: 0 95px 0 77px
}
main.change-makers section.home-hero .content-inner .inner::before {
bottom: -75px;
border-top: 75px solid #312239;
border-left: 75px solid transparent;
border-right: 75px solid transparent
}
main.change-makers section.home-hero .content-inner .inner::after {
height: 75px;
bottom: -75px;
width: calc(100% - 75px)
}
main.change-makers section.home-hero .content-inner .title {
margin-top: -9px;
margin-bottom: 21px;
font-size: 63px;
font-size: 3.9375rem;
line-height: 61px;
line-height: 3.8125rem
}
main.change-makers section.home-hero .content-inner .description {
margin-bottom: 35px
}
main.change-makers section.home-hero figure.media {
padding-bottom: 0
}
main.change-makers section.home-hero figure.media::before {
border-top: 54px solid #fff;
border-left: 54px solid transparent;
border-right: 54px solid transparent;
}
section.photo-carousel-cm .photos .slick-list {
margin-right: -25px;
margin-left: -25px;
}
section.photo-carousel-cm .photos .slick-slide {
margin-right: 2px;
margin-left: 2px;
}
section.photo-carousel-cm .photos .item {
min-height: 620px;
min-width: 270px;
width: 380px;
height: 620px;
}
section.photo-carousel-cm .photos figure.image {
height: 580px;
}
section.photo-carousel-cm .photos .slick-slide.slick-active.slick-center .item figure.image {
height: 580px;
}
section.photo-carousel-cm--large .photos figure.image {
height: 597px
}
section.photo-carousel-cm--large .photos .slick-slide.slick-active.slick-center .item figure.image {
height: 597px
}
main.change-makers section.change-maker-tiles.padding--1 {
padding-top: 185px
}
main.change-makers section.text-aside-media aside.content .title.desktop-mb-35 {
margin-bottom: 35px
}
main.change-makers section.text-aside-media aside.content .title.desktop-m-t {
padding-top: 20px
}
main.change-makers section.text-aside-media aside.content .button--style-1 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
main.change-makers section.text-aside-media aside.content .button--style-2 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
main.change-makers section.text-aside-media aside.content .profile figure.photo .src::before {
border-width: 28px 28px 0 0;
}
main.change-makers section.text-aside-media aside.content .profile figure.photo .src::after {
border-width: 0 0 28px 28px;
}
main.change-makers section.text-aside-media aside.media .play--small {
left: 40px
}
main.change-makers section.text-aside-media aside.media figure.image.rectangle--1 {
width: 627px;
height: 671px
}
main.change-makers section.text-aside-media aside.media figure.image.rectangle--2 {
width: 621px;
height: 590px
}
main.change-makers section.text-aside-media aside.media figure.image.rectangle--3 {
width: 525px;
height: 608px
}
main.change-makers section.text-aside-media aside.media figure.image.rectangle--4 {
width: 565px;
height: 656px
}
main.change-makers section.text-aside-media aside.media figure.image.rectangle {
width: 667px;
height: 565px
}
main.change-makers section.text-aside-media.bg--5 aside.content {
padding-left: 65px;
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile {
flex-basis: calc(25% - 10px);
}
main.exec-education-2025 section.home-hero .content-inner {
max-width: 508px;
margin-top: 180px
}
main.exec-education-2025 section.home-hero .content-inner::before {
top: -75px;
border-bottom: 75px solid #312239;
border-left: 75px solid transparent;
border-right: 75px solid transparent
}
main.exec-education-2025 section.home-hero .content-inner::after {
top: -75px;
width: calc(100% - 75px);
height: 75px
}
main.exec-education-2025 section.home-hero .content-inner .inner {
padding: 0 95px 0 77px
}
main.exec-education-2025 section.home-hero .content-inner .inner::before {
bottom: -75px;
border-top: 75px solid #312239;
border-left: 75px solid transparent;
border-right: 75px solid transparent
}
main.exec-education-2025 section.home-hero .content-inner .inner::after {
height: 75px;
bottom: -75px;
width: calc(100% - 75px)
}
main.exec-education-2025 section.home-hero .content-inner .title {
margin-top: -9px;
margin-bottom: 21px;
font-size: 63px;
font-size: 3.9375rem;
line-height: 61px;
line-height: 3.8125rem
}
main.exec-education-2025 section.home-hero .content-inner .description {
margin-bottom: 35px
}
main.exec-education-2025 section.home-hero figure.media {
padding-bottom: 0
}
main.exec-education-2025 section.home-hero figure.media::before {
border-top: 54px solid #fff;
border-left: 54px solid transparent;
border-right: 54px solid transparent;
}
main.exec-education-2025 section.full-width-section .content .button--style-1 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
main.exec-education-2025 section.full-width-section .content .button--style-2 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
main.exec-education-2025 section.change-maker-tiles.padding--1 {
padding-top: 85px
}
main.exec-education-2025 section.text-aside-media aside.content .title.desktop-mb-35 {
margin-bottom: 35px
}
main.exec-education-2025 section.text-aside-media aside.content .title.desktop-m-t {
padding-top: 20px
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-1 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
main.exec-education-2025 section.text-aside-media aside.content .button--style-2 a {
padding: 25px 41px 25px 45px;
background-position: left 25px center;
background-position-y: 25px
}
main.exec-education-2025 section.text-aside-media aside.content .profile figure.photo .src::before {
border-width: 28px 28px 0 0;
}
main.exec-education-2025 section.text-aside-media aside.content .profile figure.photo .src::after {
border-width: 0 0 28px 28px;
}
main.exec-education-2025 section.text-aside-media aside.media .play--small {
left: 40px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.rectangle--1 {
width: 627px;
height: 671px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.rectangle--2 {
width: 621px;
height: 590px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.rectangle--3 {
width: 525px;
height: 608px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.rectangle--4 {
width: 565px;
height: 656px
}
main.exec-education-2025 section.text-aside-media aside.media figure.image.rectangle {
width: 667px;
height: 565px
}
main.exec-education-2025 section.text-aside-media.bg--5 aside.content {
padding-left: 65px;
}
main.oc span.mobile-title {
display: none
}
main.oc section.tile-ctas-change-maker.style--1 article.tile {
flex-basis: calc(25% - 10px);
}
nav.sticky-cta.programme--doctoral .label {
color: #2384b4;
}
nav.sticky-cta.programme--doctoral li.button a:not(.primary) {
border-color: #2384b4;
color: #2384b4;
}
nav.sticky-cta.programme--doctoral li.button a:not(.primary):hover {
color: #fff;
background-color: #2384b4;
}
nav.sticky-cta.programme--doctoral li.button a.primary {
background-image: linear-gradient(to left, #80c0d3 0%, #2384b4 100%);
background-color: #2384b4;
}
nav.sticky-cta.programme--doctoral li.button a.primary:hover {
background-image: none;
}
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) {
min-height: 315px;
}
section.news-montage aside.secondary-tiles article.noimage {
min-height: 166px;
}
section.news-montage aside.large-tile article {
padding-bottom: 0px;
}
section.textarea-aside-stats main.phd-landing {
flex-basis: 100%
}
section.core-montage {
margin-bottom: 85px
}
section.core-montage .section-heading {
margin-bottom: 50px;
padding-top: 65px
}
section.core-montage .section-heading h1 {
font-family: 'Aleo', serif;
font-weight: 400;
}
section.core-montage .tiles {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
section.core-montage aside {
display: inline-block;
flex: 0 0 50%;
width: 50%;
}
/**
* Large tile
*/
section.core-montage aside.large-tile {
border-right: 1px solid rgba(151,151,151,.33);
margin-right: 0;
margin-left: 0;
padding-right: 20px;
width: 100%;
}
/* Article */
section.core-montage aside.large-tile article {
border-bottom: 0 none;
height: 100%;
padding-bottom: 45px;
}
/* Image */
section.core-montage aside.large-tile article a.thumbnail {
margin-bottom: 30px;
}
/* Text */
section.core-montage aside.large-tile article .text {
padding-right: 0;
padding-left: 0;
}
/* Title */
section.core-montage aside.large-tile article .text > a.title {
margin-bottom: 15px;
padding-right: 50px;
}
/* Excerpt */
section.core-montage aside.large-tile article .text .excerpt {
font-size: 16px;
font-size: 1rem;
padding-right: 35px;
}
/* Meta */
section.core-montage aside.large-tile article .text .meta {
margin-top: 25px;
}
/**
* Secondary tile
*/
section.core-montage aside.secondary-tiles {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 20px;
position: relative;
}
/* Separator */
section.core-montage aside.secondary-tiles::before {
background: rgba(151,151,151,.33);
content: "";
display: block;
top: 0;
bottom: 0;
left: calc(50% + 10px);
position: absolute;
width: 1px;
height: 100%;
}
/* Article */
section.core-montage aside.secondary-tiles article {
display: inline-block;
flex: 0 0 calc(50% - 20px);
width: calc(50% - 20px);
}
/* Image */
section.core-montage aside.secondary-tiles article a.thumbnail {
margin-bottom: 18px;
}
section.core-montage aside.secondary-tiles article:first-of-type {
border-top: 0 none;
}
section.core-montage aside.secondary-tiles article:nth-child(n+30) {
border-bottom: 0 none;
}
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) {
display: inline-block;
padding-top: 0;
}
/* Image */
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) a.thumbnail {
flex: auto;
padding-bottom: 53.1425%;
width: 100%;
height: auto;
}
/* Text */
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text {
flex: auto;
max-width: none;
padding-left: 0;
}
/* Title */
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text > a.title {
font-size: calc(12px + 2 * ((100vw - 420px) / 860));
font-size: calc(0.75rem + 2 * ((100vw - 26.25rem) / 860));
line-height: 1.39em;
}
@media screen and (min-width: 1280px) {
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text > a.title {
font-size: 14px;
font-size: 0.875rem;
}
}
@media screen and (max-width: 420px) {
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text > a.title {
font-size: 12px;
font-size: 0.75rem;
}
}
/* Title */
section.core-montage aside.secondary-tiles article:not(:nth-of-type(-n+30)) .text > a.title {
font-size: 12px;
line-height: 1.39em;
font-size: 0.75rem;
line-height: 1.39em;
}
/* Article */
/* Category */
section.core-montage aside article .category {
margin-bottom: 10px;
}
}
@media (min-width: 1025px) and (min-width: 1024px) and (max-width: 1230px) {
nav.section-menu .container {
padding-right: 62px;
padding-left: 62px;
}
nav.section-menu .hover .container {
padding-right: 62px;
padding-left: 62px;
}
}
@media screen and (min-width: 1025px) {
section.staff-profile > .container > .inner .profile-bio {
flex: 1;
flex-basis: 850px;
padding-right: 60px
}
}
@media screen and (min-width: 1025px) and (max-width: 1194px) {
section.staff-profile > .container > .inner .profile-bio {
width: 639px;
padding: 16px
}
}
@media only screen and (min-width: 1100px) {
header.primary ul.main-menu {
display: flex
}
}
@media only screen and (min-width: 1101px) {
header.primary i.mobile-menu-link-open {
display: none
}
}
@media (min-width: 1120px) {
section.social-connect.style--1 {
margin-top: -150px
}
section.social-connect.style--1 .container {
padding-top: 460px
}
section.social-connect.style--1 .link-tile {
width: 515px
}
}
@media only screen and (min-width: 1120px) {
section.social-connect {
background: #fff;
padding-top: 0;
padding-bottom: 0/**
* Background
*//**
* Label
*//**
* Container
*//***************
* Scatter images (desktop)
***************//***************
* Image carousel (mobile)
***************/
}
section.social-connect::before {
background: #F5F6F8;
content: "";
top: 265px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: calc(100% - 265px);
}
section.social-connect .large-bg-text {
display: inline-block;
}
section.social-connect .container {
padding-top: 570px;
padding-bottom: 460px;
}
section.social-connect .image-scatter {
display: block;
}
section.social-connect .image-carousel {
display: none;
}
}
@media only screen and (min-width: 1150px) {
section.financial-tabs .tabbed-content ul.financial-crumb {
margin-bottom: 0
}
section.financial-tabs .tabbed-content ul.financial-crumb li {
display: inline-block;
margin-bottom: 80px;
text-align: left
}
section.financial-tabs .tabbed-content ul.financial-crumb li:not(:last-of-type) {
margin: 0 25px 0 0;
padding: 0 42px 0 0;
}
section.financial-tabs .tabbed-content ul.financial-crumb li:not(:last-of-type)::after {
margin: 0;
top: 15px;
right: 0;
bottom: auto;
left: auto;
position: absolute;
text-align: right;
transform: none;
}
section.financial-tabs .tabbed-content ul.financial-crumb li:last-of-type {
background: transparent;
margin-right: 0;
padding: 0;
}
section.programme-body section.financial-tabs .tabbed-content ul.financial-crumb li, section.standard-body section.financial-tabs .tabbed-content ul.financial-crumb li {
margin-bottom: 30px;
}
section.programme-body section.financial-tabs .tabbed-content h3, section.standard-body section.financial-tabs .tabbed-content h3 {
margin-bottom: 5px;
}
section.contained-textarea ul.financial-crumb {
margin-bottom: 0
}
section.contained-textarea ul.financial-crumb li {
display: inline-block;
margin-bottom: 80px;
text-align: left/*
&:last-of-type {
background: transparent;
margin-right: 0;
padding: 0;
}
*/
}
section.contained-textarea ul.financial-crumb li:not(:last-of-type) {
margin: 0 25px 0 0;
padding: 0 42px 0 0;
}
section.contained-textarea ul.financial-crumb li:not(:last-of-type)::after {
margin: 0;
top: 15px;
right: 0;
bottom: auto;
left: auto;
position: absolute;
text-align: right;
transform: none;
}
}
@media (min-width: 1155px) {
section.four-block-cta .block {
max-width: 25%
}
}
@media only screen and (min-width: 1230px) and (max-width: 1400px) {
body > main.base section.standard-hero, body > main.base nav.breadcrumbs, body > main.base main.base-content > section, body > main.base nav.programme-pagination {/* padding-right: 80px; */
padding-left: 80px;
}
body > main.base nav.section-menu .inner {
padding-left: 90px;
}
}
@media (min-width: 1230px) and (max-width: 1400px) {
section.black-in-business-partnerships main.listing {/* Article */
}
section.black-in-business-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (30px - 30px * 1/3));
max-width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
section.black-in-business-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.black-in-business-partnerships main.listing article:last-child {
margin-right: 0;
}
section.black-in-business-partnerships main.listing article:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
section.inspiring-women-promote-partnerships main.listing {/* Article */
}
section.inspiring-women-promote-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (30px - 30px * 1/3));
max-width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.inspiring-women-promote-partnerships main.listing article:last-child {
margin-right: 0;
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
section.staff-listing main.listing {/* Article */
}
section.staff-listing main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/3 - (30px - 30px * 1/3));
max-width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
section.staff-listing main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.staff-listing main.listing article:last-child {
margin-right: 0;
}
section.staff-listing main.listing article:nth-child(3n) {
margin-right: 0;
margin-left: auto;
}
}
@media (min-width: 1230px) and (max-width: 1440px) {
section.home-hero .content {
max-width: none;
padding: 0 0 0 32px
}
main.change-makers section.home-hero .content {
max-width: none;
padding: 0 0 0 32px
}
main.exec-education-2025 section.home-hero .content {
max-width: none;
padding: 0 0 0 32px
}
}
@media (min-width: 1231px) {
footer.primary .container {
padding-right: 20px;
padding-left: 20px;
}
header.primary.sticky-header .search-wrap input[type=text], header.primary.sticky-header .search-wrap button[type=submit] {
top: 10px;
}
header.primary .outer {
padding-right: 20px;
padding-left: 20px;
}
header.primary ul.main-menu > li > a {
font-size: 14px;
font-size: 0.875rem;
padding: 28px 16px 39px
}
header.primary nav.mobile-menu {
display: none !important
}
nav.breadcrumbs .container {
padding-right: 20px;
padding-left: 20px;
}
nav.programme-pagination .container {
padding-right: 20px;
padding-left: 20px;
}
nav.sticky-cta-pathways .label {
font-size: 14px;
font-size: 0.875rem
}
nav.sticky-cta-pathways li.button a {
padding: 30px
}
nav.sticky-cta .label {
font-size: 14px;
font-size: 0.875rem
}
nav.sticky-cta li.button a {
padding: 30px
}
.about-section {
padding: 70px 0 40px
}
.about-section .container {
padding-right: 20px;
padding-left: 20px;
}
.about-section .row-flex {
align-items: flex-start
}
.about-section .about-blockquote {
flex: 0 0 453px;
height: 455px;
max-height: 455px;
max-width: 453px
}
.about-section .about-blockquote-inner {
padding: 59px 42px 65px 59px
}
.about-section .about-blockquote-cite {
font-size: 26px;
font-size: 1.625rem;
line-height: 36px;
line-height: 2.25rem;
margin: 0 0 36px
}
.about-section .about-blockquote-meta {
margin-left: 0
}
.about-section .about-blockquote-avatar {
margin-right: 13px
}
.about-section .about-blockquote-caption {
margin-top: -8px
}
.about-section .about-description-title {
margin-bottom: 30px
}
.about-section .about-description p {
margin: 0 0 30px;
line-height: 28px;
line-height: 1.75rem
}
.about-section .about-description p.big {
font-size: 24px;
line-height: 36px;
font-size: 1.5rem;
line-height: 2.25rem;
margin-bottom: 24px
}
.about-section .about-description .link-view-all {
padding-right: 54px
}
section.application-steps .container {
padding-right: 20px;
padding-left: 20px;
}
section.article-body > .container {
padding-right: 20px;
padding-left: 20px;
}
section.article-body > .container > .inner > main.content {
padding-right: 90px
}
section.black-in-business-partnerships > .container {
padding-right: 20px;
padding-left: 20px;
}
section.blog-article-index.two-per-row .container {
padding-right: 20px;
padding-left: 20px;
}
section.blog-article-index.three-per-row .container {
padding-right: 20px;
padding-left: 20px;
}
section.case-study-archive > .container {
padding-right: 20px;
padding-left: 20px;
}
section.case-study-carousel > .container {
padding-right: 20px;
padding-left: 20px;
}
.coreinsights-section {
padding: 76px 0 110px
}
.coreinsights-section .container {
padding-right: 20px;
padding-left: 20px;
}
.coreinsights-section .programmes-items {
max-width: 100%;
flex: 0 0 100%
}
.coreinsights-section .programmes-caption {
max-width: 25%;
flex: 0 0 25%;
padding: 5px 75px 0 40px
}
.coreinsights-section .programmes-caption-title {
margin-bottom: 14px
}
.coreinsights-section .programmes-caption-description {
margin-bottom: 36px
}
section.cta-blocks.style--1 .container {
padding-right: 20px;
padding-left: 20px;
}
section.cta-blocks.style--2 .container {
padding-right: 20px;
padding-left: 20px;
}
section.cta-blocks .container {
padding-right: 20px;
padding-left: 20px;
}
section.cta-information-blocks-alumni .container {
padding-right: 20px;
padding-left: 20px;
}
section.cta-information-blocks .container {
padding-right: 20px;
padding-left: 20px;
}
section.cta-tiles-x3 > .container {
padding-right: 20px;
padding-left: 20px;
}
section.cta-tiles > .container {
padding-right: 20px;
padding-left: 20px;
}
section.events-index > .container {
padding-right: 20px;
padding-left: 20px;
}
section.events-index .columns {
margin-bottom: 50px
}
section.events-index .columns .single {
width: 33%
}
section.experiences-group > .container {
padding-right: 20px;
padding-left: 20px;
}
.expertise-section-executive .container {
padding-right: 20px;
padding-left: 20px;
}
.expertise-section-pathways .container {
padding-right: 20px;
padding-left: 20px;
}
.expertise-section .container {
padding-right: 20px;
padding-left: 20px;
}
section.four-block-cta .container {
padding-right: 20px;
padding-left: 20px;
}
section.hero-article .container {
padding-right: 20px;
padding-left: 20px;
}
section.home-hero .content {
padding-right: 20px;
padding-left: 20px;
}
section.home-hero .content {
padding: 0 34px
}
section.home-hero .logos {
height: 78px;
padding-right: calc(calc(100% - 1225px) / 2)
}
section.img-content-rows .container {
padding-right: 20px;
padding-left: 20px;
}
section.inspiring-women-promote-partnerships > .container {
padding-right: 20px;
padding-left: 20px;
}
section.leadership-programme-4-column {/**
* Tiles
*//**
* Tile
*//* Text area (hidden) */
}
section.leadership-programme-4-column .tiles {
flex-wrap: nowrap;
}
section.leadership-programme-4-column .tile {
flex-basis: 25%;
min-height: 645px;
width: 25%;
}
section.leadership-programme-4-column .textarea {
display: none;
}
section.ftmba-carousel .content {
padding-right: 20px;
padding-left: 20px;
}
section.news-events-showcase .container {
padding-right: 20px;
padding-left: 20px;
}
section.news-events-showcase .events-showcase {
padding-left: 75px
}
section.news-listing > .container {
padding-right: 20px;
padding-left: 20px;
}
section.news-listing main.listing .listing-head aside.showing {
display: inline-block;
}
section.news-montage > .container {
padding-right: 20px;
padding-left: 20px;
}
section.our-history .container {
padding-right: 20px;
padding-left: 20px;
}
section.our-history .time-aside {
left: 15px;
}
section.our-history .time-aside a.active:before {
display: block;
}
section.our-history .milestones .row.tall .image {
max-width: 350px;
}
section.our-history .milestones .row.tall .image figure {
width: 100%;
height: 490px;
max-width: 327px;
}
.our-ratings-section .container {
padding-right: 20px;
padding-left: 20px;
}
.our-ratings-section.style--1 .our-ratings-item {
max-width: 33%;
flex: 0 0 33%
}
.our-ratings-section .our-ratings-item {
max-width: 25%;
flex: 0 0 25%
}
.our-ratings-section .our-ratings-item:not(:last-of-type) {
border-right: 2px solid #DBDBDB;
}
.our-ratings-section .our-ratings-item .wrap .image span.figure {
right: 18px
}
section.photo-carousel-ftmba--large .photos .item {
min-height: 597px;
min-width: 1106px
}
section.photo-carousel .content {
padding-right: 20px;
padding-left: 20px;
}
section.photo-carousel--large .photos .item {
min-height: 597px;
min-width: 1106px
}
section.portrait-img-tiles {/**
* Tiles
*//**
* Tile
*//* Text area (hidden) */
}
section.portrait-img-tiles .tiles {
flex-wrap: nowrap;
}
section.portrait-img-tiles .tile {
flex-basis: 20%;
min-height: 645px;
width: 20%;
}
section.portrait-img-tiles .textarea {
display: none;
}
.programme-animate-section .content {
padding-right: 20px;
padding-left: 20px;
}
section.programme-body > .container {
padding-right: 20px;
padding-left: 20px;
}
section.programme-body > .container > .inner > main.content .link-view-all {
padding-right: 54px
}
section.programme-body > .container > .inner > main.content {
padding-right: 90px
}
section.programme-index > .container {
padding-right: 20px;
padding-left: 20px;
}
section.programmes-overview .container {
padding-right: 20px;
padding-left: 20px;
}
section.programmes-overview main.content .listing.listing--single ul.list {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 40px;
column-gap: 40px;
}
section.programmes-overview main.content .listing.listing--multiple {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
section.programmes-overview main.content .listing.listing--multiple .col {
display: inline-block;/* flex: 1 0 50%; */
margin-bottom: 35px;
flex: 1 1 auto;
}
.programmes-section {
padding: 46px 0 15px
}
.programmes-section .container {
padding-right: 20px;
padding-left: 20px;
}
.programmes-section .programmes-items {
max-width: 68.5%;
flex: 0 0 68.5%
}
.programmes-section .programmes-caption {
max-width: 31.5%;
flex: 0 0 31.5%;
padding: 5px 75px 0 40px
}
.programmes-section .programmes-caption-title {
margin-bottom: 14px
}
.programmes-section .programmes-caption-description {
margin-bottom: 36px
}
section.rankings-index > .container {
padding-right: 20px;
padding-left: 20px;
}
section.rankings-index .columns {
margin-bottom: 50px
}
section.rankings-index .columns .single {
width: 33%
}
section.related-events .container {
padding-right: 20px;
padding-left: 20px;
}
section.slider-carousel-info .container {
padding-right: 20px;
padding-left: 20px;
}
section.slider-carousel-info .container--slider {
padding-right: 20px;
padding-left: 20px;
}
section.slider-carousel-info .photos {
height: 550px
}
section.slider-carousel-info .photos .item {
min-height: 550px;
min-width: 1200px;
width: 1200px;
height: 550px;
}
section.slider-carousel-info .photos figure.image {
height: 550px;
}
section.slider-carousel .container {
padding-right: 20px;
padding-left: 20px;
}
section.social-connect .container {
padding-right: 20px;
padding-left: 20px;
}
section.staff-listing > .container {
padding-right: 20px;
padding-left: 20px;
}
section.staff-profile > .container {
padding-right: 20px;
padding-left: 20px;
}
section.staff-profile > .container > .inner > main.content {
padding-right: 90px
}
section.staff-profile > .container > .inner .profile-bio {/* Image *//* Content */
}
section.staff-profile > .container > .inner .profile-bio figure.image {
margin-right: 38px;
width: 277px;
height: 277px;
}
section.staff-profile > .container > .inner .profile-bio .content {
max-width: calc(100% - 277px - 38px);
}/* Contact */
section.staff-profile > .container > .inner .profile-bio .content .contact {
display: inline-block;
}
section.staff-profile > .container > .inner .profile-bio > .contact {
display: none;
}
section.standard-body > .container {
padding-right: 20px;
padding-left: 20px;
}
section.standard-body > .container > .inner > main.content {
padding-right: 90px
}
section.standard-hero.style--1 figure.image {
width: 100%
}
section.standard-hero.has--side-text figure.image .src {
right: auto;
width: calc(100% - 390px);
}
section.standard-hero aside.side-text {
align-items: center;
background-color: #0054A4;
background-image: linear-gradient(270deg, #258DC7 0%, #105496 100%);
display: flex;
justify-content: flex-start;
margin: 0;
max-width: 390px;
padding: 0;
top: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%
}
section.standard-hero aside.side-text .inner {
background: transparent;
padding: 60px 70px 60px 66px;
}
section.standard-hero aside.side-text .description {
max-width: 235px;
}
section.standard-hero aside.side-text a.button {
margin-top: 34px;
}
section.text-aside-expertise .container {
padding-right: 20px;
padding-left: 20px;
}
section.text-aside-media-pathways .container {
padding-right: 20px;
padding-left: 20px;
}
section.text-aside-media-pathways aside.content figure.image {
display: block;
}
section.text-aside-media-pathways.section-padding--03 {
padding-top: 340px !important
}
section.text-aside-media .container {
padding-right: 20px;
padding-left: 20px;
}
section.text-aside-media aside.content figure.image {
display: block;
}
section.text-aside-media.section-padding--03 {
padding-top: 340px !important
}
section.textarea-aside-stats .container {
padding-right: 20px;
padding-left: 20px;
}
section.textarea-aside-stats main > figure.image {
display: inline-block
}
section.textarea-aside-stats main > figure.image + .content {
display: inline-block;
max-width: calc(100% - 277px - 38px);
vertical-align: top;
}
section.textarea-aside-stats main > .content .bottom {
display: block;
margin-top: 0
}
section.textarea-aside-stats main > .content .bottom figure.image {
display: none
}
section.textarea-aside-stats main > .content .bottom .small-text {
display: block;
padding-left: 0;
padding-top: 34px
}
section.textarea-aside-stats main > .content .bottom .small-text .text {
max-width: 700px;
}
section.textarea-aside-stats article.stat .wrap .image span.figure {
right: 18px
}
section.textarea-aside .container {
padding-right: 20px;
padding-left: 20px;
}
section.textarea-aside main > figure.image {
display: inline-block
}
section.textarea-aside main > figure.image + .content {
display: inline-block;
max-width: calc(100% - 277px - 38px);
vertical-align: top;
}
section.textarea-aside main > .content .bottom {
display: block;
margin-top: 0
}
section.textarea-aside main > .content .bottom figure.image {
display: none
}
section.textarea-aside main > .content .bottom .small-text {
display: block;
padding-left: 0;
padding-top: 34px
}
section.textarea-aside main > .content .bottom .small-text .text {
max-width: 700px;
}
section.textarea-aside article.stat .wrap .image span.figure {
right: 18px
}
section.thumbnail-ctas .container {
padding-right: 20px;
padding-left: 20px;
}
section.thumbnail-ctas article.thumbnail {
height: 300px;
max-width: 590px;
min-width: 275px;
padding-bottom: 0/**
* Hover
*/
}/* Image */
section.thumbnail-ctas article.thumbnail:hover figure.image {
transform: scale(1.075);
}
section.thumbnail-ctas.in-sidebar article.thumbnail {
height: 180px;
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
}
div.ftmba-carousel section.tile-ctas-change-maker .container {
padding-right: 20px;
padding-left: 20px;
}
section.tile-ctas.style--1 article.tile {
flex-basis: calc(25% - 40px);
margin: 20px;
}
section.tile-ctas .container {
padding-right: 20px;
padding-left: 20px;
}
section.timeline-tabs nav.tabs {
display: block
}
section.timeline-tabs nav.tabs li {
display: inline-block;
}
section.timeline-tabs nav.tabs li a {
width: 100%;
padding: 0 30px;
display: inline-block;
background-color: transparent;
}
section.timeline-tabs .item::before, section.timeline-tabs .item::after {
display: none;
}
section.timeline-tabs .tabbed-content {
min-height: 0/* Item */
}
section.timeline-tabs .tabbed-content .item {
min-height: 0;
}
section.timeline-tabs .tabbed-content .item .item-content {
align-items: flex-start;
display: flex;
justify-content: flex-start;
}
section.timeline-tabs .tabbed-content .item .item-content > .inner {
padding: 40px 35px 55px;
}
section.toggle-information .container {
padding-right: 20px;
padding-left: 20px;
}
section.toggle-menus .container {
padding-right: 20px;
padding-left: 20px;
}
article.index-programme .title {
margin-bottom: 30px;
min-height: 52px
}
.ranking {
max-width: 25%;
flex: 0 0 25%
}
.ranking:not(:last-of-type) {
border-right: 2px solid #DBDBDB;
}
.ranking .wrap .image span.figure {
right: 18px
}
main.change-makers section.home-hero .content {
padding-right: 20px;
padding-left: 20px;
}
main.change-makers section.home-hero .content {
padding: 0 34px
}
main.change-makers section.home-hero .logos {
height: 78px;
padding-right: calc(calc(100% - 1225px) / 2)
}
section.meet-the-makers .content {
padding-right: 20px;
padding-left: 20px;
}
section.photo-carousel-cm--large .photos .item {
min-height: 597px;
min-width: 1106px
}
main.change-makers section.change-maker-tiles {/**
* Tiles
*//**
* Tile
*/
}
main.change-makers section.change-maker-tiles .tiles {
flex-wrap: nowrap;
}
main.change-makers section.change-maker-tiles .tile {
flex-basis: 25%;
min-height: 500px;
width: 25%;
}
main.change-makers section.text-aside-media .container {
padding-right: 20px;
padding-left: 20px;
}
main.change-makers section.text-aside-media aside.content figure.image {
display: block;
}
main.change-makers section.text-aside-media.section-padding--03 {
padding-top: 340px !important
}
main.change-makers section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
}
main.change-makers section.tile-ctas-change-maker .container {
padding-right: 20px;
padding-left: 20px;
}
main.exec-education-2025 section.home-hero .content {
padding-right: 20px;
padding-left: 20px;
}
main.exec-education-2025 section.home-hero .content {
padding: 0 34px
}
main.exec-education-2025 section.home-hero .logos {
height: 78px;
padding-right: calc(calc(100% - 1225px) / 2)
}
main.exec-education-2025 section.full-width-section .content {
padding-right: 20px;
padding-left: 20px;
}
main.exec-education-2025 section.change-maker-tiles {/**
* Tiles
*//**
* Tile
*/
}
main.exec-education-2025 section.change-maker-tiles .tiles {
flex-wrap: nowrap;
}
main.exec-education-2025 section.change-maker-tiles .tile {
flex-basis: 25%;
min-height: 500px;
width: 25%;
}
main.exec-education-2025 section.text-aside-media .container {
padding-right: 20px;
padding-left: 20px;
}
main.exec-education-2025 section.text-aside-media aside.content figure.image {
display: block;
}
main.exec-education-2025 section.text-aside-media.section-padding--03 {
padding-top: 340px !important
}
main.exec-education-2025 section.tile-ctas-change-maker .container {
padding-right: 20px;
padding-left: 20px;
}
section.meet-the-makers_oc .content {
padding-right: 20px;
padding-left: 20px;
}
main.oc section.tile-ctas-change-maker.style--1 article.tile {
margin-right: 10px;
}
main.oc section.tile-ctas-change-maker .container {
padding-right: 20px;
padding-left: 20px;
}
article.index-programme .title {
min-height: 22px
}
section.thumb-testimonial-index.three-per-row .container {
padding-right: 20px;
padding-left: 20px;
}
section.core-montage > .container {
padding-right: 20px;
padding-left: 20px;
}
section.subscribe-section .container {
padding-right: 20px;
padding-left: 20px;
}
main.china-campaign .about-section .about-blockquote-cite {
font-size: 1.2em!important;
line-height: 1.5em
}
main.china-campaign .big {
font-size: 24px;
line-height: 36px;
font-size: 1.5rem;
line-height: 2.25rem;
margin-bottom: 24px
}
section.grey-cta-china .content {
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 1025px) and (min-width: 1231px) {
nav.section-menu .container {
padding-right: 20px;
padding-left: 20px;
}
nav.section-menu .hover .container {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 1280px) {
nav.programme-pagination .link span.title {
font-size: 22px;
font-size: 1.375rem;
}
.about-section .about-description p.x-big {
font-size: 26px;
font-size: 1.625rem;
}
section.application-steps.style--1 header h5.title {
font-size: 42px;
font-size: 2.625rem;
}
section.black-in-business-partnerships main.listing article .meta span.job {
font-size: 14px;
font-size: 0.875rem;
}
section.blog-article-index header > .title:not(.size-custom) {
font-size: 32px;
font-size: 2rem;
}
section.blog-article-index header > .title.size-custom--01 {
font-size: 26px;
font-size: 1.625rem;
}
section.blog-article-index header > .title.size-custom--02 {
font-size: 32px;
font-size: 2rem;
}
section.blog-article-index .container .content h3 {
font-size: 26px;
font-size: 1.625rem;
}
section.case-study-archive h1.title {
font-size: 32px;
font-size: 2rem;
}
section.case-study-carousel--style-1 header .title {
font-size: 42px;
font-size: 2.625rem;
}
section.case-study-carousel--style-1 main li blockquote {
font-size: 26px;
font-size: 1.625rem;
}
section.case-study-carousel--style-2 header .title {
font-size: 42px;
font-size: 2.625rem;
}
section.case-study-carousel--style-2 main li blockquote {
font-size: 22px;
font-size: 1.375rem;
}
section.contained-textarea h2 {
font-size: 32px;
font-size: 2rem;
}
section.contained-textarea h2.alt--01 {
font-size: 32px;
font-size: 2rem;
}
section.contained-textarea blockquote {
font-size: 26px;
font-size: 1.625rem;
}
section.cta-information-blocks-alumni .blocks .large h3 {
font-size: 42px;
font-size: 2.625rem;
}
section.cta-information-blocks-alumni .blocks .small h3 {
font-size: 26px;
font-size: 1.625rem;
}
section.cta-information-blocks .blocks .large h3 {
font-size: 42px;
font-size: 2.625rem;
}
section.cta-information-blocks .blocks .small h3 {
font-size: 26px;
font-size: 1.625rem;
}
section.events-index main.listing .heading {
font-size: 26px;
font-size: 1.625rem;
}
section.extendable-references .heading {
font-size: 33px;
font-size: 2.0625rem;
}
section.extendable-references li .title {
font-size: 20px;
font-size: 1.25rem;
}
section.extendable-references li .description {
font-size: 14px;
font-size: 0.875rem;
}
section.extendable-references li .toggle .toggle-content {
font-size: 14px;
font-size: 0.875rem;
}
section.featured-img-aside-text .heading {
font-size: 26px;
font-size: 1.625rem;
}
section.financial-tabs .tabbed-content .textarea h2 {
font-size: 32px;
font-size: 2rem;
}
section.financial-tabs .tabbed-content .textarea h2.alt--01 {
font-size: 32px;
font-size: 2rem;
}
section.financial-tabs .tabbed-content .textarea blockquote {
font-size: 26px;
font-size: 1.625rem;
}
section.four-block-cta .information h2 {
font-size: 42px;
font-size: 2.625rem;
}
section.four-block-cta .block .description {
font-size: 15px;
font-size: 0.9375rem;
}
section.heading h1 {
font-size: 42px;
font-size: 2.625rem;
}
section.hero-article .title h1 {
font-size: 42px;
font-size: 2.625rem;
}
section.hero-article .meta .value {
font-size: 14px;
font-size: 0.875rem;
}
section.hero-inline-form .inline-form .input {
font-size: 54px;
font-size: 3.375rem;
}
section.img-content-rows .information h2 {
font-size: 42px;
font-size: 2.625rem;
}
section.img-content-rows .information p {
font-size: 16px;
font-size: 1rem;
}
section.img-content-rows .row .content h3 {
font-size: 26px;
font-size: 1.625rem;
}
section.inspiring-women-promote-partnerships main.listing article .meta span.job {
font-size: 14px;
font-size: 0.875rem;
}
section.ftmba-carousel .content .title.black {
font-size: 32px;
font-size: 2rem;
}
section.news-montage .section-heading h1 {
font-size: 42px;
font-size: 2.625rem;
}
section.news-montage aside.large-tile article .text > a.title {
font-size: 20px;
font-size: 1.25rem;
}
@media (min-width: 1025px) {
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text > a.title {
font-size: 14px;
font-size: 0.875rem;
}
}
section.our-history .heading .overlay {
font-size: 127px;
font-size: 7.9375rem;
}
section.our-history .milestones .row .statistics .number {
font-size: 52px;
font-size: 3.25rem;
}
section.our-history .milestones .row .year .box h3 {
font-size: 88px;
font-size: 5.5rem;
}
.our-ratings-section.style--1 .section-title {
font-size: 32px;
font-size: 2rem;
}
section.photo-carousel .content .title.black {
font-size: 32px;
font-size: 2rem;
}
section.programme-index main.listing .group > .group-title {
font-size: 32px;
font-size: 2rem;
}
section.programmes-overview main.content > .title {
font-size: 26px;
font-size: 1.625rem;
}
section.programmes-overview main.content .listing.listing--multiple .col > span.title {
font-size: 22px;
font-size: 1.375rem;
}
section.quick-links a.has-description .description {
font-size: 14px;
font-size: 0.875rem;
}
section.rankings-index main.listing .heading {
font-size: 26px;
font-size: 1.625rem;
}
section.slider-carousel-info .heading h2 {
font-size: 42px;
font-size: 2.625rem;
}
section.slider-carousel-info .information .heading {
font-size: 42px;
font-size: 2.625rem;
}
section.slider-carousel .heading h2 {
font-size: 42px;
font-size: 2.625rem;
}
section.social-connect.style--1 .link-tile h2 {
font-size: 56px;
font-size: 3.5rem;
}
section.staff-listing main.listing article .meta span.job {
font-size: 14px;
font-size: 0.875rem;
}
section.staff-profile > .container > .inner .profile-bio .content .title {
font-size: 33px;
font-size: 2.0625rem;
}
section.standard-hero header.title .text h1:not(.course-title) {
font-size: 42px;
font-size: 2.625rem;
}
section.standard-hero aside.side-text .title {
font-size: 26px;
font-size: 1.625rem;
}
section.testimonial-tabs header .title {
font-size: 32px;
font-size: 2rem;
}
section.text-aside-expertise aside.content .title.style--1 {
font-size: 32px;
font-size: 2rem;
}
section.text-aside-expertise aside.content .sub {
font-size: 20px;
font-size: 1.25rem;
}
section.text-aside-media-pathways h2.heading {
font-size: 42px;
font-size: 2.625rem;
}
section.text-aside-media-pathways .heading.stlye--1 {
font-size: 56px;
font-size: 3.5rem;
}
section.text-aside-media-pathways aside.content .title.style--1 {
font-size: 32px;
font-size: 2rem;
}
section.text-aside-media-pathways aside.content .title.style--3 {
font-size: 22px;
font-size: 1.375rem;
}
section.text-aside-media-pathways aside.content .title.style--4 {
font-size: 42px;
font-size: 2.625rem;
}
section.text-aside-media-pathways aside.content .sub {
font-size: 20px;
font-size: 1.25rem;
}
section.text-aside-media-pathways aside.content .large-numbered .number {
font-size: 58px;
font-size: 3.625rem;
}
section.text-aside-media h2.heading {
font-size: 42px;
font-size: 2.625rem;
}
section.text-aside-media .heading.stlye--1 {
font-size: 56px;
font-size: 3.5rem;
}
section.text-aside-media aside.content .title.style--1 {
font-size: 32px;
font-size: 2rem;
}
section.text-aside-media aside.content .title.style--3 {
font-size: 22px;
font-size: 1.375rem;
}
section.text-aside-media aside.content .title.style--4 {
font-size: 42px;
font-size: 2.625rem;
}
section.text-aside-media aside.content .sub {
font-size: 20px;
font-size: 1.25rem;
}
section.text-aside-media aside.content .large-numbered .number {
font-size: 58px;
font-size: 3.625rem;
}
section.textarea-aside-stats main > .content > .title {
font-size: 26px;
font-size: 1.625rem;
}
section.textarea-aside main > .content > .title {
font-size: 26px;
font-size: 1.625rem;
}
section.textarea h2 {
font-size: 32px;
font-size: 2rem;
}
section.textarea h2.alt--01 {
font-size: 32px;
font-size: 2rem;
}
section.textarea blockquote {
font-size: 26px;
font-size: 1.625rem;
}
div.ftmba-carousel section.tile-ctas-change-maker header .title {
font-size: 22px;
font-size: 1.375rem;
}
section.tile-ctas header .title {
font-size: 22px;
font-size: 1.375rem;
}
section.timeline article.stamp main.content .title {
font-size: 22px;
font-size: 1.375rem;
}
section.timeline notimeline.content .title {
font-size: 22px;
font-size: 1.375rem;
}
section.toggle-information .overlay {
font-size: 127px;
font-size: 7.9375rem;
}
section.toggle-information h2 {
font-size: 32px;
font-size: 2rem;
}
section.toggle-menus h2 {
font-size: 42px;
font-size: 2.625rem;
}
section.toggle-menus .toggle .header .title {
font-size: 18px;
font-size: 1.125rem;
}
article.cta-tile-x3 .text .description {
font-size: 16px;
font-size: 1rem;
}
article.cta-tile .text .description {
font-size: 16px;
font-size: 1rem;
}
aside.map-location .permalink a.has-description .description {
font-size: 14px;
font-size: 0.875rem;
}
div.accordion-component h2.title {
font-size: 26px;
font-size: 1.625rem;
}
div.modal-event header h2 {
font-size: 26px;
font-size: 1.625rem;
}
div.modal-event .content .box h3 {
font-size: 22px;
font-size: 1.375rem;
}
.modal .textarea h2 {
font-size: 32px;
font-size: 2rem;
}
.modal .textarea h2.alt--01 {
font-size: 32px;
font-size: 2rem;
}
.modal .textarea blockquote {
font-size: 26px;
font-size: 1.625rem;
}
main.change-makers section.article-body section.textarea blockquote {
font-size: 44px;
}
section.meet-the-makers .content .title.black {
font-size: 32px;
font-size: 2rem;
}
main.change-makers section.text-aside-media h2.heading {
font-size: 42px;
font-size: 2.625rem;
}
main.change-makers section.text-aside-media .heading.stlye--1 {
font-size: 56px;
font-size: 3.5rem;
}
main.change-makers section.text-aside-media aside.content .title.style--1 {
font-size: 32px;
font-size: 2rem;
}
main.change-makers section.text-aside-media aside.content .title.style--3 {
font-size: 22px;
font-size: 1.375rem;
}
main.change-makers section.text-aside-media aside.content .title.style--4 {
font-size: 42px;
font-size: 2.625rem;
}
main.change-makers section.text-aside-media aside.content .title.style--5 {
font-size: 28px;
font-size: 1.75rem;
}
main.change-makers section.text-aside-media aside.content .sub {
font-size: 20px;
font-size: 1.25rem;
}
main.change-makers section.text-aside-media aside.content .large-numbered .number {
font-size: 58px;
font-size: 3.625rem;
}
main.change-makers section.tile-ctas-change-maker header .title {
font-size: 22px;
font-size: 1.375rem;
}
main.exec-education-2025 section.text-aside-media h2.heading {
font-size: 42px;
font-size: 2.625rem;
}
main.exec-education-2025 section.text-aside-media .heading.stlye--1 {
font-size: 56px;
font-size: 3.5rem;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--1 {
font-size: 32px;
font-size: 2rem;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--3 {
font-size: 22px;
font-size: 1.375rem;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--4 {
font-size: 42px;
font-size: 2.625rem;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--5 {
font-size: 28px;
font-size: 1.75rem;
}
main.exec-education-2025 section.text-aside-media aside.content .sub {
font-size: 20px;
font-size: 1.25rem;
}
main.exec-education-2025 section.text-aside-media aside.content .large-numbered .number {
font-size: 58px;
font-size: 3.625rem;
}
main.exec-education-2025 section.tile-ctas-change-maker header .title {
font-size: 22px;
font-size: 1.375rem;
}
section.meet-the-makers_oc .content .title.black {
font-size: 32px;
font-size: 2rem;
}
main.oc section.tile-ctas-change-maker header .title {
font-size: 22px;
font-size: 1.375rem;
}
main.listing .group > .group-title-small a {
font-size: 32px;
font-size: 2rem;
}
div.wbs-eventdiary-viewevent h1 {
font-size: 32px;
font-size: 2rem;
}
div.wbs-body .wbs-pagetitle {
font-size: 32px;
}
section.core-montage .section-heading h1 {
font-size: 42px;
font-size: 2.625rem;
}
section.core-montage aside.large-tile article .text > a.title {
font-size: 20px;
font-size: 1.25rem;
}
@media (min-width: 1025px) {
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text > a.title {
font-size: 14px;
font-size: 0.875rem;
}
}
section.grey-cta-china .content .title.black {
font-size: 32px;
font-size: 2rem;
}
}
@media only screen and (min-width: 1360px) {
header.primary .search-wrap {
max-width: 1096px;
right: calc(calc(100% - 1341px) / 2)
}
}
@media only screen and (min-width: 1380px) {
section.text-aside-img-carousel .content {
display: inline-block;
margin-bottom: 0;
padding: 110px 115px 100px calc(50% - 610px);
vertical-align: top;
width: calc(50% - 150px)
}
section.text-aside-img-carousel .content .content-inner {
max-width: 350px;
}
section.text-aside-img-carousel .photos {
display: inline-block;
vertical-align: top;
width: calc(50% + 150px)
}
section.text-aside-img-carousel .photos .slick-list {
margin-right: -6px;
margin-left: -6px;
}
section.text-aside-img-carousel .photos .slick-slide {
margin-right: 6px;
margin-left: 6px;
}
section.text-aside-img-carousel .photos .item {
min-height: 485px;
min-width: 485px;
width: 485px;
height: 485px;
}
section.text-aside-img-carousel .photos figure.image {
width: 415px;
height: 415px;
}
section.text-aside-img-carousel .photos ul.slick-dots {
margin-right: 0;
margin-left: -6px;
text-align: left;
}
section.text-aside-img-carousel.padding--01 {
padding: 290px 0 70px
}
main.exec-education-2025 section.text-aside-img-carousel .content {
display: inline-block;
margin-bottom: 0;
padding: 110px 115px 100px calc(50% - 610px);
vertical-align: top;
width: calc(50% - 150px)
}
main.exec-education-2025 section.text-aside-img-carousel .content .content-inner {
max-width: 350px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos {
display: inline-block;
vertical-align: top;
width: calc(50% + 150px)
}
main.exec-education-2025 section.text-aside-img-carousel .photos .slick-list {
margin-right: -6px;
margin-left: -6px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos .slick-slide {
margin-right: 6px;
margin-left: 6px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos .item {
min-height: 485px;
min-width: 485px;
width: 485px;
height: 485px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos figure.image {
width: 415px;
height: 415px;
}
main.exec-education-2025 section.text-aside-img-carousel .photos ul.slick-dots {
margin-right: 0;
margin-left: -6px;
text-align: left;
}
main.exec-education-2025 section.text-aside-img-carousel.padding--01 {
padding: 140px 0 70px
}
}
@media only screen and (min-width: 1400px) and (max-width: 1440px) {
body > main.base section.standard-hero {
padding-left: 45px;
}
}
@media (min-width: 1401px) {
.about-section .about-description {
margin-bottom: 0;
max-width: 58%;
flex: 0 0 58%
}
section.black-in-business-partnerships main.listing {/* Article */
}
section.black-in-business-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/4 - (30px - 30px * 1/4));
max-width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
section.black-in-business-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.black-in-business-partnerships main.listing article:last-child {
margin-right: 0;
}
section.black-in-business-partnerships main.listing article:nth-child(4n) {
margin-right: 0;
margin-left: auto;
}/* Name */
section.black-in-business-partnerships main.listing article .meta span.name {
min-height: 40px;
}
section.financial-tabs nav.tabs {
display: block
}
section.financial-tabs nav.tabs li {
display: inline-block;
}
section.financial-tabs nav.tabs li a {
padding: 0 30px;
display: inline-block;
}
section.financial-tabs .item::before, section.financial-tabs .item::after {
display: none;
}
section.financial-tabs .tabbed-content {
min-height: 0/* Item */
}
section.financial-tabs .tabbed-content .item {
min-height: 0;
}
section.financial-tabs .tabbed-content .item .item-content {
align-items: flex-start;
display: flex;
justify-content: flex-start;
}
section.financial-tabs .tabbed-content .item .item-content > .inner {
padding: 40px 40px 45px;
}
section.inspiring-women-promote-partnerships main.listing {/* Article */
}
section.inspiring-women-promote-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/5 - (30px - 30px * 1/5));
max-width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.inspiring-women-promote-partnerships main.listing article:last-child {
margin-right: 0;
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(5n) {
margin-right: 0;
margin-left: auto;
}/* Name */
section.inspiring-women-promote-partnerships main.listing article .meta span.name {
min-height: 40px;
}
section.news-events-showcase .news-showcase-item {
display: inline-block;
flex-basis: calc(50% - 20px);
max-width: calc(50% - 20px)
}
section.slider-carousel-info .photos {
height: 704px
}
section.slider-carousel-info .photos .item {
min-height: 704px;
min-width: 1252px;
width: 1252px;
height: 704px;
}
section.slider-carousel-info .photos figure.image {
height: 704px;
}
section.staff-listing main.listing {/* Article */
}
section.staff-listing main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/4 - (30px - 30px * 1/4));
max-width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
section.staff-listing main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.staff-listing main.listing article:last-child {
margin-right: 0;
}
section.staff-listing main.listing article:nth-child(4n) {
margin-right: 0;
margin-left: auto;
}/* Name */
section.staff-listing main.listing article .meta span.name {
min-height: 40px;
}
section.standard-hero.style--1 header.title {
padding: 0
}
section.standard-hero.style--1 figure.image {
margin-left: 298px
}
section.textarea-aside-stats main {
padding-right: 0
}
section.textarea-aside main {
padding-right: 0
}
div.ftmba-carousel section.tile-ctas-change-maker article.tile .text .title {
min-height: 65px
}
section.tile-ctas article.tile .text .title {
min-height: 65px
}
main.change-makers section.home-hero {
height: 697px
}
main.change-makers section.tile-ctas-change-maker article.tile .text .title {
min-height: 65px
}
main.exec-education-2025 section.home-hero {
height: 697px
}
main.oc section.tile-ctas-change-maker article.tile .text .title {
min-height: 65px
}
section.programme-body section.tile-ctas article.tile .text .title, section.standard-body section.tile-ctas article.tile .text .title {
min-height: 0px;
}
section.financial-tabs nav.tabs li a {
width: 100%;
background-color: transparent;
}
section.hero-inline-form {
padding-left: calc(50% - 605px)
}
section.staff-listing main.listing article .meta span.name {
min-height: 0px;
}
section.standard-hero figure.image .aligntop {
background-position: top center
}
}
@media only screen and (min-width: 1438px) {
.programme-animate-section .cityscape {
padding-bottom: 60%;
width: 100%;
height: 0
}
}
@media (min-width: 1441px) {
section.home-hero .content {
max-width: none;
padding: 0 0 0 165px
}
section.standard-hero.style--1 figure.image {
width: 75%
}
section.standard-hero header.title {
padding-left: 165px
}
.social-networks-fixed {
display: block;
left: 45px;
width: auto
}
main.change-makers section.home-hero .content {
max-width: none;
padding: 0 0 0 165px
}
main.exec-education-2025 section.home-hero .content {
max-width: none;
padding: 0 0 0 165px
}
section.subscribe-section .subscribe-image {
max-width: 740px;
flex-basis: 740px
}
section.subscribe-section .subscribe-caption {
flex-basis: calc(100% - 740px);
max-width: calc(100% - 740px);
padding: 75px 77px 70px 56px
}
}
@media only screen and (min-width: 1725px) {
section.home-hero figure.media {
max-width: calc(50% + 450px - 165px) !important
}
main.change-makers section.home-hero figure.media {
max-width: calc(50% + 450px - 165px) !important
}
main.exec-education-2025 section.home-hero figure.media {
max-width: calc(50% + 450px - 165px) !important
}
}
@media (min-width: 1741px) {
.programme-animate-section .content {
padding-bottom: 435px
}
}
@media (min-width: 2041px) {
.programme-animate-section .content {
padding-bottom: 530px
}
}
@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}
@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@media (max-width: 1024px) {
.hidden-md { display: none; }
.visible-md { display: block; }
nav.programme-pagination .link + .link {
position: static
}
nav.programme-pagination .link + .link::before {
background: rgba(#979797, .32);
content: "";
margin: auto;
top: 0;
right: 50%;
bottom: 0;
position: absolute;
width: 1px;
height: 64px;
}
nav.programme-pagination.prev-only .container > .inner {
justify-content: flex-end;
}
nav.programme-pagination.prev-only .link {
max-width: calc(50% - 20px);
text-align: right;
}
nav.programme-pagination.prev-only .link::before {
background: rgba(#979797, .32);
content: "";
margin: auto;
top: 0;
right: 50%;
bottom: 0;
position: absolute;
width: 1px;
height: 64px;
}
nav.section-menu ul li:not(:last-of-type) {
border-bottom: 1px solid #DBDBDB;
}
nav.section-menu ul li:last-of-type {
padding-bottom: 12px;
}
nav.section-menu ul li:last-of-type::after {
bottom: auto;
top: 20px;
}
nav.section-menu.hide--mobile {
display: none;
}
nav.sticky-cta-pathways {/* Buttons *//* Button */
}
nav.sticky-cta-pathways ul.buttons {
align-items: stretch;
display: flex;
justify-content: space-between;
min-height: 62px;
}
nav.sticky-cta-pathways li.button {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
nav.sticky-cta-pathways li.button:not(:first-of-type) {
border-left: 1px solid #fff;
}
nav.sticky-cta-pathways li.button a {
align-items: flex-end;
color: #494949;
display: flex;
font-family: 'Montserrat', sans-serif;
font-size: 8px;
line-height: 1em;
font-size: 0.5rem;
line-height: 1em;
font-weight: 700;
justify-content: center;
letter-spacing: -.01px;
letter-spacing: -0.00063rem;
padding: 0 10px 12px;
text-transform: uppercase;
}
nav.sticky-cta-pathways li.button a.enquiry {
background: transparent url('/wbs2020/media/dist/img/sticky-cta--enquiry.svg') no-repeat center top 10px / 16px 20px;
}
nav.sticky-cta-pathways li.button a.download-brochure {
background: transparent url('/wbs2020/media/dist/img/sticky-cta--download.svg') no-repeat center top 10px / 18px 20px;
}
nav.sticky-cta-pathways li.button a.apply {
background: transparent url('/wbs2020/media/dist/img/sticky-cta--apply.svg') no-repeat center top 10px / 21px;
}
nav.sticky-cta {/* Buttons *//* Button */
}
nav.sticky-cta ul.buttons {
align-items: stretch;
display: flex;
justify-content: space-between;
min-height: 62px;
}
nav.sticky-cta li.button {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
nav.sticky-cta li.button:not(:first-of-type) {
border-left: 1px solid #fff;
}
nav.sticky-cta li.button a {
align-items: flex-end;
color: #494949;
display: flex;
font-family: 'Montserrat', sans-serif;
font-size: 8px;
line-height: 1em;
font-size: 0.5rem;
line-height: 1em;
font-weight: 700;
justify-content: center;
letter-spacing: -.01px;
letter-spacing: -0.00063rem;
padding: 0 10px 12px;
text-transform: uppercase;
}
nav.sticky-cta li.button a.enquiry {
background: transparent url('/wbs2020/media/dist/img/sticky-cta--enquiry.svg') no-repeat center top 10px / 16px 20px;
}
nav.sticky-cta li.button a.download-brochure {
background: transparent url('/wbs2020/media/dist/img/sticky-cta--download.svg') no-repeat center top 10px / 18px 20px;
}
nav.sticky-cta li.button a.apply {
background: transparent url('/wbs2020/media/dist/img/sticky-cta--apply.svg') no-repeat center top 10px / 21px;
}
section.article-body > .container > .inner > aside.sidebar.hide-mobile {
display: none;
}
section.case-study-carousel main li aside.content {
padding: 30px 0
}
section.case-study-carousel main .slick-list {
margin: 0 -15px;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
section.case-study-carousel main .slick-slide {
margin: 0 15px;
}
section.case-study-carousel main aside.image .src {
transition: all .3s ease-in-out;
}
section.case-study-carousel main .slick-center aside.image .src {
transform: scale(1.08);
}
section.case-study-carousel main ul.slick-dots {
display: block;
margin-top: 26px;
text-align: center
}
section.case-study-carousel main ul.slick-dots li {
display: inline-block;
margin: 0;
}
section.case-study-carousel main ul.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
outline: none;
overflow: hidden;
position: relative;
width: 24px;
height: 24px;
text-indent: -999px;
}
section.case-study-carousel main ul.slick-dots li button::after {
background: rgba(53, 64, 69, .6) !important;
border-radius: 100%;
content: "";
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 7px;
height: 7px;
transition: all .2s ease-in-out;
opacity: 1 !important;
visibility: visible !important;
}
/* Active */
section.case-study-carousel main ul.slick-dots li.slick-active button::after {
background-color: #354045 !important;
width: 8px;
height: 8px;
}
section.events-index.padding--01 {
margin-top: 20px;
padding-top: 0
}
.expertise-section-executive .expertise-caption-items {
display: flex;
flex-wrap: wrap;
padding-bottom: 13px
}
.expertise-section-executive .expertise-caption-items li {
max-width: 50%;
flex: 0 0 50%
}
.expertise-section-pathways .expertise-caption-items {
display: flex;
flex-wrap: wrap;
padding-bottom: 13px
}
.expertise-section-pathways .expertise-caption-items li {
max-width: 50%;
flex: 0 0 50%
}
.expertise-section-pathways .expertise-award-items {
display: flex;
flex-wrap: wrap;
padding-bottom: 13px
}
.expertise-section-pathways .expertise-award-items li {
max-width: 50%;
flex: 0 0 50%
}
.expertise-section .expertise-caption-items {
display: flex;
flex-wrap: wrap;
padding-bottom: 13px
}
.expertise-section .expertise-caption-items li {
max-width: 50%;
flex: 0 0 50%
}
section.news-events-showcase {
padding: 50px 0;
margin-bottom: 0
}
section.news-events-showcase .events-showcase-loop {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.news-events-showcase .events-showcase-item .showcase-item-title {
max-width: 100%
}
section.programme-body > .container > .inner > aside.sidebar.hide-mobile {
display: none;
}
section.programme-table-steps.hide-mobile {
display: none;
}
section.rankings-index.padding--01 {
margin-top: 20px;
padding-top: 0
}
section.staff-profile > .container > .inner > aside.sidebar.hide-mobile {
display: none;
}
section.standard-body > .container > .inner > aside.sidebar.hide-mobile {
display: none;
}
section.standard-hero.mobile--blue-title header.title .text h1 {
color: #125496
}
div.ftmba-carousel section.tile-ctas-change-maker.style--1 article.tile {
margin-top: 0px !important;
}
.exec-education-2025 .cta-tiles main.list.three-column-grid article.cta-tile {
flex: 0 0 calc(50% - 40px);
}
main.oc section.tile-ctas-change-maker.style--1 article.tile {
margin-top: 0px!important;
}
}
@media (max-width: 959px) {
section.case-study-index article.case-study:not(:last-of-type) {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding-bottom: 30px;
}
section.contained-textarea .data-table .row {/**
* Column*/
}
section.contained-textarea .data-table .row .column:nth-of-type(1) h5 {
background: rgba(53,64,69, .06);
padding: 8px 14px 6px;
}
section.financial-tabs .tabbed-content .textarea .data-table .row {/**
* Column*/
}
section.financial-tabs .tabbed-content .textarea .data-table .row .column:nth-of-type(1) h5 {
background: rgba(53,64,69, .06);
padding: 8px 14px 6px;
}
section.icon-stats-full-width .container {
flex-direction: column;
gap: 10px
}
section.icon-stats-full-width article.stat {
width: 100%;
min-height: 140px
}
section.icon-stats-full-width article.stat i.icon img {
width: 80px;
height: 80px
}
section.icon-stats-full-width article.stat .text .figure {
font-size: 2rem
}
section.our-history .padding--b-30 {
padding-bottom: 30px
}
section.our-history .padding--b-45 {
padding-bottom: 45px
}
section.our-history .padding--b-95 {
padding-bottom: 95px
}
section.our-history .padding--b-70 {
padding-bottom: 70px
}
section.text-aside-expertise .row {
flex-direction: column
}
section.text-aside-media-pathways {
display: block
}
section.text-aside-media-pathways .row {
flex-direction: column
}
section.text-aside-media-pathways .row.mobile-reverse-col {
flex-direction: column-reverse
}
section.text-aside-media-pathways.first--media aside.content {
order: 1;
padding-top: 95px;
}
section.text-aside-media-pathways.first--content aside.content {
order: 0;
padding-bottom: 95px;
}
section.text-aside-media-pathways.first--mobile--media aside.content {
order: 1;
padding-top: 30px;
}
section.text-aside-media-pathways.first--mobile--media aside.media {
order: 0;
}
section.text-aside-media-pathways.first--mobile--content aside.content {
order: 0;
padding-bottom: 30px;
}
section.text-aside-media-pathways.first--mobile--content aside.media {
order: 1;
}
section.text-aside-media .row {
flex-direction: column
}
section.text-aside-media .row.mobile-reverse-col {
flex-direction: column-reverse
}
section.text-aside-media.first--media aside.content {
order: 1;
padding-top: 95px;
}
section.text-aside-media.first--content aside.content {
order: 0;
padding-bottom: 95px;
}
section.text-aside-media.first--mobile--media aside.content {
order: 1;
padding-top: 30px;
}
section.text-aside-media.first--mobile--media aside.media {
order: 0;
}
section.text-aside-media.first--mobile--content aside.content {
order: 0;
padding-bottom: 30px;
}
section.text-aside-media.first--mobile--content aside.media {
order: 1;
}
section.textarea .data-table .row {/**
* Column*/
}
section.textarea .data-table .row .column:nth-of-type(1) h5 {
background: rgba(53,64,69, .06);
padding: 8px 14px 6px;
}
aside.indepenent-content-sidebar .sidebar-block.hide--mobile {
display: none;
}
main.change-makers .large-bg-text-cm {
font-size: 1.4rem
}
main.change-makers section.hero-article .bottom-area {
padding-top: 0px;
border-top: 0px
}
main.change-makers section.hero-image {
margin-bottom: -10px
}
main.change-makers section.text-aside-media .row {
flex-direction: column
}
main.change-makers section.text-aside-media .row.mobile-reverse-col {
flex-direction: column-reverse
}
main.change-makers section.text-aside-media.first--media aside.content {
order: 1;
padding-top: 25px;
}
main.change-makers section.text-aside-media.first--content aside.content {
order: 0;
padding-bottom: 95px;
}
main.change-makers section.text-aside-media.first--mobile--media aside.content {
order: 1;
padding-top: 30px;
}
main.change-makers section.text-aside-media.first--mobile--media aside.media {
order: 0;
}
main.change-makers section.text-aside-media.first--mobile--content aside.content {
order: 0;
padding-bottom: 30px;
}
main.change-makers section.text-aside-media.first--mobile--content aside.media {
order: 1;
}
main.exec-education-2025 .large-bg-text-cm {
font-size: 1.4rem
}
main.exec-education-2025 section.hero-article .bottom-area {
padding-top: 0;
border-top: 0
}
main.exec-education-2025 section.hero-image {
margin-bottom: -10px
}
main.exec-education-2025 section.text-aside-media .row {
flex-direction: column
}
main.exec-education-2025 section.text-aside-media .row.mobile-reverse-col {
flex-direction: column-reverse
}
main.exec-education-2025 section.text-aside-media.first--media aside.content {
order: 1;
padding-top: 25px;
}
main.exec-education-2025 section.text-aside-media.first--content aside.content {
order: 0;
padding-bottom: 95px;
}
main.exec-education-2025 section.text-aside-media.first--mobile--media aside.content {
order: 1;
padding-top: 30px;
}
main.exec-education-2025 section.text-aside-media.first--mobile--media aside.media {
order: 0;
}
main.exec-education-2025 section.text-aside-media.first--mobile--content aside.content {
order: 0;
padding-bottom: 30px;
}
main.exec-education-2025 section.text-aside-media.first--mobile--content aside.media {
order: 1;
}
main.oc .large-bg-text-cm {
font-size: 1.4rem
}
section.core-insights-subscribe {
height: 700px
}
section.text-aside-media.content-width--01 aside.content .content-inner,
section.text-aside-media aside.content .content-inner.width--03 {
max-width: 100%
}
}
@media (max-width: 699px) {
footer.primary a.back-to-top-btn {
width: 100%;
top: auto;
right: auto;
bottom: auto;
left: auto;
position: relative
}
section.home-hero figure.media video {
display: none
}
section.ftmba-carousel {
padding-bottom: 0px
}
main.change-makers .programmes-module {
flex-direction: column-reverse
}
main.change-makers section.home-hero figure.media video {
display: none
}
section.meet-the-makers {
padding-bottom: 0px
}
main.exec-education-2025 .programmes-module {
flex-direction: column-reverse
}
main.exec-education-2025 section.home-hero figure.media video {
display: none
}
main.oc .programmes-module {
flex-direction: column-reverse
}
section.meet-the-makers_oc {
padding-bottom: 0px
}
div.fancybox-content iframe {
width: 360px;
height: 270px;
}
section.team-index div.press aside.photo {
width: 100%;
}
section.team-index div.press aside.mobile-meta {
max-width: 100%;
padding-left: 0px;
}
section.grey-cta-china {
padding-bottom: 0px
}
}
@media (max-width: 479px) {
footer.primary .footer-toolbar {
flex-wrap: wrap
}
.expertise-section-executive aside.expertise-caption .section-subtitle {
margin-bottom: 25px
}
.expertise-section-executive .expertise-caption-items {
padding-bottom: 20px
}
.expertise-section-executive .expertise-caption-items li {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 12px
}
.expertise-section-executive .expertise-footer {
margin-top: 15px;
padding-top: 17px
}
.expertise-section-executive .link-view-all {
font-size: 11px;
font-size: 0.6875rem
}
.expertise-section-pathways aside.expertise-caption .section-subtitle {
margin-bottom: 25px
}
.expertise-section-pathways .expertise-caption-items {
padding-bottom: 20px
}
.expertise-section-pathways .expertise-caption-items li {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 12px
}
.expertise-section-pathways .expertise-footer-left {
margin-top: 15px;
padding-top: 17px
}
.expertise-section-pathways .link-view-all {
font-size: 11px;
font-size: 0.6875rem
}
.expertise-section-pathways .expertise-award-items {
padding-bottom: 20px
}
.expertise-section-pathways .expertise-award-items li {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 12px
}
.expertise-section-pathways .expertise-content-item .footer .section-subtitle {
margin-bottom: 25px
}
.expertise-section-pathways .expertise-footer-right {
margin-top: 15px;
padding-top: 17px
}
.expertise-section aside.expertise-caption .section-subtitle {
margin-bottom: 25px
}
.expertise-section .expertise-caption-items {
padding-bottom: 20px
}
.expertise-section .expertise-caption-items li {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 12px
}
.expertise-section .expertise-footer {
margin-top: 15px;
padding-top: 17px
}
.expertise-section .link-view-all {
font-size: 11px;
font-size: 0.6875rem
}
section.news-events-showcase {
padding: 34px 0 0 !important
}
section.news-events-showcase .news-showcase-header {
margin-bottom: 36px
}
section.news-events-showcase .showcase-item-image {
margin-bottom: 30px
}
section.news-events-showcase .showcase-item-title {
margin-bottom: 21px
}
section.text-aside-media-pathways .expertise-award-items {
padding-bottom: 20px
}
section.text-aside-media-pathways .expertise-award-items li {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 12px
}
main.change-makers section.article-body section.textarea blockquote:before {
top: 20px;
left: -30px;
font-size: 70px
}
main.change-makers section.article-body section.textarea blockquote:after {
bottom: -15px;
padding-left: 5px;
font-size: 70px
}
img.blog-article-inline-image {
width: 100%
}
div.fancybox-content {
padding: 10px 0px
}
div.text-modal {
padding: 10px 10px
}
nav.programme-pagination .link span.title {
max-width: 150px
}
section.subscribe-section .subscribe-title {
font-size: 27px;
font-size: 1.6875rem
}
}
@media (max-width: 573px) {
header.primary .inner {
align-items: center
}
section.news-events-showcase .news-showcase-item:not(:last-of-type) {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding-bottom: 40px;
}
section.our-history .container {
padding: 0 20px;
}
section.video-banner .hero-media {
height: 100%
}
main.change-makers section.change-maker div.container .hero-media {
height: 100%
}
main.china-campaign .about-section .about-blockquote-cite {
font-size: 0.4em!important;
line-height: 1.1em
}
}
@media only screen and (max-width: 1100px) {
header.primary ul.main-menu {
display: none !important
}
}
@media screen and (max-width: 768px) {
header.primary .search-wrap input[type='text'] {
font-size: 16px;
font-size: 1rem
}
section.black-in-business-partnerships main.listing nav.search-bar input[type="text"] {
font-size: 16px!important;
font-size: 1rem!important
}
section.events-index nav.search-bar input[type="text"] {
font-size: 16px;
font-size: 1rem
}
section.inspiring-women-promote-partnerships main.listing nav.search-bar input[type="text"] {
font-size: 16px!important;
font-size: 1rem!important
}
section.news-listing nav.search-bar input[type="text"] {
font-size: 16px;
font-size: 1rem
}
section.programme-index nav.search-bar input[type="text"] {
font-size: 16px;
font-size: 1rem
}
section.staff-listing main.listing nav.search-bar input[type="text"] {
font-size: 16px !important;
font-size: 1rem !important
}
}
@media (max-width: 1229px) {
header.section-hero-wrap {
margin-bottom: 35px
}
header.section-hero-wrap section.standard-hero {
order: 1;
}
header.section-hero-wrap nav.section-menu {
order: 0;
}
.expertise-section-executive .expertise-content-item figure.image {
height: calc(100% - 180px)
}
.expertise-section-executive .expertise-content-item .footer {
padding: 25px 30px
}
.expertise-section .expertise-content-item figure.image {
height: calc(100% - 180px)
}
.expertise-section .expertise-content-item .footer {
height: 180px
}
section.staff-profile > .container > .inner .profile-bio figure.image::before {
border-color: #F5F6F8 transparent transparent;
border-width: 40px 40px 0 0;
top: -15px;
right: 5px;
bottom: 0px;
left: 0px;
}
section.staff-profile > .container > .inner .profile-bio figure.image::after {
border-color: transparent transparent #F5F6F8;
border-width: 0 0 40px 40px;
right: -5px;
bottom: -10px;
}
main.change-makers .large-bg-text-cm {
font-size: 1.9rem
}
main.exec-education-2025 .large-bg-text-cm {
font-size: 1.9rem
}
main.oc .large-bg-text-cm {
font-size: 1.9rem
}
.about-section .about-blockquote-cite {
font-size: 1.2rem
}
main.china-campaign .about-section .about-blockquote-cite {
font-size: 1.1em!important;
line-height: 1.3em
}
}
@media screen and (max-width: 420px) {
nav.programme-pagination .link span.title {
font-size: 16px;
font-size: 1rem;
}
.about-section .about-description p.x-big {
font-size: 22px;
font-size: 1.375rem;
}
section.application-steps.style--1 header h5.title {
font-size: 26px;
font-size: 1.625rem;
}
section.black-in-business-partnerships main.listing article .meta span.job {
font-size: 13px;
font-size: 0.8125rem;
}
section.blog-article-index header > .title:not(.size-custom) {
font-size: 22px;
font-size: 1.375rem;
}
section.blog-article-index header > .title.size-custom--01 {
font-size: 22px;
font-size: 1.375rem;
}
section.blog-article-index header > .title.size-custom--02 {
font-size: 22px;
font-size: 1.375rem;
}
section.blog-article-index .container .content h3 {
font-size: 22px;
font-size: 1.375rem;
}
section.case-study-archive h1.title {
font-size: 18px;
font-size: 1.125rem;
}
section.case-study-carousel--style-1 header .title {
font-size: 26px;
font-size: 1.625rem;
}
section.case-study-carousel--style-1 main li blockquote {
font-size: 18px;
font-size: 1.125rem;
}
section.case-study-carousel--style-2 header .title {
font-size: 26px;
font-size: 1.625rem;
}
section.case-study-carousel--style-2 main li blockquote {
font-size: 16px;
font-size: 1rem;
}
section.contained-textarea h2 {
font-size: 21px;
font-size: 1.3125rem;
}
section.contained-textarea h2.alt--01 {
font-size: 22px;
font-size: 1.375rem;
}
section.contained-textarea blockquote {
font-size: 22px;
font-size: 1.375rem;
}
section.cta-information-blocks-alumni .blocks .large h3 {
font-size: 26px;
font-size: 1.625rem;
}
section.cta-information-blocks-alumni .blocks .small h3 {
font-size: 22px;
font-size: 1.375rem;
}
section.cta-information-blocks .blocks .large h3 {
font-size: 26px;
font-size: 1.625rem;
}
section.cta-information-blocks .blocks .small h3 {
font-size: 22px;
font-size: 1.375rem;
}
section.events-index main.listing .heading {
font-size: 18px;
font-size: 1.125rem;
}
section.extendable-references .heading {
font-size: 24px;
font-size: 1.5rem;
}
section.extendable-references li .title {
font-size: 18px;
font-size: 1.125rem;
}
section.extendable-references li .description {
font-size: 13px;
font-size: 0.8125rem;
}
section.extendable-references li .toggle .toggle-content {
font-size: 13px;
font-size: 0.8125rem;
}
section.featured-img-aside-text .heading {
font-size: 22px;
font-size: 1.375rem;
}
section.financial-tabs .tabbed-content .textarea h2 {
font-size: 21px;
font-size: 1.3125rem;
}
section.financial-tabs .tabbed-content .textarea h2.alt--01 {
font-size: 22px;
font-size: 1.375rem;
}
section.financial-tabs .tabbed-content .textarea blockquote {
font-size: 22px;
font-size: 1.375rem;
}
section.four-block-cta .information h2 {
font-size: 26px;
font-size: 1.625rem;
}
section.four-block-cta .block .description {
font-size: 13px;
font-size: 0.8125rem;
}
section.heading h1 {
font-size: 26px;
font-size: 1.625rem;
}
section.hero-article .title h1 {
font-size: 26px;
font-size: 1.625rem;
}
section.hero-article .meta .value {
font-size: 13px;
font-size: 0.8125rem;
}
section.hero-inline-form .inline-form .input {
font-size: 26px;
font-size: 1.625rem;
}
section.img-content-rows .information h2 {
font-size: 26px;
font-size: 1.625rem;
}
section.img-content-rows .information p {
font-size: 15px;
font-size: 0.9375rem;
}
section.img-content-rows .row .content h3 {
font-size: 22px;
font-size: 1.375rem;
}
section.inspiring-women-promote-partnerships main.listing article .meta span.job {
font-size: 13px;
font-size: 0.8125rem;
}
section.ftmba-carousel .content .title.black {
font-size: 26px;
font-size: 1.625rem;
}
section.news-montage .section-heading h1 {
font-size: 32px;
font-size: 2rem;
}
section.news-montage aside.large-tile article .text > a.title {
font-size: 16px;
font-size: 1rem;
}
@media (min-width: 1025px) {
section.news-montage aside.secondary-tiles article:nth-of-type(-n+2) .text > a.title {
font-size: 12px;
font-size: 0.75rem;
}
}
section.our-history .heading .overlay {
font-size: 80px;
font-size: 5rem;
}
section.our-history .milestones .row .statistics .number {
font-size: 40px;
font-size: 2.5rem;
}
section.our-history .milestones .row .year .box h3 {
font-size: 72px;
font-size: 4.5rem;
}
.our-ratings-section.style--1 .section-title {
font-size: 22px;
font-size: 1.375rem;
}
section.photo-carousel .content .title.black {
font-size: 26px;
font-size: 1.625rem;
}
section.programme-index main.listing .group > .group-title {
font-size: 18px;
font-size: 1.125rem;
}
section.programmes-overview main.content > .title {
font-size: 18px;
font-size: 1.125rem;
}
section.programmes-overview main.content .listing.listing--multiple .col > span.title {
font-size: 16px;
font-size: 1rem;
}
section.quick-links a.has-description .description {
font-size: 13px;
font-size: 0.8125rem;
}
section.rankings-index main.listing .heading {
font-size: 18px;
font-size: 1.125rem;
}
section.slider-carousel-info .heading h2 {
font-size: 26px;
font-size: 1.625rem;
}
section.slider-carousel-info .information .heading {
font-size: 26px;
font-size: 1.625rem;
}
section.slider-carousel .heading h2 {
font-size: 26px;
font-size: 1.625rem;
}
section.social-connect.style--1 .link-tile h2 {
font-size: 22px;
font-size: 1.375rem;
}
section.staff-listing main.listing article .meta span.job {
font-size: 13px;
font-size: 0.8125rem;
}
section.staff-profile > .container > .inner .profile-bio .content .title {
font-size: 24px;
font-size: 1.5rem;
}
section.standard-hero header.title .text h1:not(.course-title) {
font-size: 26px;
font-size: 1.625rem;
}
section.standard-hero aside.side-text .title {
font-size: 18px;
font-size: 1.125rem;
}
section.testimonial-tabs header .title {
font-size: 18px;
font-size: 1.125rem;
}
section.text-aside-expertise aside.content .title.style--1 {
font-size: 22px;
font-size: 1.375rem;
}
section.text-aside-expertise aside.content .sub {
font-size: 16px;
font-size: 1rem;
}
section.text-aside-media-pathways h2.heading {
font-size: 26px;
font-size: 1.625rem;
}
section.text-aside-media-pathways .heading.stlye--1 {
font-size: 22px;
font-size: 1.375rem;
}
section.text-aside-media-pathways aside.content .title.style--1 {
font-size: 22px;
font-size: 1.375rem;
}
section.text-aside-media-pathways aside.content .title.style--3 {
font-size: 16px;
font-size: 1rem;
}
section.text-aside-media-pathways aside.content .title.style--4 {
font-size: 26px;
font-size: 1.625rem;
}
section.text-aside-media-pathways aside.content .sub {
font-size: 16px;
font-size: 1rem;
}
section.text-aside-media-pathways aside.content .large-numbered .number {
font-size: 25px;
font-size: 1.5625rem;
}
section.text-aside-media h2.heading {
font-size: 26px;
font-size: 1.625rem;
}
section.text-aside-media .heading.stlye--1 {
font-size: 22px;
font-size: 1.375rem;
}
section.text-aside-media aside.content .title.style--1 {
font-size: 22px;
font-size: 1.375rem;
}
section.text-aside-media aside.content .title.style--3 {
font-size: 16px;
font-size: 1rem;
}
section.text-aside-media aside.content .title.style--4 {
font-size: 26px;
font-size: 1.625rem;
}
section.text-aside-media aside.content .sub {
font-size: 16px;
font-size: 1rem;
}
section.text-aside-media aside.content .large-numbered .number {
font-size: 25px;
font-size: 1.5625rem;
}
section.textarea-aside-stats main > .content > .title {
font-size: 18px;
font-size: 1.125rem;
}
section.textarea-aside main > .content > .title {
font-size: 18px;
font-size: 1.125rem;
}
section.textarea h2 {
font-size: 21px;
font-size: 1.3125rem;
}
section.textarea h2.alt--01 {
font-size: 22px;
font-size: 1.375rem;
}
section.textarea blockquote {
font-size: 22px;
font-size: 1.375rem;
}
div.ftmba-carousel section.tile-ctas-change-maker header .title {
font-size: 16px;
font-size: 1rem;
}
section.tile-ctas header .title {
font-size: 16px;
font-size: 1rem;
}
section.timeline article.stamp main.content .title {
font-size: 18px;
font-size: 1.125rem;
}
section.timeline notimeline.content .title {
font-size: 18px;
font-size: 1.125rem;
}
section.toggle-information .overlay {
font-size: 80px;
font-size: 5rem;
}
section.toggle-information h2 {
font-size: 20px;
font-size: 1.25rem;
}
section.toggle-menus h2 {
font-size: 26px;
font-size: 1.625rem;
}
section.toggle-menus .toggle .header .title {
font-size: 16px;
font-size: 1rem;
}
article.cta-tile-x3 .text .description {
font-size: 15px;
font-size: 0.9375rem;
}
article.cta-tile .text .description {
font-size: 15px;
font-size: 0.9375rem;
}
aside.map-location .permalink a.has-description .description {
font-size: 13px;
font-size: 0.8125rem;
}
div.accordion-component h2.title {
font-size: 18px;
font-size: 1.125rem;
}
div.modal-event header h2 {
font-size: 20px;
font-size: 1.25rem;
}
div.modal-event .content .box h3 {
font-size: 18px;
font-size: 1.125rem;
}
.modal .textarea h2 {
font-size: 21px;
font-size: 1.3125rem;
}
.modal .textarea h2.alt--01 {
font-size: 22px;
font-size: 1.375rem;
}
.modal .textarea blockquote {
font-size: 22px;
font-size: 1.375rem;
}
main.change-makers section.article-body section.textarea blockquote {
font-size: 26px;
}
section.meet-the-makers .content .title.black {
font-size: 26px;
font-size: 1.625rem;
}
main.change-makers section.text-aside-media h2.heading {
font-size: 26px;
font-size: 1.625rem;
}
main.change-makers section.text-aside-media .heading.stlye--1 {
font-size: 22px;
font-size: 1.375rem;
}
main.change-makers section.text-aside-media aside.content .title.style--1 {
font-size: 22px;
font-size: 1.375rem;
}
main.change-makers section.text-aside-media aside.content .title.style--3 {
font-size: 16px;
font-size: 1rem;
}
main.change-makers section.text-aside-media aside.content .title.style--4 {
font-size: 26px;
font-size: 1.625rem;
}
main.change-makers section.text-aside-media aside.content .title.style--5 {
font-size: 18px;
font-size: 1.125rem;
}
main.change-makers section.text-aside-media aside.content .sub {
font-size: 16px;
font-size: 1rem;
}
main.change-makers section.text-aside-media aside.content .large-numbered .number {
font-size: 25px;
font-size: 1.5625rem;
}
main.change-makers section.tile-ctas-change-maker header .title {
font-size: 16px;
font-size: 1rem;
}
main.exec-education-2025 section.text-aside-media h2.heading {
font-size: 26px;
font-size: 1.625rem;
}
main.exec-education-2025 section.text-aside-media .heading.stlye--1 {
font-size: 22px;
font-size: 1.375rem;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--1 {
font-size: 22px;
font-size: 1.375rem;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--3 {
font-size: 16px;
font-size: 1rem;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--4 {
font-size: 26px;
font-size: 1.625rem;
}
main.exec-education-2025 section.text-aside-media aside.content .title.style--5 {
font-size: 18px;
font-size: 1.125rem;
}
main.exec-education-2025 section.text-aside-media aside.content .sub {
font-size: 16px;
font-size: 1rem;
}
main.exec-education-2025 section.text-aside-media aside.content .large-numbered .number {
font-size: 25px;
font-size: 1.5625rem;
}
main.exec-education-2025 section.tile-ctas-change-maker header .title {
font-size: 16px;
font-size: 1rem;
}
section.meet-the-makers_oc .content .title.black {
font-size: 26px;
font-size: 1.625rem;
}
main.oc section.tile-ctas-change-maker header .title {
font-size: 16px;
font-size: 1rem;
}
main.listing .group > .group-title-small a {
font-size: 18px;
font-size: 1.125rem;
}
div.wbs-eventdiary-viewevent h1 {
font-size: 26px;
font-size: 1.625rem;
}
div.wbs-body .wbs-pagetitle {
font-size: 26px;
}
section.core-montage .section-heading h1 {
font-size: 32px;
font-size: 2rem;
}
section.core-montage aside.large-tile article .text > a.title {
font-size: 16px;
font-size: 1rem;
}
@media (min-width: 1025px) {
section.core-montage aside.secondary-tiles article:nth-of-type(-n+30) .text > a.title {
font-size: 12px;
font-size: 0.75rem;
}
}
section.grey-cta-china .content .title.black {
font-size: 26px;
font-size: 1.625rem;
}
}
@media (max-width: 767px) {
section.black-in-business-partnerships main.listing {/* Article */
}
section.black-in-business-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
section.black-in-business-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.black-in-business-partnerships main.listing article:last-child {
margin-right: 0;
}
section.black-in-business-partnerships main.listing article:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
.expertise-section-executive .expertise-caption-items li {
max-width: 100% !important;
flex: 0 0 100% !important
}
.expertise-section-pathways .expertise-caption-items li {
max-width: 100% !important;
flex: 0 0 100% !important
}
.expertise-section-pathways .expertise-award-items li {
max-width: 100% !important;
flex: 0 0 100% !important
}
.expertise-section .expertise-caption-items li {
max-width: 100% !important;
flex: 0 0 100% !important
}
section.inspiring-women-promote-partnerships main.listing {/* Article */
}
section.inspiring-women-promote-partnerships main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.inspiring-women-promote-partnerships main.listing article:last-child {
margin-right: 0;
}
section.inspiring-women-promote-partnerships main.listing article:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
section.staff-listing main.listing {/* Article */
}
section.staff-listing main.listing article {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
section.staff-listing main.listing article:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
section.staff-listing main.listing article:last-child {
margin-right: 0;
}
section.staff-listing main.listing article:nth-child(2n) {
margin-right: 0;
margin-left: auto;
}
section.team-index-manual ul.people li.person {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
}
section.team-index-manual ul.people li.person:nth-child(1n) {
margin-right: 30px;
margin-left: 0
}
section.team-index-manual ul.people li.person:last-child {
margin-right: 0
}
section.team-index-manual ul.people li.person:nth-child(2n) {
margin-right: 0;
margin-left: auto
}
section.team-index ul.people li.person {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1/2 - (30px - 30px * 1/2));
max-width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
}
section.team-index ul.people li.person:nth-child(1n) {
margin-right: 30px;
margin-left: 0
}
section.team-index ul.people li.person:last-child {
margin-right: 0
}
section.team-index ul.people li.person:nth-child(2n) {
margin-right: 0;
margin-left: auto
}
section.testimonial-tabs {
margin-right: -11px;
margin-left: -11px;
width: calc(100% + calc(11px * 2))
}
section.testimonial-tabs header .title {
font-size: 32px !important;
font-size: 2rem !important;
margin-bottom: 21px;
padding: 0 11px
}
section.testimonial-tabs .logos {
margin-bottom: 20px
}
section.testimonial-tabs .logos .slick-list {
margin: 0 -15px;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
section.testimonial-tabs .logos .slick-slide {
margin: 0 15px;
}
section.testimonial-tabs .logos .item-inner {
background: #F5F6F8;
min-height: 135px;
transition: all .3s ease-in-out;
}
section.testimonial-tabs .logos img {
max-height: 90px;
max-width: 150px;
}
section.testimonial-tabs .logos .slick-center .item .item-inner {
transform: scale(1.08);
}
section.testimonial-tabs .content .slick-slide:not(.slick-current) blockquote {
opacity: 0;
}
article.event-exec-ed footer .permalink {
text-align: center;
}
article.event-exec-ed footer a.button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 2px solid #0254A7;
color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 52px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
border-color: #282A2A;
color: #282A2A;
display: inline-flex;
margin: 0 auto;
min-height: 36px;
padding: 8px 20px;
}
article.event footer .permalink {
text-align: center;
}
article.event footer a.button {
font-size: 11px;
line-height: .9rem;
font-size: 0.6875rem;
line-height: .9rem;
align-items: center;
border: 2px solid #0254A7;
color: #0254A7;
display: flex;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
justify-content: center;
letter-spacing: .72px;
letter-spacing: 0.045rem;
min-height: 52px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
border-color: #282A2A;
color: #282A2A;
display: inline-flex;
margin: 0 auto;
min-height: 36px;
padding: 8px 20px;
}
aside.indepenent-content-sidebar.border-top--mobile {
padding-top: 40px;
}
aside.indepenent-content-sidebar.border-top--mobile::before {
background: rgba(151,151,151,.32);
content: "";
display: block;
height: 1px;
margin: auto 0;
top: 0;
right: 11px;
left: 11px;
position: absolute;
width: calc(100% - calc(11px) * 2);
}
aside#promo .mura-region-local {
display: block
}
aside#promo .mura-region-local article.captioned-thumbnail .caption {
min-height: auto
}
section.subscribe-section figure.core-insights {
padding: 5px 5px
}
section.subscribe-section {
margin-bottom: 40px
}
}
@media only screen and (max-width: 760px) {
section.blog-article-index main.list article.blog:not(:last-of-type) {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding-bottom: 30px;
}
section.cta-tiles-x3 main.list article.cta-tile:not(:last-of-type) {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding-bottom: 30px;
}
section.cta-tiles main.list article.cta-tile:not(:last-of-type) {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding-bottom: 30px;
}
section.experiences-group main.list article.case-study:not(:last-of-type) {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding-bottom: 30px;
}
section.blog-article-index main.list article.blog:not(:last-of-type) {
padding-bottom: 5px;
}
}
@media only screen and (max-width: 1024px) {
.expertise-section-executive {
background-color: #F0F2F3
}
.expertise-section-pathways {
background-color: #F0F2F3
}
.expertise-section {
background-color: #F0F2F3
}
}
@media (max-width: 1199px) {
.expertise-section-executive .desktop-layout {
display: none !important;
}
.expertise-section-executive .mobile-layout {
display: block !important;
padding: 20px;
}
.expertise-section-executive .mobile-themes {
margin-top: 30px;
}
.expertise-section-executive .theme-section {
margin-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.expertise-section-executive .theme-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
cursor: pointer;
}
.expertise-section-executive .theme-header h3 {
margin: 0;
font-size: 16px;
font-size: 1rem;
font-weight: 600;
color: #0B63AF;
}
.expertise-section-executive .toggle-icon {
width: 20px;
height: 20px;
position: relative;
}
.expertise-section-executive .toggle-icon::before,
.expertise-section-executive .toggle-icon::after {
content: '';
position: absolute;
background-color: #0B63AF;
transition: transform 0.3s ease;
}
.expertise-section-executive .toggle-icon::before {
width: 2px;
height: 12px;
top: 4px;
left: 9px;
}
.expertise-section-executive .toggle-icon::after {
width: 12px;
height: 2px;
top: 9px;
left: 4px;
}
.expertise-section-executive .theme-section.active .toggle-icon::before {
transform: rotate(90deg);
}
.expertise-section-executive .theme-content {
padding: 0 0 15px;
}
.expertise-section-executive .course-list {
list-style: none;
padding: 0;
margin: 0;
}
.expertise-section-executive .course-list li {
margin-bottom: 10px;
}
.expertise-section-executive .course-list a {
color: #464647;
text-decoration: none;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4;
}
}
@media (max-width: 1399px) {
section.financial-tabs .item {
box-shadow: 0 1px 0 0 #ADBAC1
}
section.financial-tabs .item:not(:last-of-type) {
margin-bottom: 3px;
}
section.timeline-tabs .item {
box-shadow: 0 1px 0 0 #ADBAC1
}
section.timeline-tabs .item:not(:last-of-type) {
margin-bottom: 3px;
}
}
@media screen and (max-width: 480px) {
section.staff-profile > .container > .inner .profile-bio .profile-bio {
width: 100vw !important;
padding: 13.1px;
margin-bottom: 20px;
}
section.staff-profile > .container > .inner .profile-bio .title {
width: 100vw;
box-sizing: border-box;
text-align: left !important;
white-space: normal;
word-break: break-word;
}
section.staff-profile > .container > .inner .profile-bio .email {
width: 100vw;
box-sizing: border-box;
}
}
@media screen and (max-width: 600px) {
section.staff-profile > .container > .inner .profile-bio .email {
margin-bottom: 0px;/* You can make this 24px if spacing is needed */
}
section.staff-profile > .container > .inner .profile-bio figure.image {
display: block;
margin: 0 auto 16px;
text-align: center;
width: 306.146px;
height: 306.146px;
}
section.textarea table {
border: 0;
}
section.textarea table caption {
font-size: 1.3em;
}
section.textarea table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
section.textarea table tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;
}
section.textarea table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em;
text-align: left;
}
section.textarea table td::before {/*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
content: attr(data-label);
float: left;
font-weight: 700;
text-transform: uppercase;
margin-right: 10px;
}
section.textarea table td:last-child {
border-bottom: 0;
}
}
@media (max-width: 600px) {
section.video-carousel .controls-wrapper {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
.video-carousel .controls {
display: flex;
flex-shrink: 0;
}
.video-carousel .controls span {
width: 36px;
height: 36px;
padding: 8px;
}
.video-carousel .progress {
flex: 1 1 auto;
height: 3px;
min-width: 100px;
}
}
@media (max-width: 768px) {
section.photo-carousel-cm .photos .item article.tile .inner figureinner.image {
display: block;
overflow: hidden;
padding-bottom: 54.55%;
position: relative;
width: 100%;
height: 180px;
z-index: 0;
}
section.photo-carousel-cm .photos .item article.tile .inner figureinner.image .src {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
section.photo-carousel-cm .photos .item article.tile .inner .text {
padding: 5px 30px 0px 30px;
position: relative;
z-index: 0;
}
section.photo-carousel-cm .photos .item article.tile .inner .text .title {
font-size: 1.1rem;
}
section.photo-carousel-cm .photos .item article.tile .inner .text .description {
display: none;
}
section.photo-carousel-cm .photos .item article.tile .inner .buttons {
display: none;
}
.exec-education-2025 .cta-tiles main.list {
margin: 0;
width: 100%;
}
.exec-education-2025 .cta-tiles main.list.two-column-grid article.cta-tile, .exec-education-2025 .cta-tiles main.list.three-column-grid article.cta-tile {
flex: 0 0 100%;
}
.exec-education-2025 .cta-tiles article.cta-tile {
margin: 0 0 30px;
}
.exec-education-2025 .cta-tiles article.cta-tile:not(:last-child) {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding-bottom: 30px;
}
}
@media (max-width: 750px) {
/* Default height for open-programmes-2025 */
section.photo-carousel-cm .photos .item {
height: 440px !important;
}
/* Specific height for custom-partnerships-2025 */
.exec-education-2025.custom-partnerships-2025 section.photo-carousel-cm .photos .item {
height: 600px !important;
}
section.photo-carousel-cm .text {
padding: 16px 10px 0 10px !important;
text-align: left !important;
}
section.photo-carousel-cm .text .description {
display: block !important;
margin-top: 10px;
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.5;
}
section.photo-carousel-cm .buttons {
display: block !important;
margin: 16px 0 0 -20px;
text-align: center;
}
section.photo-carousel-cm .buttons a {
width: 100%;
min-width: 0;
box-sizing: border-box;
}
}
@media (max-width: 1000px) {
.process-card {
flex: 1 1 calc(45% - 30px); /* Adjust flex for better layout */
}
}
@media (max-width: 1150px) {
.process-card {
flex: 1 1 calc(45% - 30px); /* Two cards per row for medium screens */
}
.process-card::after {
right: -20px; /* Adjust arrow positioning for smaller widths */
}
}
@media (max-width: 980px) {
.process-card {
flex: 1 1 100%; /* Full-width stacking for mobile */
margin-bottom: 30px; /* Add space for the arrow */
}
.process-card::after {
content: '';
position: absolute;
top: 100%; /* Position arrow below the card */
left: 50%;
transform: translateX(-50%);
width: 60px; /* Adjust arrow size */
height: 60px;
background-image: url('/media/dist/img/icons/down_arrow_150x150.png'); /* Replace with the down arrow URL */
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.process-card:last-child::after {
display: none; /* No arrow for the last box */
}
}