:root {
    --blue: #5FE2E1;
    --purple: #421A75;
  }

@font-face {
    font-family: 'Maison Neue Mono';
    src: url('/wp-content/themes/wp/fonts/MaisonNeueMono-Bold.woff2') format('woff2'),
        url('/wp-content/themes/wp/fonts/MaisonNeueMono-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maison Neue Mono';
    src: url('/wp-content/themes/wp/fonts/MaisonNeueMono-Regular.woff2') format('woff2'),
        url('/wp-content/themes/wp/fonts/MaisonNeueMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: var(--purple);
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--purple);
    border-top: 2px solid var(--blue);
    border-bottom: 2px solid var(--blue);
    border-left: 1px solid var(--blue);
    border-right: 1px solid var(--blue);
	transition: background .5s ease;
  }

body.popup-opened::-webkit-scrollbar-thumb {
    background: var(--blue);
	transition: background .5s ease;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--purple);  }

    .speaker-popup .speaker-content::-webkit-scrollbar, .elementor-element-30ef6d6::-webkit-scrollbar {
        display: none;
      }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 10px;
    padding-right: 10px;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}

::-moz-selection { /* Code for Firefox */
    color: #5FE2E1;
    background: #421A75;
  }
  
  ::selection {
    color: #5FE2E1;
    background: #421A75;
  }

body, html {
    background: #5FE2E1;
    color: #421A75;
    font-family: 'Maison Neue Mono';
}

/* TYPOGRAPHY */
h1, .h1 {
    font-size: 68px;
    line-height: 82px !important;
}
h2, .h2 {
    font-size: 42px;
    line-height: 52px !important;
}
h3, .h3 {
    font-size: ;
    line-height: ;
}
h4, .h4 {
    font-size: 24px;
    line-height: 34px !important;
}
.programme h4 {
    line-height: 30px !important;
}
h5, .h5 {
    font-size: ;
    line-height: ;
}
h6, .h6 {
    font-size: 15px;
    line-height: 18px !important;
}
body, html {
    font-size: 15px;
    line-height: 24px;
}
p {
    margin-bottom: 20px;
}
header {
    font-size: 15px;
    line-height: 18px;
}
small {
    font-size: ;
    line-height: ;
}
.elementor-button, .btn.btn-default {
    font-size: ;
    line-height: ;
}
.font-15-18 {
    font-size: 15px;
    line-height: 18px;
}
/* END TYPOGRAPHY */

/* HEADER */
header {
    position: fixed;
    width: 100%;
    top: 0;
    padding-top: 45px;
    padding-bottom: 25px;
    xmargin-top: 16px;
    xmargin-bottom: 28px;
    background: var(--blue);
    z-index: 999;
}
.header-divider {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    height: 1px;
    overflow-y: hidden;
    width: calc(100% - 49px);
    margin-left: 23.5px;
    pointer-events: none;
    line-height: 0px;
    white-space: nowrap;
    overflow: hidden;
}
.header-divider.bottom {
    top: auto !important;
    bottom: 0;
}
.header-divider.footer-divider {
    top: 0 !important;
}
/* END HEADER */

/* CONTENT */
body > div.elementor {
    padding-left: 5px;
    padding-right: 5px;
    xpadding-bottom: 90px;
    padding-top: 45px;
}
a, a:hover {
    color: inherit;
    text-decoration: none;
}
p {margin-bottom: 20px;}
.p-0 p {
    margin-bottom: 0;
}
.content-divider {
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
}
.content-divider-p0 {
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
    height: 1px;
    line-height: 0;
}
#content {
    margin-top: 150px;
}
.home #content {
    margin-top: 131px;
    height: calc(100vh - 131px);
    max-height: 100%;
    z-index: 9999999;
    position: relative;
}
.bold {
    font-weight: bold;
}
.container-fluid {
    padding-left: 25px;
    padding-right: 25px;
}
.btn.btn-default, .elementor-button {
    background: #421A75;
    color: #5FE2E1;
    border-radius: 0;
    padding: 6px 9px 6px 9px;
    font-weight: bold;
    line-height: 1em;
}
.elementor-button:focus, .elementor-button:hover, .elementor-button:visited {
    color: #5FE2E1 !important;

}
.elementor-button:hover {
    color: var(--blue);
    text-decoration: none;
}
#ps-wrapper {
    width: 55vw;
    height: calc(100vh - 93px);
    position: fixed;
    top: 24px;
    right: 0;
    z-index: 9999;
    background: var(--blue) url('/wp-content/themes/wp/img/AF24_Landing.png') no-repeat center center;
    background-size: cover;
    padding-left: 0;
    overflow: hidden;
}
#ps-wrapper::before {
    content: '';
    width: 20px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--blue);
    z-index: 9;
}
#ps-wrapper::after {
    content: '';
    width: 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--blue);
    z-index: 9;
} 
#ps {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    line-height: 18px;
    font-weight: normal;
}

body.webcam-enabled #ps-wrapper {
    background-image: none;
    background-color: var(--blue);
}
body.webcam-enabled #ps {
    display: block;
}

.home-archifest-logo {
    position: absolute;
    bottom: 170px;
    right: 55vw;
    z-index: 999999;
}
.home-sia-logo {
    position: absolute;
    bottom: 80px;
    right: 55vw;
    z-index: 999999;
}
.home-logo-divider {
    position: absolute;
    bottom: 147px;
    right: calc(55vw - 1px);
}
.question-title .elementor-widget-container {
    padding-left: 50px;
}
.question-title::before {
    content: 'Q: ';
    position: absolute;
    width:50px;
    left: 0;
    height: 100%;
}

.xsidebar-fixed {
    position: fixed;
    width: auto;
    height: auto;
    left: 25px;
    top: 130px;
}

body:not(.elementor-editor-active) .days .day {
    display: none;
}
body:not(.elementor-editor-active) .days .day-1 {
    display: block;
}
.open-day p {
    margin-bottom: 0;
}
.open-day {
    position: relative;
    padding-left: 0;
    line-height: 18px;
    transition: .3s ease;
}
.open-day.active {
    font-weight: bold;
    padding-left: 30px;
    transition: .3s ease;
}
.open-day::before {
    content: '>>';
    position: absolute;
    left: -30px;
    top: 0;
    width: 30px;
    transition: .3s ease;
    opacity: 0;
    font-weight: bold;
}
.open-day.active::before {
    left: 0;
    opacity: 1;
    transition: .3s ease;
    font-weight: bold;
}

.original-photo, .original-image {
    position: relative;
    z-index: 1;
    background: var(--blue);
    
    transition: all .5s ease;
}
.original-photo img, .hover-image img {
    width: 100%;
    max-width: 100%;
}
.hover-photo{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 0 10px;
    opacity: 0;
    width: 100%;
    transition: all .5s ease;
}
.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 0;
    opacity: 0;
    width: 100%;
    transition: all .5s ease;
}
.speaker-photo:hover .original-photo, .image-hover:hover .original-image {
    opacity: 0;
    transition: all .5s ease;
}
.image-hover:hover .hover-image {
    opacity: 1;
    transition: all .5s ease;
}
.speaker-photo:hover .hover-photo {
    opacity: 1;
    transition: all .5s ease;
}

.speaker-popup {
    position: fixed;
    bottom: 64px;
    width: calc(66.6667% - 40px);
    right: 25px;
    padding-bottom: 20px;
    background-color: var(--blue);
    z-index: 999;
    height: calc(100vh - 170px);
    xoverflow-y: hidden;
    xoverflow-y: auto;
    transform: translateY(125%);
    transition: transform .5s ease;
}
.speaker-popup.shown {
    transform: translateY(0);
    transition: transform 1s ease;
}
.speaker-popup::before {
    content: '';
    position: absolute;
    width: 20px;
    height: calc(100% - 5px);
    left: -20px;
    background: var(--blue) url('sdata:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="901.884" viewBox="0 0 1 901.884"><path id="Path_20" data-name="Path 20" d="M6649.945,116.116V1018" transform="translate(-6649.445 -116.116)" fill="none" stroke="%23421a73" stroke-width="1" stroke-dasharray="6 8"/></svg>') repeat-y left 3px center;
    background-size: 1px auto;
    top: 1px;
}
/* .speaker-popup::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    right: 0;
    top: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="901.884" viewBox="0 0 1 901.884"><path id="Path_20" data-name="Path 20" d="M6649.945,116.116V1018" transform="translate(-6649.445 -116.116)" fill="none" stroke="%23421a73" stroke-width="1" stroke-dasharray="6 8"/></svg>') repeat-y top center;
    background-size: 1px auto;
} */
.speaker-popup-header {
    padding: 20px 0;
    position: relative;
}
.speaker-content {
    height: calc(100vh - 345px);
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 20px;
    padding-top: 15px;
    padding-right: 30px;
}

.popup-down {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.speaker-name {
    position: relative;
    padding: 10px 0;
}
.speaker-links {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.cam-status {
    position: absolute;
    bottom: 20px;
    left: 45vw;
    width: 50vw;
    padding-left: 20px;
	z-index: 999999999;
}
.webcam-enabled .cam-status {
    display: none;
}
.webcam-not-enabled .cam-status {
    display: block;
}
.open-day em {
    font-style: normal;
}
#main-title {
    height: calc(50vh - 167px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.middle-divider {
    top: 50vh;
}

.home-buy-ticket {
    position: absolute;
    bottom: 80px;
    left: 25px;
    z-index: 999999999;
}

.days-fixed {
    position: sticky;
    top: 155px;
}

body.popup-opened > * {
    xpadding-right: 5px;
    xmargin-right: 5px;
}
footer {
    opacity: 1;
    transition: all .5s ease;
}
.popup-opened footer {
    opacity:0;
    transition: all .5s ease;
}
.footer-sia-logo svg {
    height: 69px;
    xheight:87px;
    xwidth: auto;
}

.home-content {
    margin-top: 106px;
    xmargin-top: 100vh;
    xpadding-bottom: 100vh;
    xpadding-bottom: 106px;
    padding-left: 5px;
    padding-right: 5px;
}

#home-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#landing-bg {
    background-color: var(--blue);
    height: 100vh;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}
.scrolled #landing-bg {
    z-index: 999;
}

.sidebar-sticky, .sticky-sidebar {
    position: sticky;
    top: 130px;
}
.sidebar-sticky-20, .sticky-sidebar-20 {
    position: sticky;
    top: 126px;
}
.sidebar-sticky-30, .sticky-sidebar-30 {
    position: sticky;
    top: 136px;
}
.sidebar-sticky-programme {
    top: 126px;
}

#sitemap svg {
    width: 100%;
    max-width: 100%;
}
#sitemap svg g path.hover, #sitemap svg g rect.hover {
    fill: #5FE2E1;
}
#sitemap svg g path.hover:hover, #sitemap svg g rect.hover:hover {
    fill: #3C2072;
}

#sitemap svg#overlay {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
}
#sitemap svg#overlay g#Group_121 g {
    opacity: 0;
    transition: all .3s ease;
}
#sitemap svg#overlay g#Group_121 g:hover {
    opacity: 1;
    transition: all .3s ease;
}
#sitemap svg#overlay text {
    pointer-events: none;
}

#main-programmes {
    width: 60vw;
    width: 60vw;
    position: absolute;
    z-index: 999;
    top: -10px;
    left: 240px;
    background: #5FE2E1;
    padding: 10px 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}
#sgaf-happenings {
    width: 60vw;
    width: 60vw;
    position: absolute;
    z-index: 999;
    top: -10px;
    left: 190px;
    background: #5FE2E1;
    padding: 10px 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}
.sub-menu ul li, .sub-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.sub-menu li {
    display: inline-block;
    margin-left: 15px !important;
}

#main-programmes-menu:hover #main-programmes, #sgaf-happenings-menu:hover #sgaf-happenings {
    visibility: visible;
    opacity: 1;
    transition: all .3s ease;
}

.sub-menu a:hover {
    padding-left: 0 !important;
    transition: all .3s ease;
    text-decoration: none;
    font-weight: bold;
}
.sub-menu a::before {
    display: none !important;
}

.elementor-element-2b1858a {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
}
.elementor-element-2b1858a > .elementor-element {
    width: calc(20% - 20px) !important;
}

.package {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23421A75FF' stroke-width='2' stroke-dasharray='4, 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    background-size: contain;
}
.package::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #65E1DB;
    position: absolute;
    right: 0;
    top: 0; 
    z-index: 1;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23421A75FF' stroke-width='2' stroke-dasharray='4, 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    background-size: 2px auto;
    background-position: right top;
    background-repeat: repeat-y;
}

.elementor-widget-text-editor a {
    text-decoration: underline;
}

body.parent-pageid-853 #main-programmes-menu .header-title > a {
    font-weight: bold;
}

.full-bleed {
    width: calc(100% + 10px) !important;
    max-width: calc(100% + 10px) !important;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 15px;
    padding-right: 15px;
}

.page-id-1150 .back-to {
    background: var(--blue);
    left: 25px;
    bottom: 64px !important;
    padding-bottom: 20px;
}



body.page-template-template-programme .elementor-widget-shortcode {
    width: 100%;
}

.elementor-element-accdcf5 img {
	object-fit: contain;
	object-position: left;
}

.package, .border-dashed {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23421A75FF' stroke-width='2' stroke-dasharray='4, 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    background-size: contain;
}
.package::after, .border-dashed::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #65E1DB;
    position: absolute;
    right: 0;
    top: 0; 
    z-index: 1;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23421A75FF' stroke-width='2' stroke-dasharray='4, 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    background-size: 2px auto;
    background-position: right top;
    background-repeat: repeat-y;
}

.elementor-widget-text-editor a {
    text-decoration: underline;
}

body.parent-pageid-853 #main-programmes-menu .header-title > a {
    font-weight: bold;
}

.full-bleed {
    width: calc(100% + 10px) !important;
    max-width: calc(100% + 10px) !important;
    margin-left: -5px;
    margin-right: -5px;
    xpadding-left: 10px;
    xpadding-right: 15px;
}

.page-id-1150 .back-to {
    background: var(--blue);
    left: 25px;
    bottom: 64px !important;
    padding-bottom: 20px;
}

body.page-template-template-programme .elementor-widget-shortcode {
    width: 100%;
}

.elementor-element-accdcf5 img {
	object-fit: contain;
	object-position: left;
}

#sitemap svg {
    width: 100%;
    max-width: 100%;
    object-position: top;
    object-fit: contain;
    height: 100%;
}
#sitemap svg g path.hover, #sitemap svg g rect.hover {
    fill: #5FE2E1;
}
#sitemap svg g path.hover:hover, #sitemap svg g rect.hover:hover {
    fill: #3C2072;
}

#sitemap svg#overlay {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
}
#sitemap svg#overlay g#Group_138 > g {
    opacity: 0;
    transition: all .3s ease;
}
#sitemap svg#overlay g#Group_138 > g:hover {
    opacity: 1;
    transition: all .3s ease;
}
#sitemap svg#overlay text {
    pointer-events: none;
}

#sitemap svg g#Component_45_1 #Rectangle_184, #sitemap svg g#Component_45_1 #Rectangle_191, #Rectangle_185, #Rectangle_203, #Path_115, #Path_116, #Rectangle_206, #Rectangle_201 {
    opacity: 0;
}
#sitemap svg g#Component_45_1:hover #Rectangle_184, #Component_47_1:hover #Rectangle_203, #Component_48_1:hover #Rectangle_185, #Component_46_1:hover #Path_115, #Component_50_1:hover #Rectangle_206, #Component_49_1:hover #Rectangle_201 {
    opacity: 0.8;
}
#Component_46_1:hover #Path_116 {
    opacity: 1;
}
#sitemap svg text, #Rectangle_192, #Rectangle_194, #Rectangle_198, #Rectangle_204, #Group_136, #Group_133 {
    display: none;
}

/* SITEMAP OVERLAYS */
#singapore-af-forum-title {
    position: absolute;
    top: 2%;
    left: 3%;
    background: #65E5DF;
    font-weight: bold;
    xfont-size: 12px;
    padding: 2px 5px;
    display: none;
    pointer-events:none;
    line-height: normal;
}
#singapore-af-conf-title {
    position: absolute;
    top: 26%;
    left: 3%;
    background: #65E5DF;
    font-weight: bold;
    xfont-size: 12px;
    padding: 2px 5px;
    display: none;max-width: 40%;
    line-height: normal;
    pointer-events:none;
}
#singapore-af-expo-title-1 {
    position: absolute;
    top: 53%;
    left: 3%;
    background: #65E5DF;
    font-weight: bold;
    xfont-size: 12px;
    padding: 2px 5px;
    display: none;max-width: 40%;
    line-height: normal;
    pointer-events:none;
}
#singapore-af-expo-title-2 {
    position: absolute;
    top: 26%;
    left: 56%;
    background: #65E5DF;
    font-weight: bold;
    xfont-size: 12px;
    padding: 2px 5px;
    display: none;max-width: 40%;
    line-height: normal;
    pointer-events:none;
}
#venice-title {
    position: absolute;
    top: 39.25%;
    left: 75%;
    background: #65E5DF;
    font-weight: bold;
    xfont-size: 12px;
    padding: 2px 5px;
    display: none;
    max-width: 20%;
    line-height: 1.1em;
    pointer-events: none;
    transform: translate(-50%, -50%);
    text-align: center;
}
#architours-title, #archistudios-title {
    position: absolute;
    top: 14%;
    left: 9%;
    background: #65E5DF;
    font-weight: bold;
    xfont-size: 12px;
    padding: 2px 5px;
    display: none;
    max-width: auto;
    line-height: normal;
    pointer-events: none;
}

body.hover-af #singapore-af-forum-title, body.hover-conf #singapore-af-conf-title, body.hover-expo #singapore-af-expo-title-1, body.hover-expo #singapore-af-expo-title-2, body.hover-venice #venice-title, body.hover-architours #architours-title, body.hover-archistudios #archistudios-title {
    display: block;
}
/* END CONTENT */

/* FOOTER */
#footer {
    position: fixed;
    width: 100%;
    z-index: 99999;
    bottom: 0;
    background: var(--blue);
    padding-bottom: 20px;
    padding-top: 20px;
}
#footer-home {
    position: absolute;
    width: 100%;
    z-index: 9;
    bottom: 0;
    background: var(--blue);
    padding-bottom: 20px;
    padding-top: 20px;
    margin-left: -25px;
}
.footer-menu a.active {
    font-weight: bold;
}
.footer-menu a {
    white-space: nowrap;
}
#footer a {
    padding-left: 0;
    transition: all .3s ease;
    position: relative;
}
#footer a:hover, #footer a.active, #main-programmes-menu:hover .header-title a, #sgaf-happenings-menu:hover .header-title a {
    padding-left: 30px;
    transition: all .3s ease;
    text-decoration: none;
}
#footer a::before {
    content: '>>';
    position: absolute;
    left: -30px;
    top: -1px;
    width: 30px;
    transition: .3s ease;
    opacity: 0;
    font-weight: bold;
}
#footer a:hover::before, #footer a.active::before, #main-programmes-menu:hover .header-title a::before, #sgaf-happenings-menu:hover .header-title a::before  {
    left: 0;
    opacity: 1;
    transition: .3s ease;
    font-weight: bold;
}
footer {
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 85px;
    position: relative;
    background: var(--blue);
    z-index: 9;
}
footer .header-divider {
    top:0;
}

.strong .elementor-heading-title {
    font-weight: bold;
}
/* END FOOTER */

.elementor-editor-active #middle-col {display:none !important;}

.mobile {display:none;}
.desktop {display:block;}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.mobile {display:block;}
.desktop {display:none;}
.row.mobile {
    display: flex;
}
.home #content {
    margin-top: 100px;
}
}

@media (min-width: 992px) and (max-width: 1440px) {
    .elementor-13 .elementor-element.elementor-element-f7b68c3 > .elementor-widget-container {
        margin: 30px 0px 50px 0px;
        padding: 0% 10% 0% 15%;
    }
    .elementor-13 .elementor-element.elementor-element-3bc0f21 > .elementor-widget-container, .elementor-13 .elementor-element.elementor-element-ef96d3f > .elementor-widget-container {
        padding: 0% 20% 0% 0%;
    }
}

@media (max-width: 1680px) { 
    #footer a {
        font-size: 13px;
    }
    #footer a::before {
        top: -4px;
    }
}

@media (max-width: 1440px) {
	/* TYPOGRAPHY */
    h1, .h1 {
        font-size: calc(68px * 0.75);
        line-height: calc(82px * 0.75) !important;
    }
    h2, .h2 {
        font-size: calc(24px * 1);
    line-height: calc(34px * 1) !important;
    }
    .programme-page-title h2 {
        font-weight: bold;
    }
    #main-title {
        min-height: 250px;
    }
    .middle-divider {
        top: 400px;
    }
    .days-fixed {
        position: sticky;
        top: 145px;
    }
    .xelementor-element-213fc83 {
        margin-top: 80px;
    }
}

@media (max-width: 1366px) {
	/* TYPOGRAPHY */
h1, .h1 {
    font-size: calc(68px * 0.75);
    line-height: calc(82px * 0.75) !important;
}
h2, .h2 {
    font-size: calc(42px * 0.75);
    line-height: calc(52px * 0.75) !important;
}
h3, .h3 {
    font-size: ;
    line-height: ;
}
h4, .h4 {
    font-size: calc(24px * 0.75);
    line-height: calc(34px * 0.75) !important;
}
h5, .h5 {
    font-size: ;
    line-height: ;
}
body, html {
    font-size: 14px;
    line-height: 22px;
}
p {
    margin-bottom: 20px;
}
header {
    font-size: 14px;
    line-height: 17px;
}
small {
    font-size: ;
    line-height: ;
}
.elementor-button, .btn.btn-default {
    font-size: ;
    line-height: ;
}
.font-15-18 {
    font-size: 14px;
    line-height: 17px;
}
.font-mobile-12-18 {
    font-size: 13px !important;
    line-height: 21px !important;
}
/* END TYPOGRAPHY */
.speaker-popup {
    position: fixed;
    bottom: 62px;
    width: calc(66.6667% - 40px);
    right: 25px;
    padding-bottom: 20px;
    background-color: var(--blue);
    z-index: 999;
    height: calc(100vh - 166px);
    overflow: hidden;
}

}

@media (max-width: 991.98px) {
    /* TYPOGRAPHY */
/* h1, .h1 {
    font-size: calc(68px * 0.4);
    line-height: calc(82px * 0.4) !important;
} */
h2, .h2, h1, .h1 {
    font-size: 8vw;
    line-height: 1.3em !important;
}
h3, .h3 {
    font-size: ;
    line-height: ;
}
h4, .h4 {
    font-size: 24px;
    line-height: 28px !important;
}
h5, .h5 {
    font-size: ;
    line-height: ;
}
body, html {
    font-size: 13px;
    line-height: 21px;
}
.font-11-18 {
    font-size: 11px;
    line-height: 18px;
}
p {
    margin-bottom: 20px;
}
header {
    font-size: 13px;
    line-height: 21px;
}
small {
    font-size: ;
    line-height: ;
}
.elementor-button, .btn.btn-default {
    font-size: 13px;
    line-height: 1.1em;
    padding: 5px !important;
}
.font-15-18 {
    font-size: 15px;
    line-height: 18px;
}
.speaker-name {
    xpadding: 0;
}
.speaker-name.h4 {
font-size: 15px;
    line-height: 22px !important;
}
.portrait-img {
    padding: 10px 0;
}
.row.speakers .speaker-name {
    font-size: 13px !important;
    line-height: 21px !important;
}
.mobile-menu a {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 15px;
    position: relative;
}
.mobile-menu-footer a {
    margin-top: 20px;
}
.mobile-menu a.active {
    font-weight: bold;
    padding-left: 30px;
    transition: .3s ease;
}
.mobile-menu a::before {
    content: '>>';
    position: absolute;
    left: -30px;
    top: 0;
    width: 30px;
    transition: .3s ease;
    opacity: 0;
    font-weight: bold;
}
.mobile-menu a.active::before {
    left: 0;
    opacity: 1;
    transition: .3s ease;
    font-weight: bold;
}

/* END TYPOGRAPHY */
.cursor {
    display: none !important;
}

header {
    padding-top: 30px;
    padding-bottom: 13px;
}
.header-divider {
    top: 20px;
}
#content {
    margin-top: 90px;
}
.home h2 {
    margin-bottom: 0;
}
.day p {
    margin-bottom: 0px;
}

.speaker {
    margin-bottom: 30px;
}
.speaker-popup {
    position: fixed;
    bottom: 56px;
    width: calc(100% - 50px);
    right: 25px;
    padding-bottom: 20px;
    background-color: var(--blue);
    z-index: 999;
    height: calc(100vh - 141px);
    overflow: hidden;
    overflow-y: auto;
}
.speaker-content {
    height: auto;
    overflow: visible;
    overflow-y: auto;
    padding-bottom: 0;
    padding-top: 15px;
    padding-right: 30px;
}
.speaker-popup-header {
    padding: 10px 0;
    position: relative;
}
#ps-wrapper::before, #ps-wrapper::after {
    width: 25px;
}
#ps-wrapper {
    width: 100vw;
    height: calc(100vh - 330px);
    position: relative;
    top: 40vh;
    right: 0;
    z-index: 9999;
    background: var(--blue) url(/wp-content/themes/wp/img/mobile-bg.svg) no-repeat center center;
    background-size: cover;
    padding-left: 0;
    overflow: hidden;
}
.cam-status {
    display: none !important;
    opacity: 0 !important;
}
#footer {
    background-color: var(--blue);
    z-index: 999999;
    bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px;
}
#footer::before {
    content: '';
    width: 100%;
    height: 10px;
    background: var(--blue);
    position: absolute;
    top: -10px;
    display: none;
}
.buy-ticket {
    display: none;
}
.divider-before-ps {
    height: 10px;
    background: var(--blue);
}
#footer a.btn.pointer-buy {
    padding-left: 5px !important;
}
.close-mobile-menu {
    display: none;
}
#mobile-nav {
    position: fixed;
    bottom: 55px;
    left: 0;
    width: 100%;
    height: calc(100% - 140px);
    background: var(--blue);
    z-index: 99999;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translateY(calc(100% + 150px));
    transition: all 1s ease;
    overflow-y: auto;
    }
    #mobile-nav a {
        display: block;
    }
    #mobile-nav.shown {
        transform: translateY(0);
        transition: all 1s ease;
    }
    
    .elementor-element-7a70115 {
        margin-top: -20px;
    }
    .open-day em, .open-day br {
        font-style: normal;
        display: none;
    }
    .elementor-element-8ec4464 {
        display: none;
    }
    .elementor-element-735fb98 {
        margin-top: -15px;
    }
    .mt-xs-4 {
        margin-top: 20px;
    }
    header, .scrolled header {
        position: fixed !important;
        z-index: 999999999 !important;
    }
    .home #content {
        margin-top: 100px;
        height: calc(100vh - 100px);
        max-height: 100%;
        z-index: 9999999;
        position: relative;
    }
    .home-content {
        margin-top: 0;
    }
    #sitemap svg {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .sidebar-sticky {
        position: relative;
        top: 0;
    }

    .p-0 {
        margin-bottom: 0;
    }
    .mobile-font-15 .elementor-heading-title {
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: bold;
    }
    .mobile-font-15-nb  .elementor-heading-title {
        font-size: 15px !important;
        line-height: 22px !important;

    }

    .home footer {
        margin-top: 0;
    }

    .sub-menu {
        margin-left: 40px;
        margin-top: 15px;
    }
    .with-submenu {
        margin-top: 10px;
        margin-bottom: 10px !important;
    }

    .back-to, .back-to-container {
        display: none;
    }

    p:last-child {
        margin-bottom: 0;
    }

    .elementor-element-2b1858a > .elementor-element {
        width: calc(50% - 20px) !important;
    }

    .sub-menu a.active {
        padding-left: 0;
    }

    .programmes-container .programme {
        width: 50%;
    }
    .programme h4.elementor-heading-title {
        font-size: 15px;
        line-height: 18px !important;
    }
    .programmes-container {
        margin-left: -10px;
        margin-right: -10px;
        flex-grow: 1 !important;
    }

    .elementor-element-62b5f708, body.parent-pageid-853 .elementor-element-6e80d16 {
        display: none;
    }
}

/* END MOBILE 991 */

@media (max-width: 767.98px) {
    .elementor-element-ce2a15f, .elementor-element-213fc83 {
        xmargin-top: 80px;
    }
    .sidebar-fixed {
        position: relative;
        left: 0;
        top: 0;
    }
    .day > .e-con > .e-con-inner > .e-child:first-of-type {
        width: 100px;
    }
    .day > .e-con > .e-con-inner > .e-child:first-of-type {
        width: calc(100% - 100px);
    }
    .day > .e-con > .e-con-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .elementor-element-30ef6d6 .e-con-inner {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }
    .elementor-element-30ef6d6 .elementor-widget-html {
        display: none;
    }
    .elementor-element-30ef6d6 {
        overflow-x: auto;
    }
    .open-day {
        width: auto;
        margin-right: 20px;
    }
    .elementor-element-30ef6d6 .e-con-inner {
        max-width: 500px !important;
        width: 100% !important;
    }
    #main-title {
        height: auto;
        display: block;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-element-ce2a15f, .elementor-element-213fc83 {
        margin-top: 80px;
    }
    .sidebar-fixed {
        position: relative;
        left: 0;
        top: 0;
    }
    .elementor-element-735fb98 {
        margin-top: 200px;
    }
    .elementor-element-30ef6d6 {
        top: 115px;
    }
    .elementor-widget-text-editor .elementor-widget-container {
        padding-right: 0 !important;
    }
    h2, .h2, h1, .h1 {
        font-size: 5vw;
        line-height: 1.3em !important;
    }
    .elementor-element-7f75bcb, .elementor-element-90182ed, .elementor-element-9a9f881 {
        height: 20px;
        overflow-y: hidden;
    }
}

.elementor-editor-active .cursor {
    display: none !important;
}