@charset "UTF-8";
/* CSS Document HELLO*/

/*----------- GENERAL ------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700);
html, body {
    margin:0;
    font-family:'Roboto', Open Sans, Arial, Helvetica, sans-serif;
    color:#555;
    overflow-x: hidden;
}
h2 {
    font-weight:normal;
    font-size:2em;
    letter-spacing:1px;
}
h3 {
    font-size:1.2em;
    letter-spacing:1px;
    text-transform:uppercase;
}
hr {
    margin: 50px 0;
}
ol {
    margin-top:0;
}
li, p {
    line-height:200%;
}
p {
    margin:0;
}
p:empty {
    margin-bottom:1em;
}
a {
    color:#5677fc;
    text-decoration:none;
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}
a:hover {
    text-decoration:underline;
}
table {
    table-layout:fixed;
}
.img-round {
    border-radius:500px;
    margin-right:10px;
}
.img-frame {
    padding: 10px;
    margin-right: 10px;
    background-color: #FFF;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.13);
}
.img-blurred {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
}
img {
    border:none;
    max-width:100%;
    height:auto;
}

.space-my-paragraphs p, #about .space-my-paragraphs p {margin-bottom:1em;}

/*----------- No Java-script ------------*/

#if-noJS {
    display:none;
    background-color:#ff8a65;
    width:100%;
    margin:0;
    padding:10px;
    text-align:center;
    color:#FFF;
    position:fixed;
    top:0;
    z-index:99999;
    height:30px;
}

/*----------- MENU ------------*/

#mbutton {
    display:none;
}
.icon {
    transition-duration: 0.2s;
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: white;
    top: 10px;
    left: 4px;
}
.icon:before, .icon:after {
    transition-duration: 0.5s;
    background-color: white;
    position: absolute;
    content: "";
    width: 25px;
    height: 2px;
    left: 0px;
}
.icon:before {
    top: -6px;
}
.icon:after {
    top: 6px;
}
.open .icon {
    background-color: transparent;
}
.open .icon:before, .open .icon:after {
    top: 0;
}
.open .icon:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.open .icon:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#menu, #stamp {
    width:100%;
    margin:0;
    color:#FFF;
    text-transform:uppercase;
    min-height:60px;
    position:fixed;
    -webkit-transform: translateZ(0);
    top:0;
    z-index:9999;
}
#mbutton {
    float:right;
}
#menu {
}
#menu ul {
    margin:0;
    padding:20px 0 0 180px; /* was 120 */
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
#menu ul li {
    padding-top:10px;
    margin:0 3px;
    /*border-bottom:1px solid #fff;
    border-top:1px solid #fff;*/
    position:relative;
}
#menu ul li a {
    padding:15px 10px;
    color:black;
    text-decoration:none;
    border-bottom:none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#menu ul li.active,
#menu ul li.active:hover {
    border-bottom:3px solid #FF65DE;
}
#menu ul li:hover {
    border-bottom:1px solid #fff;
}
/*----------- CONTENT ------------*/

#content {
    left:0;
}
#content > section:nth-child(even) {
    background-color:#f3f3f3;
}
#content > section:nth-child(odd) {
    background-color:#FFF;
}
#content > div:last-child {
    background-color:#e8eaf6;
}
/*----------- WRAPPER ------------*/

.wrapper {
    max-width:900px;
    margin:0 auto;
    padding:10px;
}
a.anchorpage {
    top:-109px;
    position:relative;
    height: 1px;
    display: block;
}
/*----------- TITLE ------------*/

#title {
    background-color: #e1f5fe !important;
/*    background-image: url("../images/banner.jpg");*/
    background-size:cover;
    background-repeat: no-repeat;
    display:block;
    min-height:500px;
    position: relative;
}
#title h1 {
    padding-top:0;
    color:#fff;
    text-align:center;
    font-weight:normal;
    font-size:4em;
    margin-bottom:0px;
    text-shadow:#111 0px 2px 4px;
    line-height:120%;
}

.superTitle {
    padding-top: 200px;
    margin:0;
    text-align: center;
    font-size: 2em;
    color: #fff;
    font-weight: normal;
    text-shadow: #111 0px 1px 2px;
    text-transform: none;
}

/* For the generic EMBO Event, don't display the supertitle*/
.Event .superTitle { display:none; }
.Event #title h1, .Event #title h1.dark-background {
    margin-top:200px;
}


.superTitle.dark-background {
    padding: 0.2em;
    margin-top:200px;
    background-color:rgba(00,00,00,0.4);
    /* -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2); */
    padding: 0.5em;
}

@media only screen and (max-width: 810px) {

    .superTitle {
        font-size: 1.2em;
    }


}

#title p {
    text-align:center;
    padding-bottom:20px;
    font-size:1.4em;
    margin-top:5px;
    color:#fff;
    font-weight:normal;
    text-shadow:#111 0px 1px 2px;
}

#title h1.dark-background{
    margin-top: 5px;
    padding: 0.2em;
    background-color:rgba(00,00,00,0.4);
    /* -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2); */
    padding: 0.2em;
}

#title p.dark-background {
    background-color:rgba(00,00,00,0.4);
    /* -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.2); */
    padding:1em;

}

/*#title h1 span,
#title p span {
    background-color: #FFF;
    opacity: .9;
    padding:5px;
}*/

/*----------- ANNOUNCEMENT BOX ------------*/
#announcement {
    background: #d61010;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 85%;
    margin-bottom: 20px;
}

#announcement p {
    color: white;
    text-shadow: none;
    padding: 10px 20px;
    line-height: 1.5em;
}

#announcement a {
    color: white;
}

/*----------- ABOUT ------------*/

#about p {
    margin:0;
}
#about h2.about-title{

    line-height:1.2em;

}

#intro-illustration {
    float:right;
    margin:1em;
    width:200px;
    height:200px;
}

#about .wrapper {
    position:relative;
    overflow:hidden;
    display:block;
}
#about .wrapper .text {
    overflow:hidden;
}
#about .wrapper .deadline {
    float:right;
    margin-left:30px;
    /* margin-top:85px; */
    margin-top:26px;
}
#about .wrapper > div {
    /*display:inline-block;*/
    vertical-align:top;
}
#about .text {
    line-height:2em;
}

#about div.co-sponsors{
    position:relative;
    width:100%;
    margin-bottom: 1em;

}

#about div.co-sponsors img {

    width:100%;
    height:auto;
    max-height: 250px;
    max-width:180px;
    margin:0.5em 0;

}

#about div.co-sponsors .embo-sponsorship-logo--cosponsor,
#about div.co-sponsors .cob-sponsorship-logo--cosponsor {
    width:100%;
    padding:0 0 2% 0;
    height:auto;
}


#about .deadline {
    width:250px;
    color:#999;
    line-height:1.2em;/*
    position:absolute;
    right:0;*/
}

.deadline ul {

    list-style-type:none;
    margin:0;
    padding:0;


}

.deadline ul li {    line-height:150%;}

#about .deadline ul li {    line-height:200%;}

#about .deadline li:nth-child(odd),
strong.co-sponsors--title {
    font-family:'Roboto', Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
    letter-spacing:1px;
}

.embo-sponsorship-logo {
    width:100%;
    height:auto;
}

#about .deadline li:nth-child(even) {
    color:#666;
    margin-bottom:1em;
    color:#0099dd;
}
#about .deadline > p:first-child {
    margin-top:8px;
}
#about .deadline .fb-twitter {
    vertical-align:top;
    text-transform: none !important;
    font-size: .7em;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 1em;
}
#about .deadline .fb-twitter img {
    margin-top:-4px;
    vertical-align:middle;
}
#about .deadline .fb-twitter a {
    color:#0099dd;
    border:none;
    vertical-align:top;
    text-decoration:none;
}
#about p.apply {
    width:170px;
    font-size: 12px;
}
#about p.apply a {
    display:block;
    color:#ff8a65;
    border:2px solid #ff8a65;
    text-align:center;
    text-transform:uppercase;
    font-size:1.2em;
    letter-spacing:2px;
    padding:6px;
    font-weight:800;
    margin:20px 0;
    text-decoration:none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#about p.apply a:hover {
    color:#fff;
    background-color:#ff8a65;
    border:2px solid #ff8a65;
}
#poster {
    width:170px;
    overflow:hidden;
    position:relative;
    background-color:#000;
    line-height:0;
}
#poster img {
    width:170px;
    height:auto;
    opacity:1;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
#poster p {
    line-height:200%;
    pointer-events:none;
    position:absolute;
    top:20px;
    opacity:0;
    text-align:center;
    padding-top:60px;
    font-size:1em;
    text-transform:uppercase;
    font-weight:400;
    width: 100%;
    letter-spacing:1px;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
div#poster:hover {
    background-color:#0099dd;
}
div#poster:hover img {
    opacity:.15;
}
div#poster:hover p {
    color:#FFF;
    top:0;
    opacity:1;
}
/*----------- SPEAKERS ------------*/

#speakers {
    min-height:200px;
}
#speakers a {
    color:#0099dd;
    text-decoration:none;
}
#speakers a:hover {
    text-decoration:underline;
}
#speakers img, #contact img {
    border-radius:100px;
    margin-bottom:15px;
    width:150px;
    height:150px;
}
#speakers .wrapper {
    overflow:auto;
}
#speakers #speakers-list div, #organizernamelist div, #coorganizernamelist div {
    width:29%;
    display:inline-block;
    vertical-align:top;
    margin-bottom:45px;
    padding:0 2%;

}

#speakers #speakers-list div {

    box-sizing:border-box;
    padding:2%;
    margin:1%;


}

#speakers #speakers-list div:not(.has-pic){
    background-color:#fefefe;

}

#speakers .wrapper #speakers-list div span, #contact .wrapper div span {
    font-size:0.8em;
    display:block;
    margin-top:10px;
    line-height:200%;
}

.eventcontactblock {
    padding-left:2%;

}

/*----------- PROGRAMME ------------*/

#programme #programme-details > div {
    display:none;
}
#programme #programme-details > div.active {
    display:block;
}
.firstcolumn {
    width:30px;
}
.progtime, .progsession, .progchair {
    margin-left:60px;
}
.progtime, .progactivity {
    vertical-align:top;
}
.progtime {
    width:120px;
    float:left;
    min-height:10px;
}
.progsession {
    font-weight:700;
}
.progactivity {
    overflow:hidden;
    min-height: 32px;
}
.progname {
    color:#0099dd;
}
.progdetail {
    color:#999;
    margin:0px 0 15px 0 !important;
}
#programme-details {
    border-bottom: 1px solid #eee;
    margin-bottom:80px;
}
#programme h4 {
    position:relative;
    border-top: 1px solid #eee;
    border-bottom:1px solid #fff;
    padding:25px 20px 25px 10px;
    margin:0;
}
#programme h4:hover {
    cursor: pointer;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
}
#programme h4.active {
    border-top: 1px solid #999!important;
}
#programme h4.active:hover {
    border-bottom: 1px solid #eee !important;
}
#programme h4 a {
    text-decoration:none;
}
#programme h4 div {
    transition-duration: 0.2s;
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: transparent;
    top: 32px;
    right: 0px;
}
#programme h4 div:before, #programme h4 div:after {
    transition-duration: 0.5s;
    background-color: #ec2e52;
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    left: 0px;
}
#programme h4 div:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
#programme h4 div:after {
}
#programme h4.active div {
    background-color: transparent;
}
#programme h4.active div:before, #programme h4.active div:after {
    top: 0;
}
#programme h4.active div:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
#programme h4.active div:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#programme-message {

    padding:0 0 2em 0;


}
/*----------- REGISTRATION ------------*/

/*#registration a {
    color:#0099dd;
}*/
#registration .deadline p, #registration .deadline h3 {
    margin:0;
    letter-spacing:0;
}
#registration .deadline {
    color:#999;
    line-height:1.2em;
}
#registration .deadline li:nth-child(odd) {
    text-transform:uppercase;
    letter-spacing:1px;
}
#registration .deadline li:nth-child(even) {
    color:#666;
    margin-bottom:1em;
    color:#0099dd;
}
#registration .deadline > p:first-child {
    margin-top:8px;
}
#registration p {
    line-height:150%;
}

/* update of pricing table css
#pricing-table>ul {

    list-style-type: none;
    margin:0;
    padding:0;


    }

#pricing-table li {

                width:30%;
                margin:0 1.6% 1em 1.4%;
                padding:0;
                height:6em;
                font-size:2em;
                display:inline-block;
                text-align:center;
                box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
                color:#EC2E52;
                text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);


    }

#pricing-table li strong {

                font-weight:300;
                display:block;
                margin:0 0 0.8em 0;
                line-height:4em;
                font-size:0.6em;
                height:4em;
                color:white;
                padding:0;

    }*/

        #pricing-table>ul{

            box-sizing:border-box;
            list-style-type:none;
            margin:0;
            padding:0;
            text-shadow:none;

        }

        #pricing-table li {

            display:block;
            box-sizing:border-box;
            margin-bottom:0.5em;
            box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
            text-align:center;
            font-size: 2em;
            color: #ec2e52;
            padding-bottom:1em;
            line-height:1.25em;

        }

        /* Tweak for mobile-first pricing table*/
        @media only screen and (min-width:810px){

            #pricing-table li, #pricing-table.Three li  {

                display:inline-block;
                width: 30%;
                margin:1%;


            }

            #pricing-table.Two li  {

                display:inline-block;
                width: 47%;
                margin:1%;


            }

            #pricing-table.One li  {

                display:block;
                width:initial;



            }
        }


        #pricing-table li strong{

            display:block;
            font-size:0.6em;
            box-sizing:border-box;
            margin: 0 0 1.5em 0;
            padding: 1.5em 0.8em;
            text-transform: uppercase;
            text-shadow: 0 2px 2px rgba(0,0,0,0.2);
            letter-spacing: 0;
            font-weight: 300;
            color: #fff;
            line-height:1.25em;

        }


#pricing-table {
    width:100%;
}
#pricing-table .threecols {
    width:30%;
}
#pricing-table .twocols {
    width:45%;
}
table.pricing-table {
    margin:0 4% 0 0;
    display:inline-block;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
    border-spacing:0px !important;
    border-collapse: collapse;
    padding:0;
    margin-bottom:20px;
}
table.pricing-table:last-of-type {
    margin-right:0;
}
table.pricing-table h3 {
    text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    letter-spacing:0;
    margin:0;
    font-weight:300;
}
table.pricing-table tr:first-child td {
    background-color:#fbc02d;
    /*font-size:1.5em;*/
    text-transform:uppercase;
    color:#fff;
}
table.pricing-table td {
    width:1000px;
    text-align:center;
    border-bottom:1px solid #ddd;
    padding:20px 0;
}
table.pricing-table td p:last-child {
    font-size:2em;
    color:#ec2e52;
    margin:0;
}
table.pricing-table td p sup {
    font-size:.5em;
    font-weight:800;
}
#application {
    padding:0;
    position:relative;
    text-align:center;
    width:300px;
    margin:2em auto 2em auto;
    border:1px solid #ff8a65;
    border-radius:3px;
    overflow:hidden;
}
#application a {
    text-align:center;
    display:block;
    padding:10px;
    color: #ff8a65;
    font-size:1em;
    font-weight:800;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:2px;    height:30px;
    width:280px;
    margin:0 auto;
    position:relative;
    background-color: transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#apply1, #apply2 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width:280px;
    height:30px;
    padding:17px 10px;
}
#apply1 { /*Online application*/
    position:absolute;
    left:0;
    top:0;

}
#apply2 { /*Apply now*/
    display:inline-block;
    position:absolute;
    top:-64px;
    left:0;
    background-color:#F30;
    color:#fff;
}
#application a:hover {
    background-color: transparent;

}
#application a:hover #apply1{
    top:100%;
    background-color:#ddd;
}
#application a:hover #apply2{
    position:absolute;
    top:0;
    display:inline-block;
    background-color:#ff8a65;
}


/*----------- LOCATION ------------*/

#map {
    position:relative;
    background-color:#e4e4e4;
    /* background-color:transparent !important; */
    /* height:400px; */
}
#map a.anchorpage {
    top:-109px;
}
#gmap {
    width:100%;
    /* height:400px; */
    top:0;
    position:absolute !important;
}

#mapContainer {
    padding:0;
}

.GoogleStaticMapImage{
    display:block;
    width:100%;
    height:auto;
}

a.mapOutwardLink {
    position:relative;
    display:block;
    padding: 30px 0;
}

.mapExternalLinkIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height:30px;
    padding-right: 5px;
    padding-left: 5px;

}

#map #maptitle {
    /*position:absolute;*/
    overflow:auto;
    /*z-index:999;*/
    width:100%;
    margin:20px auto 0;
}
#map #maptitle .wrapper h2, #map #maptitle .wrapper p {
}
#map .wrapper h2 span, #map .wrapper p span, #map .wrapper p, #map .wrapper ul {
    background-color: rgba(255,255,255,0.9);
    margin:20px auto;
    padding:3px 5px;
}
#map .wrapper p, #map .wrapper ul {
    margin:0;
}
#map #maptitle .wrapper p {
    margin:0;
    line-height:150%;
}
#map a {
    color:#0099dd;
}

#venuepics {

    margin-bottom:1em;
}

#showMapButton {
    display: block;
    font-family: 'Roboto', Open Sans, Arial, Helvetica, sans-serif;
    /* width: 170px; */
    font-size: 1em;
    letter-spacing: 2px;
    padding: 10px 30px;
    margin: 30px 0;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #ff8a65;
    background-color: transparent;
    border: 2px solid #ff8a65;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#showMapButton:hover {
    color: #fff;
    background-color: #ff8a65;
    border: 2px solid #ff8a65;
}

/*----------- SPONSORS ------------*/

#sponsors img {
    display:inline-block;
    vertical-align:middle;
    max-width:300px;
    max-height:90px;
    height:auto;
    width:auto;
    margin:20px;
}
/*----------- FOOTER ------------*/

#footer p {
    font-size:.8em;
    line-height:1.8em;
}
#footer .wrapper {
}
#footer #logo {
    margin-top:30px;
    width: 65%;
}
#footer #logo p {
    margin-left:27px;
    margin-top:20px;
}
#footer #logo, #footer table {
    display:inline-block;
    vertical-align:top;
}
#footer table {
    right:0;
    margin-top:50px;
    float:right;
}
#footer table td img {
    padding-right:7px;
    padding-bottom:10px;
}
#footer table a {
    color:#555;
    font-size:.8em;
}
 @media only screen and (max-width: 940px) {
/*----------- WRAPPER ------------*/

    .wrapper {
        padding:10px 30px;
    }
}
 @media only screen and (max-width: 870px) {
    #menu ul li a{
        padding: 10px 4px;
    }
    #menu ul {
        padding-left:140px;
    }


}
@media only screen and (max-width: 560px) {

    #about div.co-sponsors img {

        max-width:80%;

    }

    #speakers #speakers-list div, #organizernamelist div, #coorganizernamelist div {
        text-align:left !important;
        /*width:46%;*/
        display:block;
        width:initial;
        padding:0 4% 0 0;
        margin-bottom:2%;

    }

    #speakers #speakers-list div{
        background-color: #fefefe;
    }

    #speakers #speakers-list div>br{

        display:none;
    }

    .eventcontactblock {
        padding-left:0;

    }

    #speakers #speakers-list div{
        padding:15px;
    }

    #speakers #speakers-list div img, #organizernamelist div img, #coorganizernamelist div img {
        display:none;
    }
    #map, #gmap {
        height:250px;
        display:none;
    }

    #intro-illustration {
        border-radius: 0;
        width:140px;
        height:140px;
    }


}


@media only screen and (max-width: 810px) {
/*----------- GENERAL ------------*/

html, body {
}
h2 {
    font-size:1.5em;
}
/*----------- STAMP ------------*/

#stamp img {
    /* width:60px;
    height:60px;*/
    width:100px;
    height:auto;
    margin:15px 0;
}
#stamp a {
    color:#FFF;
    text-decoration:none;
    font-size:1.2em;
}
#stamp #mbutton {
    margin:0;
    padding:20px 0;
    text-align:center;
    display:block;
    width:55px;
    font-size:0.7em;
    font-weight:300;
    z-index:999;
    background-color:#ff8a65;
    box-shadow:0px 3px 6px rgba(0,0,0,0.6);
    border-radius:100px;
    position:fixed;
    right:20px;
    bottom:13px;
}
#stamp #mbutton a {
    padding:21px 10px;
}
#stamp .open a {
    color:#ff8a65;
    transition-duration: 0.5s;
}
#stamp {
    min-height:40px;
    bottom:0;
    top:inherit;
    /*background-color:rgba(0,0,0,0);*/
    background-color:transparent !important;
    position:inherit;
    display:initial;
}
#stamp .wrapper {
    /*display:none;
    background-color:rgba(14,155,229,0.95);*/
  width: 100%;
  margin: 0;
  color: #FFF;
  text-transform: uppercase;
  min-height: 60px;
  position: absolute;
  -webkit-transform: translateZ(0);
  top: 0;
  z-index: 9999;
}
.icon {
    opacity:0;
    top:25px;
    left:15px;
}
.open .icon {
    opacity:1;
}
/*----------- MENU ------------*/
a.anchorpage, #map a.anchorpage {
    top:0;
}
#content > a.anchorpage:first-child {
    top:100vh;
}
#menu {
    z-index:1;
    margin-top:0px;
    color:#222;
    display:block;
    padding-bottom:80px;
    position:fixed;
    float:left;
    bottom:0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top:inherit;
    opacity:0.7;
    background-color:transparent;
    overflow:hidden;
    right:0;
    width:240px;
    pointer-events:none;
}
.main-close, .noscroll {
    overflow:hidden;
}
.main-close #menu {
    right:-1px;
    width:240px;
    bottom:0;
    opacity:1;
    pointer-events:initial;
}
#menu::before {
  content: '';
  display: block;
  background-color: #383838;
  position: absolute;
  width: 55px;
  height: 55px;
  right: 20px;
  bottom: 13px;
  border-radius: 1000px;
    -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;
}
.main-close #menu::before {
  width: 1000px;
  height: 1000px;
  right: -452px;
  bottom: -459px;
}
#menu .wrapper {
    opacity:0;    -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.main-close #menu .wrapper {
    opacity:1;
    -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;

}
#menu ul {
    padding-left:0;
    padding-top:0;
}
#menu ul li {
    padding:0;
}
#menu ul li a {
    display:block;
    padding: 8px 2em;
    color:#999;
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2e2e2e;
    letter-spacing:1px;
}
#menu ul li:hover,
#menu ul li.active:hover {
    border-bottom:none;
}
#menu ul li a:hover {
    color:#fff;
}
#menu .wrapper {
    padding:0;
}
#menu ul li {
    margin:0;
    border-left: 6px solid #2e2e2e;
    width: 100%;
}
#menu ul li a:before, #menu ul li a:after {
    transition-duration: 0.5s;
    background-color: #555;
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    right: 25px;
}
#menu ul li.active a:before, #menu ul li.active a:after {
    background-color:#ff8a65;
}
#menu ul li a:hover:before, #menu ul li a:hover:after {
    background-color:#fff;
}
#menu ul li.active {
    border-bottom:none;
    border-left: 6px solid #ff8a65;
}
#menu ul li.active a {
}
#menu ul li a:before {
    top: 27px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
#menu ul li a:after {
    top: 21px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
/*----------- CONTENT ------------*/

#content {
    left:0;
    float:left;
    position:relative;
}
/*----------- WRAPPER ------------*/

.wrapper {
    padding:10px 15px;
}
/*----------- TITLE ------------*/

#title {
    height:100vh;
    position:relative;
/*    background-image: url("../images/banner.jpg");*/
}
#title .wrapper {
    position:absolute;
    bottom:20vh;
}
#fadein {
}
#title h1 {
    padding-top:0px !important;
    font-size: 2em;
}
#title p {
    font-size: 1em;
}
/*----------- ABOUT ------------*/

#about p {
    margin:0;
}
#about .wrapper {
    display:table;
}
#about .wrapper > div {
    vertical-align:top;
}
#about .text {
    max-width: 100%;
    padding-right:5px;
    display:table-header-group;
}

strong.co-sponsors--title{

    display:block;
    text-align:center;
    margin: 1em 0 0.5em;

}

#about div.co-sponsors {
    margin-bottom:1em;
}

#about div.co-sponsors img {


    max-width:50%;
    max-height:initial;
    margin:0.5em 0;
    vertical-align: middle;
    box-sizing: border-box;
    margin:6px;
}



#about .deadline {
    width:100%;
    color:#999;
    line-height:1.2em;
    text-align:center;
    margin-top:20px;
    position: relative;
    float:none !important;
    display:table-footer-group;
}
#about .deadline p:first-of-type {
    margin-top:30px;
}
#about .deadline p:last-child a {
    margin:30px auto;
}
#about p.apply {
    margin:0 auto;
    width:170px;
}
#poster {
    margin:0 auto;
}
#poster p {
    padding-left:0;
}

#about div.co-sponsors .embo-sponsorship-logo--cosponsor,
#about div.co-sponsors .cob-sponsorship-logo--cosponsor {
    width:35%;
    padding:2%;
    height:auto;
}

#about div.co-sponsors .embo-sponsorship-logo {
    max-width:240px;
}

/*----------- SPEAKERS ------------*/

#speakers img, #contact img {
    width:100px;
    height:100px;
}
#speakers .wrapper {
    overflow:auto;
}


/*----------- PROGRAMME ------------*/
.progsession {
    margin-left:-1px;
    padding-left:10px;
    border-left:3px solid #ff8a65 !important;
    padding-bottom:0 !important;
    margin-bottom:15px;
}
.progsession + div {
}
.progtime, .progchair, .progactivity {
    margin-left:10px;
    float:none;
    width:inherit;
}
.progdate h3 {
    padding-bottom:5px;
    border-bottom:1px solid #CCC;
}
#programme h4 {
    padding: 25px 10px;
  font-size: 1.2em;
  font-weight: normal;
}
#programme h4 div {
    top:35px;
}
#programme-details {
    margin-bottom:40px;
}
div[id^=day] > div {
  border-left: 1px solid #eee;
  padding-bottom:15px;
}
div[id^=day] > div::before {
  width: 5px;
  height: 5px;
  content: '';
  background-color: #ff8a65;
  display: block;
  /* top: 20px; */
  /* position: absolute; */
  /* left: 100px; */
  border-radius: 10px;
  margin-left: -5px;
  float: left;
  margin-top: 10px;
  border: 2px solid #fff;
}
div[id^=day] > div.progsession::before {
    display:none;
}
/*----------- REGISTRATION ------------

#pricing-table .threecols {
    width:100%;
}*/
#registration table {
    width:100%;
    table-layout:fixed;
}
#registration table tr td {
}
#registration table tr:first-child td {
    font-size: 1em;
}
#registration td p:last-child {
    /*font-size: 1em;*/
}
#registration td p {
    /*font-size: .5em;*/
}

/*#pricing-table ul li {

    display:block;
    width:80%;
    margin: 0 auto 1em auto;
    font-size:1.2em;

}

#pricing-table ul li strong{

    line-height: 3.5em;
    font-size: 0.8em;
    height: 3.5em;

}*/

#application {

    margin-top:0em;
    margin-bottom:2em;
}



/*----------- LOCATION ------------*/


/*----------- SPONSORS ------------*/

#sponsors img {
    display:inline-block;
    vertical-align:middle;
    max-width:300px;
    max-height:90px;
    height:auto;
    width:auto;
    margin:10px;
}
/*----------- FOOTER ------------*/

#footer {
    text-align:center;
}

#logo {
    width: unset !important;
}

#footer table {
    margin:50px 0 20px 0;
    float:none;
}
}

@media only screen and (max-width:360px) {

    #sponsors img {
        max-width:240px;
        box-sizing:border-box;
    }

    #about div.co-sponsors .embo-sponsorship-logo--cosponsor,
    #about div.co-sponsors .cob-sponsorship-logo--cosponsor {
        width:46%;
        padding:2%;
        height:auto;
    }

}

/* PRINT LAYOUT */
 @media print {
#menu, #speakers img, #contact img, #application, #map, label, input, .deadline .apply, .deadline .fb-twitter, .deadline #poster {
    display:none;
}
section {
    page-break-after:always !important;
}

#title {

    background-image:none !important;
    background-color:transparent !important;
    text-shadow:none;
    color:#555;

}

#title h1, #title p {

    text-shadow:none;
    color:#555;

}

#stamp {
    position:relative;
    width:90px;
    height:90px;
    float:left;
    margin:0;
    padding:0;
}
#about .wrapper {
  display: table;
}
#about ~ div {
    page-break-before: always;
}
#about .text {
    max-width:none;
    display: table-header-group;
}
#title {
    min-height:0;
    margin-left:110px;
}
#title h1 {
    padding-top:0;
    font-size:2em;
    margin:0;
}
#about .wrapper .deadline {
    float:none;
    width:auto;
    margin-left:0;
    display: table-footer-group;
}
#title h1, #title p, #speakers #speakers-list div, #organizernamelist div, #coorganizernamelist div {
    text-align:left !important;
}
#speakers #speakers-list div, #organizernamelist div, #coorganizernamelist div {
    margin-bottom:20px;
    padding-left:0;
}

#speakers h4.trigger div {display:none;}

#about .wrapper > div, #readmore {
    display:block;
}
#programme table {
    display: table;
}
#programme #programme-details > div {
    display:block;
}
.progtime, .progsession, .progchair {
  margin-left:0px;
}
#programme h4 {
    padding-left:0;
}
.progactivity {
    max-width: 400px;
}
.wrapper, #maptitle  {
    padding-bottom:0;
    padding-top:0;
    margin-bottom:0;
    margin-top:0;
}

#registration table tr td {
    border:none;
}
#organizernamelist p, #coorganizernamelist p {
    display:none;
}

#organizernamelist {margin-top:1em;}

#coorganizernamelist h2 {
    margin-top:20px;
}
h2 {
    margin-top:0;
}
#about a:after,
#registration a:after,
#transport a:after {
    content:" (" attr(href) ") ";
}
a.anchorpage {
    display:none;
}
table.pricing-table {
  box-shadow:none;
}

div#pricing-table ul {
    list-style-type: disc;
    list-style-position: inside

}
div#pricing-table ul li{
    display:list-item;
    width:initial;
    margin:0;
    font-size:1em;
    text-align:left;
    box-shadow:none;

}

div#pricing-table ul li strong{
    display:inline;
    margin:0;
    padding:0;
    font-size:1em;
    color: inherit;
    background-color:transparent !important;
    text-shadow:none;





}
div#pricing-table ul li strong:after{
    content:":";

}

div#venuepics{display:none !important;}

}



/*ICON FONTS FOR TWITTER AND FACEBOOK*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon84eb.eot?8qkkrs');
  src:  url('fonts/icomoon84eb.eot?8qkkrs#iefix') format('embedded-opentype'),
    url('fonts/icomoon84eb.ttf?8qkkrs') format('truetype'),
    url('fonts/icomoon84eb.woff?8qkkrs') format('woff'),
    url('fonts/icomoon84eb.svg?8qkkrs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bluesky:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-facebook2:before {
  content: "\ea8d";
}
.icon-twitter:before {
  content: "\ea91";
}
.icon-facebook2, .icon-twitter, .icon-calendar, .icon-bluesky {
    font-size:30px;
    line-height:20px;
}


/* CMS SPECIFIC STYLES */


/* colours for event types */

.Conference #stamp {
    background-color:rgba(14,155,229,0.95)/*#039be5*/;
}

@media screen and (max-width:810px){
    .Conference #stamp .wrapper { background-color:rgba(14,155,229,0.95)/*#039be5*/; }
}

.Conference #stamp img {

    margin: 30px 0 18px;
    /*width:104px;
    height:auto;*/
    width:auto;
    height:36px;


}

.Conference .icon-facebook2,
.Conference .icon-twitter,
.Conference .icon-calendar,
.Conference .icon-bluesky {

    color:#ff8a65;

}

.Conference #menu ul li.active, .Conference #menu ul li.active:hover {

    border-color: #ff8a65;

}

.Conference #pricing-table li strong {

    background-color: #fbc02d;

}

.Conference a, .Conference #speakers a,
.Conference #about .deadline li:nth-child(even),
.Conference #about .deadline .fb-twitter a,
.Conference #registration .deadline li:nth-child(even),
.Conference .progname
{

    color:#0099dd;

}

.Conference #application {

    border-color:#ff8a65;

}

.Conference #apply1 {

    color: #ff8a65 !important;

}

.Conference #apply2 {

    background-color: #F30;

}


/* WORKSHOP */

.Workshop #stamp {
    background-color:rgba(84,110,122,0.95)/*#546e7a*/;
}

@media screen and (max-width:810px){
    .Workshop #stamp .wrapper { background-color:rgba(84,110,122,0.95)/*#546e7a*/; }
}

.Workshop #stamp img {

    /*margin: 30px 0 18px;
    width:104px;
    height:auto;*/
    width:auto;
    height:85px;


}

.Workshop #menu ul li.active, .Workshop #menu ul li.active:hover {

    border-color: #ec2e52;

}

.Workshop #pricing-table li strong {

    background-color: #fbc02d;

}

.Workshop a,
.Workshop #speakers a,
.Workshop #about .deadline li:nth-child(even),
.Workshop #about .deadline .fb-twitter a,
.Workshop #registration .deadline li:nth-child(even),
.Workshop .progname

{

    color:#ec2e52;

}

.Workshop #application, .Workshop #about p.apply a, .Workshop #showMapButton {

    border-color:#ec2e52;
    color:#ec2e52;

}

.Workshop .icon-facebook2,
.Workshop .icon-twitter,
.Workshop .icon-calendar,
.Workshop .icon-bluesky {

    color:#ec2e52;

}

.Workshop #about p.apply a:hover,
.Workshop #about p.apply a:active,
.Workshop #about p.apply a:focus,
.Workshop #showMapButton:hover,
.Workshop #showMapButton:active,
.Workshop #showMapButton:focus {

    background-color:#ec2e52;
    color:#fff;
}

.Workshop #apply1 {

    color:#ec2e52;

}

.Workshop #apply2, .Workshop #application a:hover #apply2 {

    background-color: #C00;

}

/* PRACTICAL */


.Practical #stamp {
    background-color:rgba(0,150,136,0.95)/*#009688*/;
}

@media screen and (max-width:810px){
    .Practical #stamp .wrapper { background-color:rgba(0,150,136,0.95); }
}

.Practical #stamp img {

    /*margin: 30px 0 18px;
    width:104px;
    height:auto;*/
    width:auto;
    height:85px;


}

.Practical #menu ul li.active, .Practical #menu ul li.active:hover {

    border-color: #673ab7;

}

.Practical #pricing-table li strong {

    background-color: #673ab7;

}

.Practical a, .Practical #speakers a,
.Practical #about .deadline li:nth-child(even),
.Practical #about .deadline .fb-twitter a,
.Practical #registration .deadline li:nth-child(even),
.Pracical .progname
{

    color:#009688;

}

.Practical .icon-facebook2,
.Practical .icon-twitter,
.Practical .icon-calendar,
.Practical .icon-bluesky {

    color:#673ab7;

}

.Practical #application,
.Practical #about p.apply a, .Practical #showMapButton {

    border-color:#673ab7;
    color:#673ab7;

}

.Practical #about p.apply a:hover,
.Practical #about p.apply a:active,
.Practical #about p.apply a:focus,
.Practical #showMapButton:hover,
.Practical #showMapButton:active,
.Practical #showMapButton:focus {

    background-color:#673ab7;
    color:#fff;
}

.Practical #apply1 {

    color:#673ab7;

}

.Practical #apply2, .Practical #application a:hover #apply2 {

    background-color: #673ab7;

}

/*
EMBO-FEBS
*/


/* Lecture */


.Lecture #stamp {
    background-color:rgba(0,150,175,0.95)/*#0096AF*/;
}

@media screen and (max-width:810px){
    .Lecture #stamp .wrapper { background-color:rgba(0,150,175,0.95); }
}

.Lecture #stamp img {

    /*margin: 30px 0 18px;
    width:104px;
    height:auto;*/
    width:auto;
    height:85px;


}

.Lecture #menu ul li.active, .Lecture #menu ul li.active:hover {

    border-color: #673ab7;

}

.Lecture #pricing-table li strong {

    background-color: #673ab7;

}

.Lecture a, .Lecture #speakers a,
.Lecture #about .deadline li:nth-child(even),
.Lecture #about .deadline .fb-twitter a,
.Lecture #registration .deadline li:nth-child(even),
.Pracical .progname
{

    color:#0096AF;

}

.Lecture .icon-facebook2,
.Lecture .icon-twitter,
.Lecture .icon-calendar,
.Lecture .icon-bluesky {

    color:#673ab7;

}

.Lecture #application,
.Lecture #about p.apply a, .Lecture #showMapButton {

    border-color:#673ab7;
    color:#673ab7;

}

.Lecture #about p.apply a:hover,
.Lecture #about p.apply a:active,
.Lecture #about p.apply a:focus,
.Lecture #showMapButton:hover,
.Lecture #showMapButton:active,
.Lecture #showMapButton:focus {

    background-color:#673ab7;
    color:#fff;
}

.Lecture #apply1 {

    color:#673ab7;

}

.Lecture #apply2, .Lecture #application a:hover #apply2 {

    background-color: #673ab7;

}



.EMBO-FEBS #stamp {
    background-color:rgba(62,52,93,0.95)/*#673ab7*/;
}

@media screen and (max-width:810px){
    .EMBO-FEBS #stamp .wrapper { background-color:rgba(62,52,93,0.95)/*#673ab7*/; }
}

.EMBO-FEBS #stamp img {

    /*margin: 30px 0 18px;
    width:104px;
    height:auto;*/
    width:auto;
    height:85px;


}

.EMBO-FEBS #pricing-table li strong {

    background-color: #673ab7;

}

.EMBO-FEBS a,
.EMBO-FEBS #speakers a,
.EMBO-FEBS #about .deadline li:nth-child(even),
.EMBO-FEBS #about .deadline .fb-twitter a,
.EMBO-FEBS #registration .deadline li:nth-child(even)
 {

    color:#673ab7;

}

.EMBO-FEBS #application, .EMBO-FEBS  #about p.apply a, .EMBO-FEBS #showMapButton {

    border-color:#673ab7;

}

.EMBO-FEBS #about p.apply a:hover, .EMBO-FEBS #about p.apply a:active, .EMBO-FEBS #about p.apply a:focus,
.EMBO-FEBS #showMapButton:hover,
.EMBO-FEBS #showMapButton:active,
.EMBO-FEBS #showMapButton:focus {

    background-color:#673ab7;
    color:#fff;
}

.EMBO-FEBS #apply1, .EMBO-FEBS  #about p.apply a, .EMBO-FEBS #showMapButton {

    color:#673ab7;

}

.EMBO-FEBS .icon-facebook2, .EMBO-FEBS .icon-twitter,
.EMBO-FEBS .icon-calendar .EMBO-FEBS .progname, .EMBO-FEBS .icon-bluesky {

    color:#673ab7;

}

.EMBO-FEBS #apply2, .EMBO-FEBS #application a:hover #apply2 {

    background-color: #673ab7;

}

/*

GLOBAL EXCHANGE

*/

.Global #stamp {
    background-color:rgba(57,106,211,0.95)/*#039be5*/;
}

.Global #stamp img {

    margin: 10px 0;
    /*width:104px;
    height:auto;*/
    width:auto;
    height:75px;

}

@media screen and (max-width:810px){
    .Global #stamp .wrapper { background-color:rgba(57,106,211,0.95)/*#039be5*/; }
}

.Global #pricing-table li strong {

    background-color: #fbc02d;

}

.Global a,
.Global #speakers a,
.Global #about .deadline li:nth-child(even),
.Global #about .deadline .fb-twitter a,
.Global #registration .deadline li:nth-child(even),
.Global .progname
 {

    color:#0099dd;

}

.Global #application {

    border-color:#ff8a65;

}

.Global .icon-facebook2, .Global .icon-twitter, .Global .icon-bluesky,
.Global .icon-calendar{

    color:#ff8a65;

}

.Global #apply1 {

    color:#ff8a65;

}

.Global #apply2, .Global #application a:hover #apply2 {

    background-color: #ff8a65;

}

/* GENERIC */

.Event #stamp {
    background-color:rgba(245,172,0,0.95)/*#039be5*/;
}

@media screen and (max-width:810px){
    .Event #stamp .wrapper { background-color:rgba(245,172,0,0.95)/*#039be5*/; }
}

.Event #stamp img {

    /*margin: 30px 0 18px;
    width:104px;
    height:auto;*/
    width:auto;
    height:85px;


}

.Event .icon-facebook2,
.Event .icon-twitter,
.Event .icon-bluesky,
.Event .icon-calendar {

    color:#ff8a65;

}

.Event #menu ul li.active, .Event #menu ul li.active:hover {

    border-color: #fff;

}

.Event #pricing-table li strong {

    background-color: #f5ac00;

}

.Event a, .Event #speakers a,
.Event #about .deadline li:nth-child(even),
.Event #about .deadline .fb-twitter a,
.Event #registration .deadline li:nth-child(even),
.Event .progname
{

    color:#f5ac00;

}

.Event #application {

    border-color:#f5ac00;

}

.Event #apply1 {

    color: #f5ac00 !important;

}

.Event #apply2 {

    background-color: #F30;

}

.Event #stamp .wrapper {
    min-height: 80px;
}

.Event #menu ul {padding:20px 0 0 120px;}

@media only screen and (max-width:810px){
    .Event #stamp .wrapper {
        display:none;
    }
    .Event #menu ul {
        padding-left:0;
        padding-top:2px;

    }

}

.Event #stamp .wrapper>a {
    display:none;
}


/*

INDIA-EMBO Symposia

colour scheme
primary: #138808 / rgba(19, 136, 8, 0.95) for transparent
secondary: #FF9933 / rgba(255, 153, 51,0.95) for transparent
highlighted text: #000080
*/


.India-EMBO #stamp {
    background-color: rgba(19, 136, 8, 0.95)/*#FF9933*/;
}

@media screen and (max-width:810px){
    .India-EMBO #stamp .wrapper { background-color:rgba(19, 136, 8, 0.95); }
}

.India-EMBO #stamp img {

    /*margin: 30px 0 18px;
    width:104px;
    height:auto;*/
    width:auto;
    height:80px;
}

.India-EMBO #menu ul li.active, .India-EMBO #menu ul li.active:hover {

border-color: #FF9933;
}

.India-EMBO #pricing-table li strong {

background-color: #FF9933;
}

.India-EMBO a, .India-EMBO #speakers a,
.India-EMBO #about .deadline li:nth-child(even),
.India-EMBO #about .deadline .fb-twitter a,
.India-EMBO #registration .deadline li:nth-child(even),
.Pracical .progname
{

color: #000080;
}

.India-EMBO .icon-facebook2,
.India-EMBO .icon-twitter,
.India-EMBO .icon-bluesky,
.India-EMBO .icon-calendar {

color: #FF9933;
}

.India-EMBO #application,
.India-EMBO #about p.apply a, .India-EMBO #showMapButton {

border-color: #FF9933;

color: #FF9933;
}

.India-EMBO #about p.apply a:hover,
.India-EMBO #about p.apply a:active,
.India-EMBO #about p.apply a:focus,
.India-EMBO #showMapButton:hover,
.India-EMBO #showMapButton:active,
.India-EMBO #showMapButton:focus {

background-color: #FF9933;

color:#fff;
}

.India-EMBO #apply1 {

color: #FF9933;
}

.India-EMBO #apply2, .India-EMBO #application a:hover #apply2 {

background-color: #FF9933;
}


/* Company of Biologists */

.Company #stamp img {
    /* margin: 0;
    width:auto;
    height: 72px; */

    /*margin: 30px 0 18px;
    width:104px;
    height:auto;*/
    width:auto;
    height:85px;
    }



#title h1 {
    padding-top:0;
    margin-top:0.2em;
}

    /* .Company #menu ul {
         margin:0;
        padding: 15px 0 0 220px;
    } */

    /* @media screen and (max-width:960px) and (min-width:811px){
        .Company #menu ul li {
            font-size:0.85em;
        }
    }

    @media screen and (max-width:810px){
        .Company #menu ul {
            padding: 0;
        }
    }*/


/* Admin bar */
#adminBar {
    display:none;
    position:fixed;
    width:100%;
    background-color: rgba(0,0,0,0.5);
    color:#eee;
    top:0;
    z-index:99999;


}

#adminBar a {
    cursor:pointer;
    color: #ddd;
    text-decoration: underline;


}

#adminBar .wrapper {
    padding:2px 0;
}

@media all and (min-width:980px){
    #adminBar { display:block; }
}

/*
    PayPal integration
*/

.paypalTrigger {
    cursor:pointer;
    display:inline-block;
    padding:10px;
    background-color:#e8eaf6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 2px 2px 2px rgb(153, 156, 158);
    transition: all 0.2s linear;
}

.paypalTrigger img {
    height:30px;
    width: auto;
}

.paypalTrigger:hover,
.paypalTrigger:focus,
.paypalTrigger:active {

    background-color:#dde1f7;
    box-shadow: 1px 1px 1px rgb(153, 156, 158);

}

#paypalPopup {
    display:none;
    text-align: center;
    max-width:600px;
}

#paypalDetails {
    padding: 20px 0 25px;
}

#paypalLogoContainer, #paypalFooterContainer {
    background-color:#e8eaf6;
    vertical-align: middle;
    padding: 10px 0;
}

#paypalPopup table {
    margin: 0 auto;
}

#paypalFooterContainer {
    font-size:14px;
}
#paypalFooterContainer img {
    height:16px;
    width:auto;
}

.featherlight #paypalPopup {
    display:block;

}


/*
Childcare Grants 2019
*/

.embo-childcare-link-sidebar {
    display:inline;
}

.embo-childcare-logo-sidebar {
    width: 220px;
    height:auto;
}

.embo-childcare-logo-header {
    width: 220px;
    height:auto;
}

.embo-childcare-link-header {
    position: absolute;
    bottom: -95px;
    display:none;
}

@media all and (min-width:1250px){
    .embo-childcare-link-sidebar {
        display:none;
    }

    .embo-childcare-link-header {
        display:inline;
        right: 2%;
    }
}

@media all and (min-width:1600px){
    .embo-childcare-link-header {
        right: 10%;
    }
}

@media all and (min-width:2000px){
    .embo-childcare-link-header {
        right: 20%;
    }
}

/*
    Virtual Content Link
*/

.online-content {
    /* display: flex;
    flex-wrap:wrap; */
    text-align: center;
    background: #f3f3f3;
    padding: 1rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 810px) {
    .online-content {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
}

.online-content__image-wrapper {
    padding-bottom:0.5rem;
}

@media screen and (min-width:810px) {
    .online-content__image-wrapper {
        padding-right:2rem;
        padding-bottom:0;
    }
}

.online-content__image {
    height: 85px;
    -webkit-transform: perspective(15rem) rotateY(25deg) translateX(0px);
            transform: perspective(15rem) rotateY(25deg) translateX(0px);
    -webkit-box-shadow: 2px 9px 1rem rgb(0 0 0 / 20%);
            box-shadow: 2px 9px 1rem rgb(0 0 0 / 20%);
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    -o-transition: transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
    }

.online-content__image--visible {
    -webkit-transform: rotateY(0deg) translateX(0px);
            transform: rotateY(0deg) translateX(0px);
}

@media screen and (min-width:810px) {
    .online-content__image {
        -webkit-transform: perspective(15rem) rotateY(25deg) translateX(16px);
                transform: perspective(15rem) rotateY(25deg) translateX(16px);
        -webkit-transition: -webkit-transform 1s ease-out;
        transition: -webkit-transform 1s ease-out;
        -o-transition: transform 1s ease-out;
        transition: transform 1s ease-out;
        transition: transform 1s ease-out, -webkit-transform 1s ease-out;
        }

    .online-content__image--visible {
        -webkit-transform: rotateY(0deg) translateX(8px);
                transform: rotateY(0deg) translateX(8px);
    }
}

.online-content__text-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

h3.online-content__subheader {
    margin-top: 11px;
    margin-bottom: 4px;
}

.online-content__para {
    line-height:1.4;
    padding: 0.5rem 2rem;
}

@media screen and (min-width:810px) {
    .online-content__para {
        line-height:1.4;
        padding: 0;
    }
}

.online-content__button-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 1rem 0 0.5rem;
}

.online-content__link {
    text-align:center;
    display:block;
    padding:10px;
    color: #ff8a65;
    border: solid 1px #ff8a65;
    font-size:1em;
    font-weight:800;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:2px;    height:30px;
    width:280px;
    margin:0 auto;
    position:relative;
    background-color: transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    overflow:hidden;
    cursor: pointer;
}
.online-content__link-sub-block-1, .online-content__link-sub-block-2 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width:280px;
    height:30px;
    padding:17px 10px;
    cursor: pointer;
}
.online-content__link-sub-block-1 { /*Online application*/
    position:absolute;
    left:0;
    top:0;

}
.online-content__link-sub-block-2 { /*Apply now*/
    display:inline-block;
    position:absolute;
    top:-64px;
    left:0;
    background-color:#F30;
    color:#fff;
}
.online-content__link:hover {
    background-color: transparent;

}
.online-content__link:hover .online-content__link-sub-block-1{
    top:100%;
    background-color:#ddd;
}
.online-content__link:hover .online-content__link-sub-block-2{
    position:absolute;
    top:0;
    display:inline-block;
    background-color:#ff8a65;
}

/*
Signature colours
==================
 Generic: #ff8a65
 Practical Course: #673ab7
 Workshop: #ec2e52
 India-EMBO: #FF9933
 Global: #ff8a65
 EMBO-Febs: #673ab7

*/

.Practical .online-content__link,
.Practical .online-content__link-sub-block-2,
.Practical .online-content__link:hover .online-content__link-sub-block-2
{
    background-color: #673ab7;
    color: #fff;
}

.Practical .online-content__link {
    border-color: #673ab7;
}

.Workshop .online-content__link,
.Workshop .online-content__link-sub-block-2,
.Workshop .online-content__link:hover .online-content__link-sub-block-2
{
    background-color: #ec2e52;
    color: #fff;
}

.Workshop .online-content__link {
    border-color: #ec2e52;
}

.India-EMBO .online-content__link,
.India-EMBO .online-content__link-sub-block-2,
.India-EMBO .online-content__link:hover .online-content__link-sub-block-2
{
    background-color: #FF9933;
    color: #fff;
}

.India-EMBO .online-content__link {
    border-color: #FF9933;
}

.Global .online-content__link,
.Global .online-content__link-sub-block-2,
.Global .online-content__link:hover .online-content__link-sub-block-2
{
    background-color: #ff8a65;
    color: #fff;
}

.Global .online-content__link {
    border-color: #ff8a65;
}

.EMBO-FEBS .online-content__link,
.EMBO-FEBS .online-content__link-sub-block-2,
.EMBO-FEBS .online-content__link:hover .online-content__link-sub-block-2
{
    background-color: #673ab7;
    color: #fff;
}

.EMBO-FEBS .online-content__link {
    border-color: #673ab7;
}

/*
ICON BAR
*/
.features {
    background-color: rgb(234 234 234);
}

.feature-list {
    list-style-type: none;
    padding:0;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


.feature-list-item {
    text-align: center;
    padding: 6px 1.5rem;
    line-height:1.4;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
        flex: 0 1 40%;
}

.feature-list-icon {
    height:70px;
    width: auto;
}

a.feature-list-link,
a.feature-list-link:hover,
a.feature-list-link:active {
    display:block;
    text-decoration: none;
    color: #555;
    cursor: pointer;
}

@media screen and (min-width:680px) {
    .feature-list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .feature-list-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
    }
}