/* ==========================================================================
CUSTOM CSS
========================================================================== */

@font-face {
    font-family: BentonSans;
    src: url('../fonts/BentonSans-Book.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: BentonSans;
    src: url('../fonts/BentonSans-Regular.otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: BentonSans;
    src: url('../fonts/BentonSans-Medium.otf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: BentonSans;
    src: url('../fonts/BentonSans-Bold.otf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: MillerDisplay;
    src: url('../fonts/MillerDisplay-Light.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: MillerDisplay;
    src: url('../fonts/MillerDisplay-Roman.otf');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: MillerDisplay;
    src: url('../fonts/MillerDisplay-Semibold.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: MillerDisplay;
    src: url('../fonts/MillerDisplay-Bold.otf');
    font-weight: 700;
    font-style: normal;
}

h1, h2 {
    font-family: 'MillerDisplay', serif;
}

h2, h2.display-4 {
    font-family: BentonSans, sans-serif;
    font-weight: 700;
}

.display-4 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    
}

.font-family-miller {
    font-family: 'MillerDisplay', serif;
}

#pre-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
}

#status {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body {
    padding-top: 106px;
    font-family: BentonSans, sans-serif;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

a {
    color: #1f355e;
}

.x-bold {
    font-weight: 800;
}

form a {
    color: #1f355e;
    text-decoration: underline;
}

a:hover {
    color: #1f355e;
}

.text-heavy {
    font-weight: 800;
}

.bg-blue a {
    color: #ffffff;
}

.bg-blue a:hover {
    color: #ffffff;
}

.bg-blue .bg-light-teal a {
    color: #1f355e;
}

.bg-transparent-light a {
    color: #1f355e;
}

.bg-transparent-light a:hover {
    color: #1f355e;
}

.text-blue-2024 {
    color: #71C5E8;
}

.alert#cookie-consent {margin-bottom: 0px;}

.full-size-background {
    background: url(../img/wellington-web-header-2023-v2.jpg) no-repeat left -280px top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/wellington-web-header-2023-v2.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/wellington-web-header-2023-v2.jpg', sizingMethod='scale')";
}

.event-creative-2024 {
    background: url('../img/event-creative-2024.jpg') no-repeat left -280px top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/event-creative-2024.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/event-creative-2024.jpg', sizingMethod='scale')";
}

.agenda-container {
    background: url(../img/agenda-background-1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/agenda-background-1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/agenda-background-1.png', sizingMethod='scale')";
}

.bg-blue a.wellsaid, .bg-blue a.agenda-modal-link {
	color: #1f355e;
	text-decoration: underline;
}

.border-bottom-heavy {
    border-bottom: 2px solid #1f355e;
}

h3.subheader {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2rem;
}

.tagline {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: 0.2rem;
    margin-bottom: .4rem !important;
}


.speaker-tagline-offset {
    margin-top: 1.6rem !important;
}

/* ==========================================================================
COLOURS
========================================================================== */

.bg-event-creative-blue {
    background-color: #1c355e;
}

.bg-light-grey {
    background-color: #eeeeee;
}

.bg-blue {
    background-color: #1f355e;
}

.bg-purple {
    background-color: #4d5496;
}

.bg-teal {
    background-color: #5fb8d0;
}

.bg-light-teal {
    background-color: #9acde0;
}

.bg-transparent-light {
    background-color: rgba(255, 255, 255, 0.8);
}

.text-light-grey {
    color: #eeeeee;
}

.text-regular-grey {
    color: #cccccc;
}

.text-blue {
    color: #1f355e;
}

.text-purple {
    color: #4d5496;
}

.text-yellow {
    color: #F5A700;
}

.text-teal {
    color: #5fb8d0;
}


.text-light-aqua {
    color: #71C5E8 
}

.text-dark-aqua {
    color: #007DBA;
}

.btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.1rem;
    text-decoration: none;
}

.btn-text-normal {
    text-transform: capitalize !important;
}

.btn-blue {
    background-color: #1f355e;
    color: #ffffff;
}

.btn-blue.btn-outline {
    background-color: transparent;
    border-radius: 0px;
    border: 2px solid #1f355e;
    color: #1f355e;
    font-weight: 800;
    text-transform: uppercase;
    padding: 1rem 2.5rem .8rem 2.5rem;
}

.btn-blue.btn-sm {
    padding: 0.7rem 1.5rem 0.5rem;
}

.btn-blue.btn-outline:hover {
    background-color: #1f355e;
    color: #ffffff;
}

.btn-white {
    border-radius: 0px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    color: #1f355e;
    padding: 1rem 2.5rem .8rem 2.5rem;
}

.btn-white.btn-outline {
    background-color: #1f355e;
    border-radius: 0px;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 1rem 2.5rem .8rem 2.5rem;
}

.btn-white.btn-outline:hover {
    background-color: #ffffff;
    color: #1f355e;
}

.btn-white.btn-sm {
    padding: 0.7rem 1.5rem 0.5rem;
}


.btn-text-only, .btn-text-only:hover, .btn-text-only:focus {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    font-weight: 800;
    font-size: 1rem;
}


.border-lighter {
	border-width: 2px !important
}

.location-btn {
    font-size: .8rem;
}

.pres-btn {
    padding: 0.7rem 1.5rem 0.5rem !important;
    font-size: .8rem;
}



/* ==========================================================================
NAVIGATION
========================================================================== */

.navbar-brand {
    padding-top: 25px;
    padding-bottom: 25px;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 700;
    color: #1f355e;
    text-decoration: none;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #1f355e;
}

/* ==========================================================================
HEADER
========================================================================== */

.arrow-device {
    margin-top: -30px
}

.hero {
    position: relative;
}

header {
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    background-color: #1f355e;
}


.logo-stack-container {
    position: relative;
    z-index: 1000;
    padding-left: 0px;
}

.attestation-section .logo-stack-container {
    padding-top: 3rem;
    padding-bottom: 3rem;
}


.attestation-section .event-title-container {
    width: 100%;
    
}

.logo-stack-container h1 {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 1.2rem;
}

.logo-stack-container h3, #pre-header p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    margin-bottom: 1.2rem;
}

#pre-header p {
    font-weight: 700;
}

.logo-stack-container h4 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.1rem;
    font-weight: 400;
}

.header-creative {
    width: 100%;
    height: auto;
    margin-top: -90px
}



.attestation-btn-container {
    /*padding-top: 6rem;*/
}

.full-screen-height {
    height: auto;
}

.wellington-logo-attestation {
    position: relative;
    margin-top: 3rem;
    margin-left: 2%;
}

/* ==========================================================================
WELCOME
========================================================================== */

.fa-minus {
    font-size: 18px;
}

/* ==========================================================================
TABLE
========================================================================== */

.agenda-table td, .agenda-table th {
    border-top: 1px solid #1f355e;
}

.agenda-table th, .pres-table th {
    width: 25%;
    font-size: 1.2rem;
    white-space: nowrap;
}

.agenda-table td, .pres-table td {
    padding-top: 1rem;
}

.pres-table td:first-child {
    border-top: 1px solid #1f355e;
}

.pres-table td:not(first-child) {
    border-top: 0
}

.pres-table td, .pres-table th {
    width: 100%;
    font-weight: 600;
    display: block;
}



/* ==========================================================================
SLIDE
========================================================================== */

.slide-background-1 {
    background: url('../img/slide/main-outlook.jpg?v=1.2') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/main-outlook.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/main-outlook.jpg', sizingMethod='scale')";
}

.slide-background-2 {
    background: url('../img/slide/macro.jpg?v=1.2') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/macro.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/macro.jpg', sizingMethod='scale')";
}

.slide-background-3 {
    background: url('../img/slide/fixed-income.jpg?v=1.2') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/fixed-income.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/fixed-income.jpg', sizingMethod='scale')";
}

.slide-background-4 {
    background: url('../img/slide/equities.jpg?v=1.2') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/equities.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/equities.jpg', sizingMethod='scale')";
}

.slide-background-5 {
    background: url('../img/slide/market-update.jpg?v=1.2') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/market-update.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/market-update.jpg', sizingMethod='scale')";
}

.slide-background-6 {
    background: url('../img/slide/sun-moon-slide.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/sun-moon-slide.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/slide/sun-moon-slide.jpg', sizingMethod='scale')";
}







.contact-image {
    background: url('../img/contact-image.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/contact-image.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/contact-image.jpg', sizingMethod='scale')";
}

.venue-image {
    background: url('../img/bafta-venue-image.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bafta-venue-image.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bafta-venue-image.jpg', sizingMethod='scale')";
}

.milan-venue-image {
    background: url('../img/milan-venue-img-palazzo-giureconsulti.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/milan-venue-img-palazzo-giureconsulti.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/milan-venue-img-palazzo-giureconsulti.jpg', sizingMethod='scale')";
}

.frankfurt-venue-image {
    background: url('../img/spark-venue-img.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/spark-venue-img.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/spark-venue-img.jpg', sizingMethod='scale')";
}

.carousel-slide {
    min-height: 640px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.carousel-slide-inner {
    width: 100%;
    max-width: 1140px;
    margin: 0px auto;
    padding-left: 15%;
    padding-right: 15%;
    
}

.carousel-slide-content {
    padding: 1.3rem;
    background-color: rgba(255, 255, 255, 0.8);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
    background-size: 60% 60%;
    background-color: #9acde0;
}

.carousel-item .display-4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    
}

.carousel-item .lead {
    font-size: 1rem;
    
}

.carousel-item .btn-blue.btn-outline {
    font-size: .8rem;
    padding: 1rem .8rem .8rem .8rem;
}

/* ==========================================================================
CONTACT
========================================================================== */

.contact-container {
    padding: 200px 12%;
}



/* ==========================================================================
VENUE
========================================================================== */


.venue-container {
    padding: 200px 12%;
    width: 100%;
}

.venue-info {
    display: inline-block;
    width: 100%;
    max-width: 700px;
}

/* ==========================================================================
REGISTER
========================================================================== */

.form-control, .custom-select {
    border: 2px solid #1f355e;
    border-radius: 0px;
}

.boardroom-sessions option:disabled {
    color: #d9d9d9 !important;
}


/* ==========================================================================
MAP
========================================================================== */

.map-container {
    position: relative;
    color: #222;
    background-attachment: scroll;
    background-image: url(../img/map-image.jpg);
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 500px;
}

#map {
    position:absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}

/* ==========================================================================
VIDEOS
========================================================================== */

.play-icon-container {
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video-thumbnail {
    position: relative;
}

.video-thumbnail:hover .play-icon-container {
    background-color: rgba(255, 255, 255, 0.1);
}

.play-icon-container i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video-modal {
    max-width: 1110px;
}


.modal-content {
    border-radius: .4rem;
}

/* ==========================================================================
FOOTER
========================================================================== */

footer {
    padding-top: 80px;
    padding-bottom: 80px;
}