@charset "UTF-8";
#header #logo,
#header #logo50 { width: 300px; height: 120px; float: left; background: url(_gfxlib/agraconference2022-600x240.png) no-repeat center; background-size: 100%; margin-bottom: 1em; }
#left .standfirst, #left h2 { font-family: 'Josefin Sans', sans-serif; font-weight: 400; font-size: 1.75rem; color: #817582; line-height: 120%; }
#left h2 { margin: 1.5rem 0 0 0; }
.sidebutton2.conference { background: #817582 url('../_gfxlib/sidebullet20.png') no-repeat left center; }
.sidebutton2.conference a:hover { background: #6a616b url('../_gfxlib/sidebullet20.png') no-repeat left center; }
.sidebutton2.conference a { color: #fff; }
#left .speaker { float: left; width: 100%; margin: 1rem 0; text-align: center; }
#left .speaker img { display: inline-block; width: auto; max-width: 80%; height: auto; margin: 0 auto; }
#left .speaker p { text-align: center; font-size: .875rem; font-weight: 700; }
#left .speaker-list-item { float: left; width: 98%; margin: 1rem 0; background: #FAFAFA; padding: 1rem 1%; }
#left .speaker-list-item .text { float: left; width: 75%; margin-right: 5%; }
#left .speaker-list-item h3 { font-size: 1.25rem; }
#left .image { float: left; width: 20%; }
#left .image img { width: 100%; height: auto; max-width: 100%; }
#sidewrapper .gallery { float: left; width: 100%; margin: 0 0 1rem 0; }
#sidewrapper .gallery img { display: block; max-width: 100%; height: auto; margin: 0 auto; border: solid 1px #6a616b; }
#sidewrapper .gallery .caption { float: left; width: 100%; margin: .5rem 0; }
#sidewrapper .gallery .caption p { text-align: center; font-size: .875rem; }
#left .mediawrap {
    float: left;
    width: 100%;
    max-width: 80%;
    margin: 2rem 10%;
}
#left .mediawrap  p {
    padding: 1rem 0;
    font-size: 14px;
    color: #666;
    text-align: center;
    background: #ECECEC;
}
#left .mediawrap .videowrap {
    float: left;
    width: 100%;
    margin: 0;
}
#left .mediawrap .videowrap video {
    width: 100%;
    height: auto;
}
#left .mediawrap .vimeowrap {
    float: left;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
#left .mediawrap .vimeowrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}