/**
 * Place your custom styles here.
 */

html{
overflow-x: hidden;
}
body{
    font-size: 17px !important;
    font-weight: normal;
    margin: 0;
    color: rgba(255,255,255,0.9) !important;
    font-family: 'Ubuntu' !important;
    overflow-x: hidden;
    background: none !important;
    line-height: 25px !important;
    animation-name: loader;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
}
    body:after{
        content: "dev version | screen: mobile";
        display: none;
        padding: 5px 10px;
        background: rgba(0,0,0,0.5);
        color: rgba(255, 255, 255, 0.7);
        position: fixed;
        bottom: 5px;
        right: 5px;
        font-size: 11px;
        z-index: 9999;
    }

.row{
    --bs-gutter-x: 0;
}

@keyframes loader{
    0% { opacity: 0; }
    100% { opacity: 1; }
}

:target{
    background: rgb(255,226,0);
    background: linear-gradient(90deg, rgba(211,244,0,0.7) 0%, rgba(255,255,255,0) 100%);
    padding: 10px 10px;
    position: relative;
}
:target::after{
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -15px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600; 
    content: "\f02e";
    color: #EEEEEE;
    transform: rotate(90deg);
}

a, .link{
    text-decoration: none !important;
    outline: none;
    transition: color 0.3s ease-out;
    color: #374785;
    /* color: #243569; */
}
a:hover,
a:focus,
.link:hover,
.link:focus {
    color: #374785;
}
    .main-content .node--type-custom-page .field--name-field-body a{
        color: #00a9bd;
        /* padding-bottom: 2px;
        display: inline-block;
        border-bottom: 1px dashed #00a9bd; */
    }

select:focus-visible {
    outline: none;
}

.page-link,
.page-link:hover {
  color: #374785;
}

.btn-primary {
    background-color: #374785;
    border-color: #374785;
  }
  
  .btn-primary:hover,
  .btn-primary:focus {
    background-color: #374785;
  }
  

ul, ol{
    margin: 0 0 0 0;
    padding: 0;
}
    /* .node--type-basic-page .node__content ul,
    .node--type-basic-page .node__content ol{
        margin-bottom: 20px;
        padding-left: 20px;
    }
    .node--type-basic-page .node__content li ul,
    .node--type-basic-page .node__content li ol{
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 20px;
    }
    .node--type-basic-page .node__content ul li,
    .node--type-basic-page .node__content ol li{
        padding-left: 20px;
        margin-bottom: 15px;
        margin-left: 15px;
    } */
li{
    padding-left: 20px;
    margin-bottom: 15px;
    margin-left: 20px;
}
    .toolbar-menu li{
        margin-bottom: 0;
    }
h1{
    font-size: 22px;
}
    h1.title{
        color: #333333;
        border: 0;
        font-size: 1.92em;
        /* font-size: 27px; */
        font-weight: 500;
        margin: 0 0 20px 0;
        text-transform: capitalize;
        margin-bottom: 50px;
    }


h2{
    font-size: 20px;
}
    .node--type-custom-page h2{
        font-size: 28px;
        font-weight: 800;
        margin-bottom: 32px;
        text-transform: capitalize;
        color: #00a9bd;
    }
h3{
    font-weight: bold;
    font-size: 17px;
}
    .node--type-custom-page h3{
        margin-bottom: 30px;
        font-size: 20px;
    }

button{
    outline: none;
}
:target{
    /* background: yellow; */
}

/* Table */
.table thead th{
    border-bottom: 0;
    border-top: 0;
    padding: 15px;
    background: #808080;
    border-width: 2px;
}
table.table tr:nth-child(odd) td{
    background: #f7f7f7;
}
table.table tr:nth-child(even) td{
    background: #EEEEEE;
}

/* Table (view) */

.view table{
    font-size: 15px;
}
.view table tr{

}
.view table th{
    padding: 10px;
    background: #f5f8fd;
    /* border: 1px solid #CCCCCC; */
    color: #333333;
    font-size: 14px;
    text-transform: uppercase;
}
.view table td{
    padding: 10px 20px;
    /* border: 1px solid #CCCCCC; */
    font-size: 14px;
}
.view table tr:nth-child(odd) td{
    background: #f5f8fd;
}
.view table tr:nth-child(even) td{
    background: #FFFFFF;
}
.view table td a{
    color: #333333;
}


/* Nav tabs */
nav.tabs{
    margin: 7px 0 20px 0;
    position: relative;
    /* z-index: 100; */
    
    
}
nav.tabs ul{
    border-color: #FFFFFF;
}
nav.tabs ul li{
    margin: 0;
    padding: 0;
}
nav.tabs ul li a{
    color: #FFFFFF;
}
nav.tabs .nav-item.active a{
    border-color: #FFFFFF;
}

/* Paragraphs */
.field--name-field-paragraphs > .field__item{
    margin-bottom: 30px;
}

/* Paragraphs: Custom page */
.paragraph--type--rich-text table{
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin-bottom: 40px;
}
.paragraph--type--rich-text table thead tr{
    height: auto !important;
}
.paragraph--type--rich-text table thead tr th{
    background: #652f87;
    padding: 10px !important;
    color: #FFFFFF !important;
    font-weight: 500;
    border: 1px solid #FFFFFF;
}
.paragraph--type--rich-text table thead tr th p{
    margin: 0;
    color: #FFFFFF !important;
}
.paragraph--type--rich-text table thead tr th p span{
    color: #FFFFFF !important;
}
.paragraph--type--rich-text table tbody td{
    padding: 20px !important;
}
.paragraph--type--rich-text table.table tr:nth-child(even) td{
    background: #eddce6;
}
.paragraph--type--rich-text table.table tr:nth-child(odd) td{
    background: #0b1636 !important;
}
.paragraph--type--rich-text table.table tr:nth-child(odd) td *{
    color: #FFFFFF !important;
}
.paragraph--type--rich-text hr{
    border-bottom: 1px solid #FFFFFF;
    width: 50%;
    margin: 20px auto;
}

/* Paragraphs: Info boxes */
.paragraph--type--info-boxes{

}
.paragraph--type--info-boxes .field--name-field-para-info-box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 30px;
}
.paragraph--type--info-boxes .field--name-field-info-box-title{
    font-weight: bold;
}
.paragraph--type--info-boxes .field--name-field-para-info-box > .field__item{
    /* border: 1px solid red; */
    padding: 5px;
    width: 100%;
}

.paragraph--type--info-boxes .field--name-field-para-info-box .paragraph--type--info-box{
    /* background: #CCCCCC; */
    border: 1px solid #652f87;
    background: #652f87;
    padding: 20px 20px;
    border-radius: 5px;
    height: 100%;
    transition: background 0.3s ease-out, color 0.2s ease-out, border-color 0.3s ease-out;
    position: relative;
    overflow: hidden;
}
.paragraph--type--info-boxes .field--name-field-para-info-box .paragraph--type--info-box:hover{
    background: #00a9bd;
    border-color: #00a9bd;
    color: #FFFFFF;
}
.paragraph--type--info-boxes .field--name-field-para-info-box .field__item{
    flex-grow: 2;
}
.paragraph--type--info-boxes .field--name-field-para-info-box .field__item.break{
    flex-basis: 100%;
    visibility: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}
.paragraph--type--info-boxes .field--name-field-para-info-box .field--name-field-fontawesome-icon{
    position: absolute;
    bottom: -20%;
    right: -5%;
}
.paragraph--type--info-boxes .field--name-field-para-info-box .field--name-field-fontawesome-icon i{
    color: rgba(255,255,255,0.3);
    font-size: 100px;
}
.paragraph--type--info-boxes .field--name-field-para-info-box-title{
    font-weight: bold;
    font-size: 20px;
    margin: 30px 0 30px 0;
}

/* Paragraph: Event Timetable */
.paragraph--type--event-timetable .paragraph--type--event{
    display: flex;
    padding: 20px 0 10px 0;
}
.paragraph--type--event-timetable .field--type-entity-reference-revisions > .field__item{
    border-bottom: 2px solid #72bbea;
    padding: 0 20px;
}
.paragraph--type--event-timetable .field--type-entity-reference-revisions > .field__item:last-child{
    border-bottom: 0;
}
.paragraph--type--event-timetable .field--type-entity-reference-revisions > .field__item:nth-child(odd){

}
.paragraph--type--event-timetable .paragraph--type--event .field--name-field-event-timetable-time-long{
    margin-right: 20px;
    width: 20%;
    display: flex;
    font-size: 20px;
    line-height: 25px;
}
/* .paragraph--type--event-timetable .paragraph--type--event .field--name-field-event-timetable-time-long:before{
    font-family: 'Font Awesome 5 Pro';
    content: "\f017";
    margin-right: 20px;
} */
/* .paragraph--type--event-timetable .paragraph--type--event .field--name-field-event-timetable-time{
    margin-right: 20px;
    width: 30%;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
}
.paragraph--type--event-timetable .paragraph--type--event .field--name-field-event-timetable-time:before{
    font-family: 'Font Awesome 5 Pro';
    content: "\f017";
    margin-right: 20px;
} */
.paragraph--type--event-timetable .paragraph--type--event .field--name-field-event-timetable-agenda{
    width: 70%;
}
.paragraph--type--event-timetable .paragraph--type--event .field--name-field-event-timetable-agenda p{
    margin: 5px;
}

/* Paragraph: Speaker */
.paragraph--type--speaker .field--name-field-speaker-info{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.paragraph--type--speaker .field--name-field-speaker-info > .field__item{
    width: 90%;
    margin: 0 0 50px 0;
    padding: 20px 10px;
    border-radius: 10px;
    transition: background 0.3s ease-out;
}
.paragraph--type--speaker .field--name-field-speaker-info > .field__item:hover{
    background: rgba(255,255,255,0.1);
}
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info{
    display: flex;
    flex-direction: column;
    position: relative;
}
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-speaker-name{
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 10px 0;
    color: #ffde59;
}

.paragraph--type--speaker-info[class^="flag-"] .field--name-field-speaker-name::before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
}
.paragraph--type--speaker-info.flag-my .field--name-field-speaker-name::before{
    background-image: url("../images/malaysia-flag-icon.jpg");
}
.paragraph--type--speaker-info.flag-ph .field--name-field-speaker-name::before{
    background-image: url("../images/philippines-flag-icon.jpg");
}
.paragraph--type--speaker-info.flag-sg .field--name-field-speaker-name::before{
    background-image: url("../images/singapore-flag-icon.jpg");
}
.paragraph--type--speaker-info.flag-id .field--name-field-speaker-name::before{
    background-image: url("../images/indonesia-flag-icon.jpg");
}
.paragraph--type--speaker-info.flag-ca .field--name-field-speaker-name::before{
    background-image: url("../images/canada-flag-icon-rv2.jpg");
    width: 18px;
}

.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-speaker-position{
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 10px 0;
    min-height: 30px;
}
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-speaker-company,
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-speaker-company-long{
    font-size: 13px;
    line-height: 16px;
    font-style: italic;
}
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-speaker-photo{
    margin: 0 0 5px 0;
}
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-speaker-photo img{
    /* border-radius: 50%; */
    border: 5px solid #FFFFFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    height: 200px;
    width: auto;
    object-fit: cover;
    border-radius: 0 0 0 0;
}
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-speaker-biodata{
    display: none;
}
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-biodata{
    display: none;
}
.paragraph--type--speaker .field--name-field-speaker-info .paragraph--type--speaker-info .field--name-field-speaker-biodata.is-active{
    display: block;
}
.paragraph--type--speaker .field--name-field-speaker-info .biodata-button{
    font-size: 11px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 73%;
    transform: translateX(-50%);
    background: #f1c98e;
    color: #000000;
    padding: 0px 5px;
    transition: background 0.3s ease-out, color 0.2s ease-out;
    border-radius: 0 10px;
}
    .paragraph--type--speaker .field--name-field-speaker-info .biodata-button:hover{
        background: #00a9bd;
        color: #FFFFFF;
    }
.paragraph--type--speaker .field--name-field-speaker-info .biodata-button:before{
    font-family: 'Font Awesome 5 Pro';
    content: "\f05a";
    font-weight: bold;
    font-size: 16px;
}
.paragraph--type--speaker .field--name-field-speaker-info .biodata-button span{
    display: none;
}

.paragraph--type--speaker .field--name-field-speaker-info .modal-header{
    color: #ffde59;
    background: #0c1737;
}
.paragraph--type--speaker .field--name-field-speaker-info .modal-dialog{
    border-radius: 15px;
}
.paragraph--type--speaker .field--name-field-speaker-info .modal-header h5{
    font-weight: bold;
}
.paragraph--type--speaker .field--name-field-speaker-info .modal-body{
    color: #000000;
    font-size: 14px;
    text-align: left;
    padding: 5%;
}
.paragraph--type--speaker .field--name-field-speaker-info .btn-close{
    background: #dc3545;
    color: #FFFFFF;
    width: auto;
    height: auto;
    opacity: 1;
    font-size: 13px;
    padding: 5px 10px;
    text-transform: uppercase;
}
.paragraph--type--speaker .field--name-field-speaker-info .align-left{
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 7px;
    border: 5px solid #FFFFFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.paragraph--type--speaker .field--name-field-speaker-info .field__item.break{
    flex-basis: 100%;
    visibility: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}

/* Paragraph: Two-column */
.paragraph--type--two-column{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    margin: 30px 0 0 0;
}

.paragraph--type--two-column .field--name-field-column-two{

}

.paragraph--type--two-column .field--name-field-column-one{
    padding: 20px;
}
.paragraph--type--two-column .field--name-field-column-two{
    padding: 20px;
}


    .paragraph--type--two-column.left-50-right-50 .field--name-field-column-one, 
    .paragraph--type--two-column.left-50-right-50 .field--name-field-column-two,
    .paragraph--type--two-column.left-25-right-75 .field--name-field-column-one,
    .paragraph--type--two-column.left-25-right-75 .field--name-field-column-two,
    .paragraph--type--two-column.left-75-right-25 .field--name-field-column-one,
    .paragraph--type--two-column.left-75-right-25 .field--name-field-column-two,
    .paragraph--type--two-column.left-60-right-40 .field--name-field-column-one,
    .paragraph--type--two-column.left-60-right-40 .field--name-field-column-two,
    .paragraph--type--two-column.left-40-right-60 .field--name-field-column-one,
    .paragraph--type--two-column.left-40-right-60 .field--name-field-column-two{ 
        width: 100%; 
    }
    
    .paragraph--type--two-column.valign-middle .field--name-field-column-one{ align-content: center; }
    .paragraph--type--two-column.valign-middle .field--name-field-column-two{ align-content: center; }



.paragraph--type--two-column.swap-on{
    flex-direction: row-reverse;
}

/* Paragraph: Youtube embed */
.paragraph--type--youtube-embed {
    text-align: center;
}
.paragraph--type--youtube-embed iframe{
    width: 80%;
    min-height: 300px;
    height: auto;
    margin: 0 auto;
}

/* Paragraph: Image card with button */
.paragraph--type--image-cards .field--name-field-cards{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.paragraph--type--image-card-with-button{
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
    margin: 0 0 20px 0;
    transition: background 0.3s ease-out;
    border-radius: 7px;
}
.paragraph--type--image-card-with-button:hover{
    background: rgba(0,0,0,0.3);
    backdrop-filter: blur(3px);
}
.paragraph--type--image-card-with-button .field--name-field-card-img.field--type-image{
    margin: 0;
    padding: 0;
}
.paragraph--type--image-card-with-button .field--name-field-card-img img{
    object-fit: contain;
    height: auto;
    width: 100%;
    border-radius: 7px;
}
.paragraph--type--image-card-with-button .field--name-field-card-link{
    margin: 0 0 20px 0;
}
.paragraph--type--image-card-with-button .field--name-field-card-link a{
    display: inline-block;
    padding: 7px 20px;
    color: #FFFFFF;
    background: #652f87;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    transition: background 0.3s ease-out;
}
.paragraph--type--image-card-with-button .field--name-field-card-link a:hover{
    background: #00a9bd;
}

body:not(.path-frontpage) #page{
    background: #0c1737 url("../images/bimp-eaga-dark-bg.png") no-repeat 0 100% !important;
}
body.path-frontpage #page{
    background: #0c1737 !important;
}
    /* Programmes pages (Conference and CyberChallenge) */
    body.page-node-22 #page,
    body.page-node-23 #page,
    body.page-node-25 #page{
        background: #0c1737 url("../images/conference-bg-01-rv3.jpg") 40% 0 repeat !important;
        background-size: cover;
    }

#main-wrapper{
    background: none !important;
    /* background: #0c1737 !important; */
}

#main{
    /* padding: 20px 3%; */
    padding: 20px 5%;
}
    body.path-frontpage #main{
        display: none;
    }

/* Main header */
.main-header{
    /* background: #000000; */
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 550;
    width: 100%;
    transition: padding 0.3s ease-out;
    text-align: center;
}
    body.toolbar-horizontal .main-header{
        top: 39px;
    }
    body.toolbar-horizontal.toolbar-tray-open .main-header{
        top: 79px;
    }
    body.scrolled .main-header{
        background: rgba(0,0,0,0.3);
        padding: 10px 10px;
        backdrop-filter: blur(25px);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
    }

.path-frontpage .main-content{
    display: none;
}

/* Logo */
.logo-block{
    display: none;
}
.logo-block img{
    object-fit: contain;
    height: 70px;
    width: auto;
    transition: height 0.3s ease-out;
}
    body.scrolled .logo-block img{
        height: 40px;
    }

/* BECS logo 2 part - image and text */
.becs-logo-two-part-block{
    display: none;  
}
.becs-logo-container a{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.becs-logo-container .logo-image img{
    object-fit: contain;
    height: 70px;
    width: auto;
    transition: height 0.3s ease-out;
    animation: rotate-logo 2s linear infinite;
}
.becs-logo-container .logo-text img{
    object-fit: contain;
    height: 70px;
    width: auto;
    transition: height 0.3s ease-out;
}
    body.scrolled .logo-image img{
        height: 50px;
    }
    body.scrolled .logo-text img{
        height: 50px;
    }

/* Rotating logo */
.logo-rotating-block{
    text-align: center;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.logo-rotating-block img {
    width: 100px;
    height: auto;
    object-fit: contain;
    animation: rotate-logo 2s linear infinite;
}

@media(max-width:650px){
/*************************************************************/

    .logo-rotating-block img {
        object-fit: contain;
        height: 10vw;
        width: auto;
    }

/*************************************************************/
}

/* Main menu */
.main-menu-superfish-block{
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    display: none;
}
ul#superfish-main{
    margin: 0;
}
ul#superfish-main li{
    background: none;
}
ul#superfish-main li a,
ul#superfish-main li span.nolink{
    background: none;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
ul#superfish-main li span.nolink{
    background: none;
    color: #FFFFFF;
    text-transform: uppercase;
}
ul#superfish-main li ul{
    background: rgba(0,0,0,0.8);
    backdrop-filter: blur(3px);
}
ul#superfish-main li ul li a{
    text-transform: capitalize;
    text-align: left;
}
ul.sf-menu .sf-sub-indicator:after{
    font-family: 'Font Awesome 5 Pro';
    content: "\f107";
    font-weight: bold;
}
ul#superfish-main li.active-trail span,
ul#superfish-main li.active-trail a.is-active{
    color: #f1c98e;
}

/* Mobile superfish */
#superfish-main-toggle{
    background: rgba(0,0,0,0.5);
}
    #superfish-main-toggle span{
        /* display: none; */
        margin-right: 15px;
        color: #FFFFFF;
    }
    div.sf-accordion-toggle.sf-style-default > a:after{
        color: #FFFFFF;
    }
    div.sf-accordion-toggle.sf-style-default a{
        padding: 25px;
    }
    /* body.toolbar-horizontal #superfish-main-toggle{
        margin-top: 39px;
    }
    body.toolbar-horizontal.toolbar-tray-open #superfish-main-toggle{
        margin-top: 79px;
    } */

/* Mobile menu */
.mobile-slider{
    background: #0b1636;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 500;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    transition: left 0.5s ease-out;
}
.mobile-slider.is-active{
    left: 0;
}
.mobile-slider:before{
    content: "";
    background: rgb(11, 22, 54, 0.3) url("../images/menu-slider-bg-rv2.png") 0 100% no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    opacity: 0.5;
}

/* Menu mobile block */
.menu-mobile-block{
    position: relative;
    z-index: 100;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}
.menu-mobile-block ul.nav li{
    margin: 0;
    padding: 5px 10px;
}
.menu-mobile-block ul.nav li a,
.menu-mobile-block ul.nav li span{
    text-transform: capitalize;
    font-size: 22px;
    white-space: normal;
}
.menu-mobile-block ul.nav li.active a.active{
    font-weight: bold;
    color: #ffd095;
}
.menu-mobile-block ul.dropdown-menu{
    background: #000000;
    padding: 10px 10px;
    position: relative;
    transform: none;
}
.menu-mobile-block ul.dropdown-menu li{
    margin: 0;
    padding: 0;
}
.menu-mobile-block ul.dropdown-menu li:hover{
    background: none;
}
.menu-mobile-block ul.dropdown-menu li a{
    font-size: 17px;
    color: #FFFFFF;
    padding: 5px 10px;
    display: block;
    transition: color 0.3s ease-out;
}
.menu-mobile-block ul.dropdown-menu li a:hover{
    color: #ffd095;
    background: none;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

    body.toolbar-horizontal .menu-mobile-block{
        padding-top: 15%;
    }
    body.toolbar-horizontal.toolbar-tray-open .menu-mobile-block{
        padding-top: 20%;
    }
    body.toolbar-vertical .menu-mobile-block{
        padding-top: 15%;
    }

/* Hamburger menu */
.hamburger-menu-block{
    background: #374785;
    position: fixed;
    top: 10px;
    right: 30px;
    z-index: 600;
    border-radius: 50%;
    width: 57px;
    height: 57px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    transition: top 0.3s ease-out, right 0.3s ease-out, background 0.5s ease-out, transform 0.3s ease-out;
}
.hamburger-menu-block.is-active{
    background: #ffd095;
    right: 50%;
    transform: translateX(50%);
}
    body.toolbar-horizontal .hamburger-menu-block{
        margin-top: 39px;
    }
    body.toolbar-horizontal.toolbar-tray-open .hamburger-menu-block{
        margin-top: 79px;
    }
    body.toolbar-vertical .hamburger-menu-block{
        margin-top: 39px;
    }

    /* front page */
    body.path-frontpage .hamburger-menu-block{
        top: 30px;
        /* top: 90px;
        right: calc(60px + 20px); */
    }
    /* inner page */
    body.path-frontpage.menu-open .hamburger-menu-block{
        top: 30px;
    }

    /* front page scrolled */
    /* body.scrolled .hamburger-menu-block{
        top: 140px;
    } */
    

    /* inner page */
    body:not(.path-frontpage) .hamburger-menu-block{
        top: 20px;
    }

    /* inner page scrolled */
    body:not(.path-frontpage).scrolled .hamburger-menu-block{
        top: 20px;
    }

/* body.menu-open .hamburger-menu-block{
    top: 20px;
    right: 30px;
} */

.hamburger-menu-block .hamburger-label{
    display: none;
}
.hamburger-menu-block .hamburger-inner, 
.hamburger-menu-block .hamburger-inner:after, 
.hamburger-menu-block .hamburger-inner:before {
    background-color: #FFFFFF;
    width: 17px;
    height: 3px;
    border-radius: 2px;
}

.hamburger-menu-block .hamburger{
    padding: 0;
}
.hamburger-menu-block .hamburger-box{
    width: 25px;
    
    padding: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hamburger-menu-block .field--type-text-with-summary{
    height: 63px;
    width: 63px;
}

.hamburger-menu-block .hamburger-inner {
    margin: 0;
}

.hamburger.is-active .hamburger-inner, 
.hamburger.is-active .hamburger-inner:after, 
.hamburger.is-active .hamburger-inner:before{
    background-color: #374785 !important;
}
.hamburger.is-active:hover, .hamburger:hover{
    opacity: 1 !important;
}

.hamburger-menu-block .hamburger-inner:before{
    top: -8px;
}
.hamburger-menu-block .hamburger-inner:after{
    bottom: -8px
}
.hamburger-menu-block .field__item{
    margin: 0;
}

/* Overlay */
.menu-open-overlay.is-active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(255,255,255,0.8); */
    background: rgba(0,0,0,0.67);
    animation-name: overlay-fade-in;
    animation-fill-mode: forwards;
    animation-duration: 0.6s;
    z-index: 210;
}
@keyframes overlay-fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


/* Frontpage first */
.frontpage-first{
    position: relative;
    background: #0b1636;
}

/* Main hero */
.main-hero-block{

}
.main-hero-block img{
    object-fit: cover;
    width: 100%;
    height: auto;
    margin: 0;
}
.main-hero-block p{
    margin: 0;
}

/* Hero banner container */
.hero-banner{
    position: relative;
}

/* Hero banner block */
.hero-banner-block .views-field-field-hero-img img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Tagline & Event Details block */
.tagline-event-details-block{
    background: #0b1636;
    /* margin-top: -50px; */
    padding: 0px 20px 50px 20px;
    text-align: center;   
}
/* Tagline */
.tagline-container{
    margin-bottom: 40px;
}
.tagline-container h2{
    font-size: 30px;
    color: #FFFFFF;
}
.tagline-container h2 span.gold {
    color: #ffd095;
    position: relative;
    display: inline-block;
    /* Narrow white sheen effect */
    background: linear-gradient(90deg, #ffd095 0%, #ffd095 45%, #fff 50%, #ffd095 55%, #ffd095 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gold-sheen 2s linear infinite;
}

@keyframes gold-sheen {
    0% {
        background-position: 200% center;
    }
    100% {
        background-position: 0 center;
    }
}
/* Event details (Home) */
.event-details-container{
    display: flex;
    flex-wrap: wrap;
    color: #FFFFFF;
}
.event-details-container .date-box{
    border: 1px solid #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    width: 100%;
    margin-bottom: 20px;
}
.event-details-container .date-box span.day{
    font-size: 35px;
    font-weight: 500;
}
.event-details-container .date-box span.month{
    font-size: 13px;
    margin-top: 10px;
}
.event-details-container .details{
    margin-left: 40px;
    text-align: left;
}
.event-details-container .details ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.event-details-container .details ul li{
    margin: 0 0 10px 0;
    padding: 0;
}
.event-details-container .details ul li.venue:before{
    font-family: 'Font Awesome 5 Pro';
    content: "\f3c5";
    font-weight: bold;
    margin-right: 30px;
}
.event-details-container .details ul li.date-time:before{
    font-family: 'Font Awesome 5 Pro';
    content: "\f783";
    font-weight: bold;
    margin-right: 30px;
}

.event-details-container .cta-button{
    flex-basis: 100%;
    margin-top: 20px;
    display: none;
    /* display: flex; */
}
.event-details-container .cta-button a.register{
    background: #679d45;
    padding: 10px 10px;
    color: #FFFFFF;
    text-align: center;
    width: 60%;
    margin-right: 10px;
}
.event-details-container .cta-button a.save{
    background: #EEEEEE;
    padding: 10px 10px;
    color: #333333;
    text-align: center;
    width: 40%;
}
.event-details-container .cta-button a.save:before{
    font-family: 'Font Awesome 5 Pro';
    content: "\f783";
    font-weight: bold;
    margin-right: 30px;
}

/* Countdown */
.countdown-block{
    padding: 0 0 100px 0;
    margin: 0 0 0 0;
    display: none;
}
.countdown-block .countdown-title{
    color: #FFFFFF;
}
.gravistas-container{
    padding: 10px;
}
.gravistas-container.layout-1 .gravitas-countdown ul li{
    background: none;
}
.gravistas-container.layout-1 .gravitas-countdown ul li{
    font-size: 15px;
}
.gravistas-container.layout-1 .gravitas-countdown ul li span{
    font-size: 25px;
    margin-bottom: 5px;
}
.gravistas-container.layout-1 .gravitas-countdown ul li.hours-container{

}
.gravistas-container.layout-1 .gravitas-countdown ul li.minutes-container{

}
.gravistas-container.layout-1 .gravitas-countdown ul li.seconds-container{

}

/* Frontpage second */
.frontpage-second{
    display: flex;
    flex-direction: column;
    background: url("../images/frontpage-second.png") no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

/* Round poster */
.round-poster-block{
    text-align: center;
}
.round-poster-block .content p{
    margin: 0;
}
.round-poster-block .content img{
    object-fit: contain;
    width: 80%;
    height: auto;
}

/* Intro Home */
.intro-home-block{
    width: 90%;
    align-self: center;
}
.intro-home-block .content{
    border: 1px solid #01fffe;
    position: relative;
    color: #FFFFFF;
    padding: 8%;
    text-align: justify;
}
.intro-home-block .content:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #9b00cb;
    position: absolute;
    left: 20px;
    top: -20px;
}

/* Inner banner */
.inner-banner{
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 70px;
}

/* Inner banner vector */
.inner-page-banner-vector-block {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 300;
    width: 100%;
    /* border: 2px dashed blue; */
    display: none;
}


/* Inner banner default */
.inner-banner-default-block .content img{
    object-fit: cover;
    width: 100%;
    height: 400px;
    object-position: top;
}

/* Page title */
.page-title-block{
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}
.page-title-block h1{
    margin: 0;
    color: #FFFFFF;
    font-size: 40px;
    font-family: "Ubuntu";
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
}
    /* Page banner logo (logo under page title) */
    .views-field-field-banner-logo{
        margin-bottom: -50%;
        margin-top: 10px;
    }
    .views-field-field-banner-logo img{
        object-fit: contain;
        height: 50px;
        width: auto;
        border-radius: 5px;
    }

/* Speakers */
.view-speakers .view-content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.view-speakers .view-content ul li{
    width: 33%;
    text-align: center;
    margin-bottom: 30px;
}
.view-speakers .view-content ul li .photo{
    margin-bottom: 10px;
}
.view-speakers .view-content ul li .photo img{
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.view-speakers .view-content ul li h2{

}
.view-speakers .view-content ul li .position{
    font-size: 13px;
}
.view-speakers .view-content ul li .company{
    font-size: 13px;
}
.view-speakers h3{
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 32px;
    text-transform: capitalize;
    color: #00a9bd;
    text-align: center;
}

/* Sidebar default */
.sidebar .block{

}

/* Sidebar menu */
.sidebar-menu-block{
    margin-right: 40px !important;
    border: 1px solid #948eb0 !important;
    padding: 0 !important
}
.sidebar-menu-block ul.nav{
    margin: 0 !important;
}
.sidebar-menu-block ul.nav li{
    border-bottom: 1px solid #948eb0;
    margin: 0;
    padding: 0;
}
.sidebar-menu-block ul.nav li:last-child{
    border-bottom: 0;
}
.sidebar-menu-block ul.nav li a{
    padding: 10px 30px;
    color: #0d103b;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.sidebar-menu-block ul.nav li a.active{
    background: #652f87;
    color: #FFFFFF;
}


/* Site footer */
.site-footer{
    padding: 0 !important;
    margin: 0 !important; 
    font-family: "Ubuntu" !important;
    background: none !important;
}
.site-footer .block{
    border: 0 !important;
    padding: 20px !important;
    margin: 0 !important
}
.site-footer .content{
    color: #FFFFFF !important;
}


/* Footer second */
.footer-second{
    background: #0b1636;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}

/* Footer logo */
.footer-logo-block .figure-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer-logo-block figure{
    margin: 0 10px;
}
.footer-logo-block figcaption{
    line-height: 18px;
}

/* Organizer */
.organizer-block{
    text-align: center;
}
.organizer-block img{
    height: 120px;
    width: auto;
    object-fit: contain;
}
.organizer-block h2{
    color: #FFFFFF !important;
    text-transform: uppercase;
}


/* Strategic Partner */
.strategic-partner-block{
    text-align: center;
    flex-basis: 100%;
}
.strategic-partner-block img{
    height: 100px;
    width: auto;
    object-fit: contain;
}
.strategic-partner-block h2{
    color: #FFFFFF !important;
    text-transform: uppercase;
}

/* Supported By */
.supported-by-block{
    text-align: center;
}
.supported-by-block img{
    height: 120px;
    width: auto;
    object-fit: contain;
}
.supported-by-block h2{
    color: #FFFFFF !important;
    text-transform: uppercase;
}


/* Footer third */
.footer-third{
    /* background: #0b1636; */
    padding: 2% 2%;
}

/* Logo footer */
.logo-footer-block{
    text-align: center;
}
.logo-footer-block img {
    width: 100px;
    height: auto;
    object-fit: contain;
    animation: rotate-logo 2s linear infinite;
}

@keyframes rotate-logo {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Copyright */
.copyright-block{
    text-align: center;
}


/* Edit button */
.views-field-edit-node{
    position: relative;
    z-index: 20;
}
.views-field-edit-node a{
    display: inline-block;
    background: gold;
    color: #000000;
    border-radius: 5px;
    font-size: 12px;
    padding: 1px 10px;
    border: 1px solid gold;
    transition: background 0.3s ease-out, border-color 0.2s ease-out;
}
.views-field-edit-node a:hover{
    background: #FFFFFF;
    border-color: #000000;
    color: #000000;
}

/* Pager */
ul.pagination{
    text-align: center;
    display: flex;
    justify-content: center;
    /* display: inline-block !important; */
    /* float: right; */
}
    ul.pagination li{
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }
    ul.pagination li a{
        color: #333333;
        font-size: 12px;
        transition: background 0.3s ease-out;
    }
    ul.pagination li:hover a{
        color: #333333;
    }
    ul.pagination .page-item.active .page-link{
        background: #374785 !important;
        border: 1px solid #374785;
        color: #FFFFFF;
        font-size: 12px;
    }

/* Slick dots */
.slick-dots{
    text-align: center;
    margin: 10px 0 0 0;
}
.slick-dots li{
    display: inline-block;
    margin: 0;
    padding: 0;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    padding: 5px 1px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li:before{
    font-family: 'Font Awesome 5 Pro';
    content: "\f111";
    cursor: pointer;
    font-size: 9px;
    transition: content 0.3s ease-out;
    color: #FFFFFF;
    transition: color 0.3s ease-out;
}
.slick-dots li.slick-active:before{
    content: "\f192";
    transition: color 0.3s ease-out;
}
.slick-dots li:hover:before{
    content: "\f111";
    color: #808080;
}

/* Arrows */
.arrow-left{
    position: absolute;
    top: 35%;
    /* left: -1%; */
    /* background: rgba(255,255,255,1); */
    /* padding: 5px 12px !important; */
    z-index: 5;
    cursor: pointer;
    font-size: 15px;
    transition: background 0.3s ease-out;
    /* border-radius: 50%; */
    /* padding: 10px 17px; */
    /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
    /* width: auto !important; */
    /* width: 40px; */
    /* height: 40px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* border: 2px solid #CCCCCC; */
    transition: border 0.3s ease-out;

    /* background: url("../images/arrow-blue-left.png") 50% 50% no-repeat; */
    border: 0;
    width: 35px;
    height: 70px;
    background-size: contain;
    padding: 0 !important;
    border-radius: 0;
    left: 0;

    transform: scale(0.4);
}
.arrow-left span{
    visibility: hidden;
    display: inline-block;
    width: 0;
}
.arrow-left span.first-arrow{
    position: absolute;
    background: url("../images/slider-arrow-left-dark.png");
    display: block;
    height: 73px;
    width: 36px;
    z-index: 10;
    visibility: visible;
    left: 0;
    transition: left 0.2s ease-out;
}
.arrow-left span.second-arrow{
    position: absolute;
    background: url("../images/slider-arrow-left-light.png");
    display: block;
    height: 73px;
    width: 40px;
    visibility: visible;
    left: 10px;
    z-index: 5;
    
}
.arrow-left:hover span.first-arrow{
   left: -5px;
}

.arrow-right{
    position: absolute;
    top: 35%;
    /* right: -1%; */
    /* background: rgba(255,255,255,1); */
    /* padding: 5px 12px !important; */
    z-index: 5;
    cursor: pointer;
    font-size: 15px;
    transition: background 0.3s ease-out, color 0.3s ease-out;
    /* border-radius: 50%; */
    /* padding: 10px 17px; */
    /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
    /* width: auto !important; */
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* border: 2px solid #CCCCCC; */
    transition: border 0.3s ease-out;

    /* background: url("../images/arrow-blue-right.png") 50% 50% no-repeat; */
    border: 0;
    width: 35px;
    height: 70px;
    background-size: contain;
    padding: 0 !important;
    border-radius: 0;
    right: 0;
    transition: height 0.3s ease-out;

    transform: scale(0.4);
}
.arrow-right span{
    visibility: hidden;
    display: inline-block;
    width: 0;
}
.arrow-right span.first-arrow{
    position: absolute;
    background: url("../images/slider-arrow-right-dark.png");
    display: block;
    height: 73px;
    width: 36px;
    z-index: 10;
    visibility: visible;
    right: 0;
    transition: right 0.2s ease-out;
}
.arrow-right span.second-arrow{
    position: absolute;
    background: url("../images/slider-arrow-right-light.png");
    display: block;
    height: 73px;
    width: 40px;
    visibility: visible;
    right: 10px;
    z-index: 5;
}
.arrow-right:hover span.first-arrow{
    right: -5px;
 }
 

/* Slick dots */
ul.slick-dots{
    margin: 10px 0;
    padding: 0;
}
ul.slick-dots li{
    padding: 0 5px;
}
ul.slick-dots li:before{
    color: #CCCCCC;
    font-weight: bold;
}
ul.slick-dots li.slick-active:before{
    color: #354b84;
    font-weight: bold;
    content: "\f111";
}

/* Breadcrumb */
ol.breadcrumb{
    justify-content: flex-start;
    margin-left: 12px;
    margin: 20px 0 20px 10px;
    padding: 0;
    display: none;
    font-weight: bold;
    font-size: 15px;
}
ol.breadcrumb li{
    margin: 0;
    padding: 0;
}
ol.breadcrumb li a{
    color: #333333;
    font-size: 15px;
}
.breadcrumb-item+.breadcrumb-item::before{
    font-weight: bold;
    padding: 0 10px !important;
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    color: #000000;
}

/* View grouping */
.view .view-grouping .view-grouping-header{
    font-size: 27px;
    font-weight: bold;
    text-align: right;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.view .view-grouping .view-grouping-content h3{
   font-size: 20px; 
   font-weight: 500;
   margin: 0 0 30px 0;
   position: relative;
   padding-left: 20px;
}
.view .view-grouping .view-grouping-content h3:before{
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #dab475;
}

/* Maintenance */
body.maintenance-page{  
    background-image: url(../images/welcome.jpg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-color: #033F63 !important;
    background-size: cover;
    color: #FFFFFF  !important;
    text-align: center;
}
body.maintenance-page .layout-container{
    display: flex;
    height: 100vh;
}
body.maintenance-page a{
    transition: color 0.3s ease-out;
}
body.maintenance-page .layout-container .maintenance-container{
    align-self: center;
    width: 100%;
}
body.maintenance-page .layout-container .maintenance-container h1{
    font-weight: bold;
    color: #FFFFFF;
}
body.maintenance-page .layout-container .maintenance-container h2{
    margin: 0 0 0 0;
    text-transform: uppercase;
    font-size: 15px;
}
body.maintenance-page .logo{
    margin: 0 0 15px 0;
}
body.maintenance-page .layout-container .maintenance-container .content{
    width: 70%;
    margin: 0 auto;
    padding: 5% 3%;
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    border-radius: 20px;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);

    position: relative;
    z-index: 100;
}
    body.maintenance-page .layout-container .maintenance-container .logo img{
        width: auto;
        height: 80px;
    }

    body.maintenance-page .layout-container .maintenance-container .content h1.title{
        font-size: 30px;
        /* border-top: 1px solid rgba(255,255,255,0.5); */
        padding-top: 5px;
        width: 80%;
        margin: 0 auto;
    }
    body.maintenance-page .layout-container .maintenance-container .content h2.coming-soon{
        font-size: 16px;
        display: block;
    }

body.maintenance-page .contact-details{
    /* background: rgba(0,0,0,0.3);
    position: relative;
    z-index: 100; */
}
    body.maintenance-page .contact-details p{
        color: #FFFFFF;
        width: 60%;
        margin: 20px auto;
    }
    body.maintenance-page .contact-details a{
        color: #FFFFFF;
        font-weight: bold;
    }
    body.maintenance-page .contact-details .social-media{
        width: 50%;
        margin: 0 auto;
    }
    body.maintenance-page .contact-details ul.social-media{
        list-style: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    body.maintenance-page .contact-details ul.social-media li{
        margin: 0 0 5px 0;
    }
    body.maintenance-page .contact-details ul.social-media li i{
        margin-right: 10px;
    }
    body.maintenance-page .contact-details ul.social-media li span{
        display: none;
    }
    body.maintenance-page .contact-details ul.social-media li:hover a{
        color: #a1d7ff;
    }

body.maintenance-page .video{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
body.maintenance-page .video video{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 0 100%;
}

/* Back button */
.back-button{
    margin-top: 20px;
}
.back-button a{
    background: #354b84;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #354b84;
    transition: background 0.3s ease-out, border 0.3s ease-out, color 0.2s ease-out;
}
.back-button a:hover{
    background: #FFFFFF;
    border: 1px solid #354b84;
    color: #354b84;
    display: inline-block;
    padding: 10px 15px;
}
.back-button a:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f0a8";
    font-weight: bold;
    margin-right: 10px;
}

/* More button */
.more-button{
    margin-top: 20px;
    text-align: center;
}
.more-button a{
    background: #808080;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #333333;
    transition: background 0.3s ease-out, border 0.3s ease-out, color 0.2s ease-out;
}
.more-button a:hover{
    background: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    display: inline-block;
    padding: 10px 15px;
}

/* System messages */
.messages{
    background: #808080;
    padding: 20px 20px;
    margin: 0 -20px;
}
.messages.messages--status{
    background: lightgreen !important;
}

/* 404 custom page */
.lost-soul-help-container{
    text-align: center;
}
.lost-soul-help-container h2{
    font-size: 30px;
    margin: 30px 0;
}
.lost-soul-help-container h2::before{
    display: none;
}
ul.lost-soul-help-options{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0;
    padding: 0;
}
ul.lost-soul-help-options li{
    list-style: none;
    margin: 5px 5px;
    padding: 0;
}
ul.lost-soul-help-options li a{
    display: block;
    padding: 10px 20px;
    background: #374785;
    color: #FFFFFF;
}

/* CAPTCHA */
#edit-captcha-response{
    width: 200px;
    flex: unset;
}

.sheen-text {
    
    /* Apply a gradient background that will act as the sheen */
    background: linear-gradient(
      90deg, 
      #eee 0%, 
      #fff 50%, 
      #eee 100%
    );
    
    /* Animate the background position to move the gradient */
    background-size: 200% auto;
    animation: sheen 3s linear infinite;
    
    /* This is the magic! Clip the background to the text and make the text transparent */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  
  @keyframes sheen {
    to {
      background-position: 200% center;
    }
  }

/* Text editor Styles */
/* Button link */
a.button-link{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    background: #679d45;
    color: #FFFFFF !important;
    text-transform: uppercase;
}

span.button-link-inactive{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    background: #808080;
    color: #FFFFFF !important;
    text-transform: uppercase;
}

/* Curvy image */
img.curve-edge{
    border-radius: 7px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* Table: no border */
table.no-border{
    border: 0;
    box-shadow: none;
}
table.no-border tr{
    border: 0;
    background: none;
}
table.no-border td{
    border: 0;
    background: none;
}

/* Table: extra spacing on the left */
table.spacing-left{
    margin-left: 40px;
}

/* Table: no background */
table.no-background{
    background: none !important;
}
table.no-background th{
    background: none !important;
}
table.no-background td{
    background: none !important;
}

/* Table: width */
table.width-80pc{
    width: 80%;
}
table.width-60pc{
    width: 60%;
}
table.width-40pc{
    width: 40%;
}

/* Blue bold text */
span.font-size-18{
    font-size: 18px;
}
span.font-size-20{
    font-size: 20px;
}
span.yellow-bold{
    font-weight: bold;
    color: #ffde59;
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
}
span.blue-bold{
    font-weight: bold;
    color: #72bbea;
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
}
span.gold-bold{
    font-weight: bold;
    color: #ffd095;
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

h2.white{
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.spacer-10px{ margin-bottom: 10px; }
.spacer-20px{ margin-bottom: 20px; }
.spacer-40px{ margin-bottom: 40px; }
.spacer-60px{ margin-bottom: 60px; }
.spacer-80px{ margin-bottom: 80px; }
.spacer-100px{ margin-bottom: 100px; }

.field--name-field-paragraphs{
    background: rgba(0,0,0,0.3);
    padding: 30px;
    border-radius: 7px;
}

.modal .modal-header{
    background: #0b1636;
    color: gold;
}
.modal .modal-body{
    color: #000000;
    padding: 30px;
}
.modal button.close{
    background: rgb(223, 83, 68);
    border: 0;
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 3px;
}
.modal-footer{
    background: #EEEEEE;
}

/* Webform - Contact Us */
.webform-submission-contact-us-form{
    background: rgba(0, 0, 0, 0.3);
    padding: 30px;
    border-radius: 7px;
}
.enquiry-form-container{
    display: flex;
    flex-direction: column;
}
.cta-text{

}
.cta-text h2{
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #f1c98e;
}
.cta-text h3{
    font-size: 15px;
    font-weight: normal;
    margin-top: 0;
}
.webform-container{
    width: 95%;
    background: rgba(255,255,255,0.2);
    padding: 5% 5%;
    margin: 0 auto;
    border-radius: 5px;
}
.webform-container fieldset legend{
    color: #ffde59;
    font-size: 18px;
    font-weight: bold;
}
.webform-container .fieldset-wrapper{
    padding-left: 20px;
}
.webform-container .fieldset-wrapper label{
    font-size: 15px;
}
.webform-element-help{
    background: #f1c98e;
    color: #000000;
    border-color: #f1c98e;
}
.webform-type-select label{
    color: #ffde59;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.webform-type-select select{
    margin-left: 20px;
}
.webform-submission-contact-us-form hr{
    border: 0;
    background: url("../images/becs-separator-rv2.png") no-repeat 50% 50%;
    background-size: contain;
    display: block;
    height: 40px;
    opacity: 0.8;
    margin: 50px 0;
}
.webform-actions{
    margin-left: 20px;
}