/*
*
* universal style
*
 */

/*#callforpaper*/


strong.em {
    color: #c00;
}


a {}

a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
}

a[href^="mail"]::before {
    content: "\f199  ";
}

a[href^="tel"]::before {
    content: "\f098  ";
}

a[download] {
    margin-left: 5px;
}

a[download]::before {
    content: "\f56d";
    padding-right: 5px;
}

a[target="_blank"]::before {
    content: "\f360  ";
}

footer .small-text {
    font-size: 0.75em;
}

.hidden {
    display: none;
}

section.alt {
    /*
  background:#efefef;
   */
    color: #fff;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom;
    background-size: cover;
}

[lang|=cht] #callforpaper content {
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    /*IE9*/
    -moz-text-align-last: justify;
    /*Firefox*/
    -webkit-text-align-last: justify;
    /*Chrome*/
}

[lang|=en] content {
    font-weight: 300;
}

[lang|=cht] content {
    font-weight: 300;
}

@media (max-width: 1000px) {
    h4 {
        font-size: 1.25em !important;
        line-height: 1.5;
    }

    h2.section-heading.text-uppercase {
        font-size: 2em;
    }
}

.sticky-top {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.sticky-offset {
    top: 54px;
}

.heading {
    background: #fff;
    padding-bottom: 2em;
    padding-top: 2em;
    margin-bottom: 3em;
}

header.masthead {
    background-image: url("../i/poster-A2_5-landscape-no-text.png"), linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

@media screen (max-width: 1000px) {}

@media screen and (orientation:portrait) {

    header.masthead,
    section.alt {
        background-image: url("../i/poster-A2_4-portrait-no-text.png"), linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    }

    #callforpaper content {}
}

@media screen and (orientation:landscape) {

    header.masthead,
    section.alt {
        background-image: url("../i/poster-A2_5-landscape-no-text.png"), linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2));
    }

    br.alt {
        content: "";
        display: none;
    }
}

body {
    background: transparent;
    background-image: url("../i/poster-A2_4-portrait-no-text.png"), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;
    background-size: cover;
    font-family: 'IBM Plex Sans', 'Noto Sans TC' !important;
}

/*
.wf-hannari { font-family: "Hannari"; }
*/
content li+li {
    padding-top: 1.5em !important;
}

#accommodations li+li,
list-unstyled li+li {
    padding: 0 !important;
}

section h4 {
    width: 100%;
}



/*
design assets
*/
.assets .caption {
    /*background:rgba(255,255,255,0.9)*/
    ;
    background: #fff;
    padding-top: 2em;
}

.assets .mockup {
    height: 100vh;
    background: transparent
}

#pre-conference-event .mockup {
    height: 50vh;
}
/*#pre-conference-event .caption {background:linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)),transparent;}*/
.assets section {
    margin: 0 !important;
    padding: 0 !important;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: none;
    background-attachment: fixed;
    padding-top: 2em;
    padding-bottom: 5em;

}

#visual {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),transparent;
}

#poster {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/mockup-poster.png');
}

#manual {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/mockup-hanbook-2.png');
}

#proceedings {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/mockup-proceedings.png');
}

#lampbanner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/mockup-lamp-banner.jpg');
}

#posterguideline {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/mockup-poster-session.png');
}

#banner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/arnova-banner.png');
}

#lamp-banner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/arnova-mockup-lamp-poster-banner.png');

}

#guideline {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/mockup-guideline.png');
}

#badge {    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/bg-badge-table-stands.png');
}

#pre-conference-event {}

#pre-conference-event-title {
    background-image:  linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/bg-arnova-pre-event.png');
}

#pre-conference-event-poster {
    background-image:  linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/mockup-poster-pre-event.png');
}

#pre-conference-event-badge {
    background-image:  linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/bg-pre-event-badge.png');
}

#pre-conference-event-table-stands {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/bg-pre-event-table-stands.png');
}

#pre-conference-event-handbook {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('../i/bg-pre-event-handbook.png');
}

.mockup+div.row {
    padding-bottom: 5em;
    /*background:rgba(255, 255, 255, 0.5);*/
}

#pre-conference-event .mockup+div.row {
    padding-bottom: 3em;
}

figcaption.figure-caption {
    background: #eb9f41;

}

figure figcaption {
    margin-top: 10px;
    padding: 10px 0;
}

figure svg {
    margin-bottom: 10px;
}

figcaption.figure-caption,
figcaption.figure-caption a {
    color: #f8f2eb;
}

@media screen and (max-width: 1000px) {
    .mockup {
        display: none;
    }
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(150%, 0, 0);
        transform: translate3d(150%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}


.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.animated-delay1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}