@charset "UTF-8";
@font-face {
    font-family: Arvo;
    font-style: normal;
    font-weight: 400;
    src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/MViwy4K6e56oHcyeMzjbCQ.ttf) format('truetype')
}
@font-face {
    font-family: Arvo;
    font-style: normal;
    font-weight: 700;
    src: local('Arvo Bold'), local('Arvo-Bold'), url(https://fonts.gstatic.com/s/arvo/v9/F-uvpIj1hF17IDyvQvI50Q.ttf) format('truetype')
}
@font-face {
    font-family: Arvo;
    font-style: italic;
    font-weight: 400;
    src: local('Arvo Italic'), local('Arvo-Italic'), url(https://fonts.gstatic.com/s/arvo/v9/vQXokwpmxuSASZo9hjfj5g.ttf) format('truetype')
}
html {
    height: 100%;
    font-size: 62.5%;
    background-color: #ececec
}
body {
    height: 100%;
    font-family: Montserrat, sans-serif
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.ie6 .clearfix {
    display: inline-block
}
.ie7 .clearfix {
    zoom: 1
}
body,
dd,
dl,
dt,
form,
h1,
li,
ol,
td,
th,
tr,
ul {
    margin: 0;
    padding: 0
}
h2 {
    padding: 0
}
address,
blockquote,
fieldset,
h3,
h4,
h5,
h6,
p,
pre {
    margin: 0;
    padding: 0
}
ol,
ul {
    list-style: none
}
fieldset,
img {
    border: 0
}
input,
select,
textarea {
    vertical-align: middle
}
select,
textarea {
    font-size: 100%
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}
th {
    text-align: left
}
a:focus {
    overflow: hidden
}
#hero-big {
    height: 100%
}
#hero-big,
#hero-small {
    width: 100%;
    background: url(../themes/appsforghent/assets/images/background2017.jpg) center center no-repeat #323e65;
    background-size: cover
}
#hero-small {
    height: 55%;
    margin-top: -12rem
}
#hero-small #title {
    padding-top: 15rem
}
#navigation {
    position: relative;
    z-index: 2
}
#navigation,
#navigation-fixed {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
#navigation-fixed {
    position: fixed;
    z-index: 50
}
#navbar {
    width: 95%;
    padding: 1rem 2.5%
}
#navbar li {
    display: inline-block
}
#left {
    float: left
}
#left img {
    height: 5rem
}
#center {
    text-align: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: 3rem
}
#center li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.nav {
    line-height: 5rem;
    font-size: 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: bolder;
    color: #fff
}
.nav:hover {
    color: #8ab3dd
}
.nav-low {
    line-height: 5rem;
    font-size: 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #0D1F3F
}
.nav-low:hover {
    color: #8ab3dd
}
#right {
    float: right
}
#right li a {
    line-height: 5rem;
    padding: .5rem 1rem;
    font-size: 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #fff;
    background-color: #c93f3f
}
#right li a:hover {
    background-color: #8ab3dd
}
#hamburger-menu-logo {
    display: none
}
#hamburger-menu-logo img {
    width: 5rem
}
#quit {
    position: absolute;
    left: calc(97.5% - 5rem);
    top: 1rem
}
#quit img {
    height: 5rem
}
#hamburger-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #83b2de
}
#hamburger-menu #home {
    position: absolute;
    left: 2.5%;
    top: 1rem
}
#hamburger-menu #home img {
    height: 5rem
}
#hamburger-menu ul {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}
#hamburger-menu ul li:not(:first-child) {
    margin-top: 5%
}
#hamburger-menu ul li:last-of-type a {
    padding: 1rem 2rem;
    background-color: #c93f3f
}
#hamburger-menu ul li:last-of-type a:hover {
    background-color: #8ab3dd
}
#hamburger-menu ul li a {
    position: relative;
    font-size: 3rem;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-decoration: none
}
#hamburger-menu ul li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}
#hamburger-menu ul li:not(:last-of-type) a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
h2 {
    margin: 12rem 0 0;
    text-align: center;
    font-size: 7rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #fff
}
#hero_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}
#openBelgium {
    /*position: absolute;
    bottom: 50%;*/
    width: 100%
}
#openBelgium img {
    display: block;
    margin: auto;
    height: 20%
}
#time {
    /*position: absolute;
    bottom: 35%;
    width: 100%;*/
    text-align: center;
    line-height: 4rem;
    font-size: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #fff;
    padding-left: 1em;
    padding-right: 1em;
}
#time span {
    font-size: 4rem;
    vertical-align: text-top
}
#time span:not(:first-of-type) {
    padding-left: 2.5rem
}
#tickets {
    /*position: absolute;
    text-align: center;
    bottom: 10%;
    width: 100%;*/
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    flex-direction: column;
}
#tickets > h2:nth-child(1) {
    font-size: 2.5rem;
    margin-bottom: 0
}
#tickets > h2:nth-child(2) {
    text-transform: none;
    margin-top: 0.1em
}
#tickets > h2 {
    margin: 0.8em;
    font-size: 1.5rem
}
#tickets a {
    box-sizing: border-box;
    display: inline-block;
    padding: 2rem 2rem;
    font-size: 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #fff;
    background-color: #c93f3f;
    width: 100%;
    text-align: center;
}
#tickets a:hover {
    background-color: #8ab3dd
}
#arrow-down {
    position: absolute;
    bottom: 5%;
    width: 100%
}
#arrow-down img {
    display: block;
    margin: auto;
    width: 7rem
}
#short-info {
    background-color: #0D1F3F;
    color: #fff;
    font-size: 1.6rem;
    font-weight: lighter;
    font-family: Montserrat, sans-serif;
    width: 60%;
    padding: 8rem 20%
}
#short-info h3 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #8AB3DD
}
#short-info ul {
    list-style-type: circle;
    font-weight: 700;
    margin-bottom: 2rem;
    display: inline-table
}
#short-info ul li {
    display: inline;
    font-size: 3.5rem;
    margin-right: 2rem
}
#short-info-text {
    line-height: 2.2rem
}
#when-where {
    margin-top: 2rem;
    padding-top: 2rem;
    display: flex;
    justify-content: center
}
#when-where > * {
    flex-shrink: 0;
    flex-grow: 0;
    margin: 0 2em
}
#when img,
#where img {
    float: left
}
#when h4,
#where h4 {
    padding-left: 3rem;
    font-size: 2rem;
    text-transform: uppercase;
    color: #8ab3dd
}
#when p,
#where p {
    padding-top: 1rem;
    padding-left: 3rem
}
#when p:last-of-type,
#where p:last-of-type {
    padding-top: 0
}
@media screen and (max-width: 550px) {
    #when-where {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 10vw
    }
    #when-where > * {
        margin: 1em 0
    }
}
#speakers-and-programme {
    width: 100%
}
#programme,
#speaker {
    position: relative;
    width: 50%;
    height: 50rem;
    float: left
}
#programme a,
#speaker a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 1rem 2rem;
    font-size: 3rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #fff
}
#programme a:hover,
#speaker a:hover {
    background-color: #8ab3dd
}
#speaker {
    background: url(../themes/appsforghent/assets/images/speakers.jpg) center center no-repeat;
    background-size: cover
}
#programme {
    background: url(../themes/appsforghent/assets/images/programme.jpg) center center no-repeat;
    background-size: cover
}
#programme h3 {
    position: absolute;
    top: 55%;
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    font-size: 1.8rem;
    color: #fff
}
#mc_embed_signup {
    background: #0D1F3F;
    color: #fff;
    padding: 3rem
}
#mc_embed_signup a {
    text-decoration: none;
    color: #c93f3f;
    font-size: 12px;
    font-family: Montserrat
}
#mc_embed_signup a:hover {
    color: #0D1F3F
}
#mc_embed_signup p:last-of-type {
    margin-bottom: 3rem
}
#mc_embed_signup {
    clear: left;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    text-align: center
}
#mc_embed_signup p {
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-weight: 700
}
input {
    font-size: 15px
}
#mc-embedded-subscribe-form {
    width: 100%
}
#mc_embed_signup_scroll {
    text-align: center;
    width: 100%
}
#mc_embed_signup form {
    padding: 5rem 0 !important;
    width: 60% !important;
    margin: auto
}
#mc_embed_signup .mc-field-group {
    clear: none;
    width: 44.5rem;
    margin: auto;
    text-align: center;
    padding-bottom: 0 !important
}
#mc_embed_signup .button {
    clear: none;
    background-color: #c93f3f;
    height: 55px
}
#mc_embed_signup .button:hover {
    background-color: #0D1F3F;
    height: 55px
}
#mc_embed_signup .button:focus {
    outline: 0 !important
}
#mc_embed_signup .mc-field-group input:first-child {
    float: left;
    width: calc(80% - 2px) !important;
    margin: 0 !important;
    height: 37px
}
#mc_embed_signup .mc-field-group input:first-child:focus {
    outline: 0 !important
}
#mc_embed_signup div.mce_inline_error {
    display: none !important
}
.mc-field-group #mc-embedded-subscribe {
    float: left !important;
    clear: none !important;
    border-radius: 0 !important;
    width: 18% !important;
    padding: 0 !important;
    height: 55px !important;
    background-color: #c93f3f !important
}
.mc-field-group #mc-embedded-subscribe:hover {
    background-color: #8ab3dd !important
}
#mc_embed_signup div.response {
    color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: initial !important
}
#partners {
    background-color: #f8f8f8;
    text-align: center;
    padding: 10rem 0
}
#partners h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    padding-bottom: 3rem;
    color: #8ab3dd
}
.logos-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}
.partners-logos {
    margin: 1em 2em;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.partners-logos a {
    margin-right: 2em;
    margin-top: 1em
}
.partners-logos img {
    width: 200px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}
.partners-logos img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0)
}
#map {
    height: 40rem;
    width: 100%
}
footer {
    position: relative;
    background-color: #0D1F3F;
    text-align: center;
    font-family: Montserrat, sans-serif
}
footer h3 {
    font-size: 2rem;
    text-transform: uppercase;
    padding: 2rem 0 0;
    color: #8ab3dd
}
footer p {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #fff
}
footer span {
    color: #8ab3dd
}
footer span:hover {
    color: #83b2de
}
footer a {
    text-decoration: none
}
#organisors {
    padding-bottom: 5rem
}
#organisors #logo-okb img {
    margin: auto;
    display: block;
    width: 20rem;
    height: 20rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#organisors #logo-okb img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
#organisors #CoC-page {
    color: #8ab3dd;
    font-size: 1.3rem
}
#organisors #CoC-page:hover {
    color: #83b2de
}
#decoration {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%
}
.container {
    width: 96%;
    margin: 9rem 2%
}

.speaker {
    float: left;
    width: 23.5%;
    margin-bottom: 3rem;
    margin-right: 1%;
}

.speaker:last-child {
    margin-right: 0;
}
.flip-container {
    -webkit-perspective: 1000;
    perspective: 1000;
    float: left
}
.flip-container.hover .flipper,
.flip-container:hover .flipper {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.flip-container {
    width: 100%;
    height: 30rem
}
.back,
.flipper {
    height: 30rem
}
.flipper {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative
}
.back,
.front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0
}
.back {
    width: 100%;
    position: absolute
}
.info {
    position: relative;
    width: 100%;
    background-color: #fff;
    float: left;
    text-align: left;
    /*padding-bottom: 3rem;*/
    min-height: 15em;
}
.info h3 {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #83b2de
}
.info h3,
.info p {
    font-family: Montserrat, sans-serif
}
.info p {
    margin-top: .5rem;
    font-size: 1.3rem;
    font-weight: lighter
}
.info a {
    width: 2rem;
    height: 2rem
}
.text {
    padding: 1rem 1rem 0
}
.front {
    position: relative;
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    width: 100%;
    height: 30rem;
    overflow: hidden;
    background-size: cover;
    background-position: center center
}
.company {
    margin-top: 0;
    font-weight: 700
}
.linkedin {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background: url(../themes/appsforghent/assets/images/linkedin.png)
}
.linkedin:hover {
    background: url(../themes/appsforghent/assets/images/linkedin.png) 0 -2rem
}
.twitter {
    position: absolute;
    bottom: 1rem;
    right: 4rem;
    width: 2rem;
    height: 2rem;
    background: url(../themes/appsforghent/assets/images/twitter.png)
}
.twitter:hover {
    background: url(../themes/appsforghent/assets/images/twitter.png) 0 -2rem
}
.website {
    position: absolute;
    bottom: 1rem;
    right: 7rem;
    width: 2rem;
    height: 2rem;
    background: url(../themes/appsforghent/assets/images/website.png)
}
.website:hover {
    background: url(../themes/appsforghent/assets/images/website.png) 0 -2rem
}
.back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #83b2de
}
.back h3 {
    font-size: 1.8rem;
    text-transform: uppercase
}
.back h3,
.back p {
    font-family: Montserrat, sans-serif;
    color: #fff
}
.back p {
    margin-top: 1rem;
    font-size: 1.4rem;
    font-weight: lighter
}
#blog-container {
    text-align: center
}
#categories {
    margin-bottom: 7rem
}
#categories li {
    display: inline
}
#categories li:not(:last-of-type) {
    margin-right: 15%
}
#categories a {
    position: relative;
    font-size: 2.5rem;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: bolder;
    color: #2f4086;
    text-decoration: none
}
#categories a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #2f4086;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}
#categories a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
.blog {
    font-size: 3.5rem;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #2f4086;
    margin: 2rem
}
#latest {
    position: relative;
    width: 80%;
    margin: auto
}
#latest img {
    max-width: 100%;
    max-height: 45rem;
    width: auto
}
#latest div:first-child {
    height: 45rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}
#overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 2rem;
    width: 30%;
    background-color: #fff
}
.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}
.overlay:hover {
    background-color: rgba(47, 64, 134, .2)
}
.theme {
    font-size: 2rem;
    font-family: Montserrat, sans-serif;
    margin-bottom: .5rem
}
.blogpost-title,
.theme {
    text-transform: uppercase;
    font-weight: 700
}
.blogpost-title {
    font-size: 2.5rem;
    margin: 1rem 0
}
.blogpost-title,
.by {
    font-family: Montserrat, sans-serif
}
.by {
    font-size: 1.5rem
}
.by span {
    color: #2f4086
}
#otherBlogposts {
    background-color: #fff;
    padding-top: 32rem;
    padding-bottom: 2rem;
    margin-top: -30rem
}
#otherBlogposts-no-latest {
    background-color: #fff;
    padding-bottom: 2rem;
    padding-top: 3rem;
    margin-top: -3rem
}
.category {
    width: 80%;
    margin: auto
}
.blogpost {
    float: left;
    width: 47.5%;
    margin-bottom: 2rem
}
.blogpost img {
    width: 100%
}
.blogpost:nth-child(2n+1) {
    margin-right: 5%
}
.blogpost-image {
    position: relative;
    width: 100%;
    height: 25rem
}
.blogpost-image a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}
.blogpost-image a:hover {
    box-shadow: inset 0 0 0 1000px rgba(47, 64, 134, .2)
}
.presentations {
    text-align: left;
    font-family: Karla, sans-serif;
    font-size: 1.6rem;
    line-height: 1.18;
    letter-spacing: -.003em;
    width: 80%;
    margin-left: 10%
}
.presentations li {
    margin-bottom: 10px
}
.presentations li a {
    color: #2f4086;
    font-size: 1.4rem;
    text-decoration: none
}
.presentations li a:hover {
    text-decoration: underline
}
#blogpost-detail-info {
    width: 75%;
    margin: 5rem auto auto;
    font-family: Montserrat, sans-serif
}
#blogpost-detail-info #blogpost-category {
    font-size: 1.8rem
}
#blogpost-detail-info #blogpost-category,
#blogpost-title {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}
#blogpost-title {
    font-size: 2.5rem;
    font-weight: 700
}
#blogpost-by {
    font-size: 1.5rem;
    margin-bottom: .5em;
}
#blogpost-by span {
    color: #2f4086
}
#social-media {
    float: left;
    width: 7.5%;
    margin-top: 8rem;
    margin-left: 2.5%
}
#social-media .fb-share-btn {
    cursor: pointer
}
#social-media h3 {
    font-family: Montserrat, sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
    border-top: solid #000 1rem;
    padding-top: 1rem;
    margin-bottom: 1rem
}
#social-media img {
    width: 50%;
    margin: .5rem auto auto
}
#social-media img:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}
#blogpost-detail {
    float: left;
    width: 75%;
    margin: 3rem 2.5% 5rem;
    background-color: #fff;
    padding-top: 3em;

}
#blogpost-detail .featured-images img {
    width: 90%;
    margin-left: 5%
}
#blogpost-detail #text {
    background-color: #fff;
    margin-top: -32rem;
    padding: 35rem 5% 3rem;
    font-size: 2.5rem;
    font-family: Montserrat, sans-serif
}
@media (max-width: 1280px){
    #blogpost-detail {
        padding-top: 0;
    }
    #blogpost-detail #text{
        margin-top: -40rem;
        padding-top: 41rem;
    }
}
#blogpost-detail #text p {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-family: Karla, sans-serif;
    line-height: 1.6em;
    letter-spacing: -.003em
}
#blogpost-detail #text a {
    text-decoration: none;
    color: #8ab3dd
}
#blogpost-detail #text a:hover {
    color: #83b2de
}
#blogpost-detail #text h3 {
    margin-bottom: 1.5rem;
    font-size: 2.5rem
}
#blogpost-detail #text h4 {
    margin-bottom: 1rem;
    font-size: 2rem
}
#blogpost-detail #text img {
    display: block;
    margin: 1rem auto;
    max-width: 100%
}
#blogpost-detail #text img.left {
    float: left;
    margin: 1rem 1rem 1rem 0
}
#blogpost-detail #text img.right {
    float: right;
    margin: 1rem 0 1rem 1rem
}
#blogpost-detail #text blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin-bottom: 1em;
    padding: 1em 10px 1em 25px;
    quotes: "“" "”" "‘" "’";
    font-size: 1.5rem;
    display: block
}
#author {
    float: left;
    width: 7.5%;
    text-align: right;
    margin-top: 8rem;
    margin-right: 2.5%
}
#author h3 {
    font-family: Montserrat, sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
    border-top: solid #000 1rem;
    padding-top: 1rem
}
#author img {
    width: 100%;
    margin: 2rem auto auto;
    display: block;
    max-width: 100%;
    height: auto;
    min-height: 100px;
    min-width: 100px
}
#twitter-wall {
    margin-top: -20px;
    font-size: 1.5em
}
#twitter-wall>ul {
    list-style: none;
    padding: 0
}
#twitter-wall>ul li {
    display: block;
    margin-bottom: 15px
}
#twitter-wall>ul li>div {
    overflow: hidden
}
#twitter-wall>ul li>div .twitter-center,
#twitter-wall>ul li>div .twitter-left,
#twitter-wall>ul li>div .twitter-right {
    background-color: #fff;
    padding: 1em 0 1000px;
    margin-bottom: -1000px;
    height: 100%;
    line-height: 1.4em;
    float: left
}
#twitter-wall>ul li>div .twitter-center>div,
#twitter-wall>ul li>div .twitter-left>div,
#twitter-wall>ul li>div .twitter-right>div {
    padding: 0 2em;
    font-size: 1em;
    line-height: 1.4em
}
@media screen and (max-width: 767px) {
    #twitter-wall>ul li>div .twitter-center,
    #twitter-wall>ul li>div .twitter-left,
    #twitter-wall>ul li>div .twitter-right {
        padding-left: 1em;
        padding-right: 1em
    }
}
#twitter-wall>ul li>div .twitter-center .bottom-spacer,
#twitter-wall>ul li>div .twitter-left .bottom-spacer,
#twitter-wall>ul li>div .twitter-right .bottom-spacer {
    display: block;
    margin-bottom: 1em
}
#twitter-wall>ul li>div .twitter-left {
    background-color: #323e65;
    width: 25%;
    color: #fff
}
#twitter-wall>ul li>div .twitter-left a,
#twitter-wall>ul li>div .twitter-left a:hover {
    color: #fff
}
#twitter-wall>ul li>div .twitter-center {
    width: 60%
}
#twitter-wall>ul li>div .twitter-center a {
    color: #8ab3dd;
    text-decoration: none
}
#twitter-wall>ul li>div .twitter-center a:hover {
    color: #83b2de
}
#twitter-wall>ul li>div .twitter-center img {
    margin-top: 1em;
    max-width: 100%
}
#twitter-wall>ul li>div .twitter-right {
    width: 15%
}
#event {
    max-width: 100rem;
    margin: auto auto 5rem
}
#event h3 {
    margin-bottom: 3rem;
    font-family: Montserrat, sans-serif;
    font-size: 3.5rem;
    text-transform: uppercase;
    color: #2f4086
}
#event h3:not(:first-child) {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}
#event h4 {
    font-size: 2rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}
#event .event-desc {
    width: 22.5%;
    margin-left: 2.5%;
    margin-right: 5%;
    float: left
}
#event li {
    font-size: 1.5rem;
    font-weight: bolder;
    margin-bottom: 2.5rem;
    padding-left: 5%;
    list-style-type: circle
}
#event .event-long-desc,
#event li {
    font-family: Montserrat, sans-serif;
    color: #2f4086
}
#event .event-long-desc {
    width: 70%;
    float: right;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 1rem
}
#event-title {
    text-align: center
}
#speaker-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
#speakers-title {
    margin: 4rem 0;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 3.5rem;
    text-transform: uppercase;
    color: #2f4086
}
#about {
    max-width: 100rem;
    margin: auto
}
.about-question {
    text-align: center
}
.about-question:first-child h3 {
    margin-top: 0
}
.about-question h3 {
    font-size: 3rem;
    display: inline-block;
    margin: 3rem auto
}
.about-question h3,
.about-question p {
    font-family: Montserrat, sans-serif;
    color: #2f4086
}
.about-question p {
    text-align: left;
    font-size: 1.6rem;
    line-height: 2rem;
    width: 80%;
    margin-left: 10%
}
#about-tickets {
    margin-top: 3rem;
    text-align: center
}
#about-tickets a {
    padding: 1rem 2rem;
    font-size: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #fff;
    background-color: #c93f3f
}
#about-tickets a:hover {
    background-color: #8ab3dd
}
#CoC {
    max-width: 100rem;
    margin: auto
}
#CoC h3 {
    font-family: Montserrat, sans-serif;
    font-size: 3.5rem;
    color: #2f4086;
    border-bottom: solid #2f4086 .5rem;
    display: inline-block;
    margin: 3rem auto
}
#CoC h3:first-child {
    margin-top: 0
}
#CoC h4 {
    font-family: Montserrat, sans-serif;
    font-size: 2rem;
    color: #2f4086;
    margin: 1.5rem 0 1.5rem 7rem
}
#CoC a {
    color: #00e;
    text-decoration: none
}
#CoC a:hover {
    color: #83b2de
}
#CoC p {
    font-family: Montserrat, sans-serif;
    font-size: 1.3rem;
    color: #2f4086;
    margin-left: 7rem
}
#CoC #spacings p {
    margin: .75rem 0 .75rem 7rem
}
#partners-page h4 {
    font-size: 2.5rem;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: bolder;
    color: #2f4086
}
.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-container li {
    padding: 1em;
    height: 150px;
    width: 150px;
    margin-top: 10px
}
.flex-container li img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 100%;
    max-width: 100%;
    margin: auto
}
.timetable {
    box-sizing: border-box;
    font-family: Montserrat, sans-serif
}
.timetable::after {
    clear: both;
    content: "";
    display: table
}
.timetable *,
.timetable:after,
.timetable:before {
    box-sizing: inherit
}
.timetable ul {
    padding: 0
}
.timetable li {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.timetable aside,
.timetable section {
    float: left
}
.timetable aside {
    width: 25%;
    padding: 0 !important;
    margin-top: 46px;
    border-right: 5px solid transparent
}
.timetable aside li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 15px;
    background-color: #EFEFEF
}
.timetable aside li:not(:last-of-type) {
    border-bottom: 1px solid #fff
}
.timetable aside .row-heading {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-size: 2rem;
    text-transform: uppercase
}
.timetable ul {
    list-style-type: none;
    margin: 0
}
.timetable aside li,
.timetable time li {
    height: 15rem
}
.timetable section {
    width: 75%;
    padding: 0 !important;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}
.timetable section time {
    white-space: nowrap;
    display: inline-block
}
.timetable section header {
    height: 46px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    font-size: 0
}
.timetable section header::after {
    clear: both;
    content: "";
    display: table
}
.timetable section header li {
    font-size: 1rem;
    overflow: visible;
    width: 0;
    line-height: 46px;
    display: inline-block;
    position: relative
}
.timetable section header li:not(:last-of-type) {
    width: 288px
}
.timetable section header li .time-label {
    display: block;
    position: absolute;
    left: 0
}
.timetable section header li:not(:first-of-type) .time-label {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.timetable section header li:last-of-type .time-label {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}
@media only screen and (max-width: 960px) {
    .timetable aside {
        width: 40%
    }
    .timetable section {
        width: 60%
    }
}
.timetable ul.room-timeline {
    border-left: none;
    position: relative;
    overflow: hidden
}
.timetable ul.room-timeline li {
    position: relative;
    background-color: #F4F4F4
}
.timetable ul.room-timeline li:nth-of-type(odd) {
    background-color: #FDFDFD
}
.timetable ul.room-timeline li:first-of-type {
    border-top: 1px solid #E5E5E5
}
.timetable ul.room-timeline li:last-of-type {
    border-bottom: 1px solid #E5E5E5
}
.timetable ul.room-timeline li:not(:last-of-type) {
    border-bottom: none
}
.timetable ul.room-timeline li .time-entry {
    height: 15rem
}
.timetable ul.room-timeline li:after,
.timetable ul.room-timeline li:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.timetable ul.room-timeline li:before {
    background-image: -webkit-linear-gradient(left, #E5E5E5 1px, transparent 1px);
    background-image: linear-gradient(to right, #E5E5E5 1px, transparent 1px);
    background-size: 24px auto
}
.timetable ul.room-timeline li:after {
    background-image: -webkit-linear-gradient(left, #E5E5E5, #E5E5E5 1px, #F4F4F4 1px, #F4F4F4 2px, #E5E5E5 2px, #E5E5E5 3px, transparent 3px, transparent);
    background-image: linear-gradient(to right, #E5E5E5, #E5E5E5 1px, #F4F4F4 1px, #F4F4F4 2px, #E5E5E5 2px, #E5E5E5 3px, transparent 3px, transparent);
    background-size: 96px auto;
    background-position: -2px 0
}
.timetable .time-entry {
    background-color: #83b2de;
    -webkit-transition: 200ms background-color;
    transition: 200ms background-color;
    height: 45px;
    display: block;
    position: absolute;
    z-index: 2;
    padding: 0 10px;
    white-space: normal;
    text-decoration: none;
    overflow: hidden;
    color: #fff;
    border: 1px solid #FFF;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.timetable .time-entry small {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    text-align: center;
    font-size: 1.6rem
}
.timetable .time-entry:hover {
    background-color: #0D1F3F
}
@media screen and (max-height: 850px) {
    h2 {
        margin-top: 8rem
    }
    #hero-small{
        height: 55%;
    }
}
@media screen and (max-height: 600px) {
    #openBelgium {
        bottom: 50%
    }
    #openBelgium img {
        height: 15%
    }
    #time {
        bottom: 42%;
        line-height: 5rem;
        font-size: 2rem
    }
    #time span {
        font-size: 5rem
    }
    #hamburger-menu li a {
        font-size: 2rem
    }
    #tickets a {
        padding: 1.2rem 2rem;
    }
}
@media screen and (max-width: 1370px) {
    .speaker {
        width: 32%
    }
    /*
    .speaker:not(:nth-child(4n)) {
        margin-right: 0
    }
    .speaker:not(:nth-child(3n)) {
        margin-right: 2%
    }
    */
    #categories li:not(:last-of-type) {
        margin-right: 10%
    }
    .blogpost-title {
        font-size: 2rem
    }
}
@media screen and (max-width: 1200px) {
    #center li:not(:last-of-type) {
        margin-right: 5rem
    }
    #blogpost-detail {
        margin: 3rem 1% 5rem
    }
    #social-media {
        margin-left: 1%;
        width: 10.5%
    }
    #author {
        margin-right: 1%;
        width: 10.5%
    }
    #blogpost-detail #text {
        padding-top: 25rem;
        margin-top: -22rem
    }
    #mc_embed_signup h2 {
        font-size: 1.5rem !important
    }
}
@media screen and (max-width: 1100px) {
    #center,
    #right li {
        display: none
    }
    #hamburger-menu-logo {
        display: block
    }
    #navigation-fixed {
        position: relative
    }
    #hero-small #navbar {
        margin-top: 12rem
    }
    #hero-small #title {
        padding-top: 0
    }
}
@media screen and (max-width: 1000px) {
    #short-info ul li {
        font-size: 1.7rem
    }
    #short-info h3 {
        font-size: 2.5rem
    }
    .speaker {
        width: 48%;
        margin-right: 0
    }
    /*
    .speaker:not(:nth-child(3n)) {
        margin-right: 0
    }
    .speaker:not(:nth-child(2n)) {
        margin-right: 4%
    }
    */
    #programme,
    #speaker {
        width: 100%
    }
    #map {
        height: 30rem
    }
    footer h3 {
        padding: 2rem 0 0
    }
    #organisors a {
        width: 15rem;
        height: 15rem
    }
    #categories li:not(:last-of-type) {
        margin-right: 5%
    }
    .blogpost {
        width: 100%
    }
    .blogpost:nth-child(2n+1) {
        margin-right: 0
    }
    #otherBlogposts {
        padding-top: 22rem;
        margin-top: -20rem
    }
    #overlay {
        width: 60%
    }
    #blogpost-detail #text {
        padding-top: 15rem;
        margin-top: -13rem
    }
}
@media screen and (max-width: 900px) {
    #hero-small {
        min-height: 30rem
    }
    #event ul {
        margin-left: 7.5%;
        margin-right: 0;
        width: 92.5%
    }
    #event p {
        text-align: center;
        width: 100%
    }
    #author h3,
    #social-media h3 {
        font-size: 1.5rem
    }
    .about-question h3 {
        font-size: 2.3rem
    }
    .about-question p {
        text-align: center;
        width: 100%;
        margin-left: 0
    }
    #decoration {
        display: none
    }
    footer {
        text-align: center
    }
    footer p {
        left: 0;
        width: 100%
    }
}
@media screen and (max-width: 750px) {
    h2 {
        font-size: 5rem
    }
}
@media screen and (max-width: 680px) {
    #aftermovie-wrapper {
    	position: relative;
    	padding-bottom: 56.25%; /* 16:9 */
    	padding-top: 25px;
    	height: 0;
    }
    #aftermovie-wrapper iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    #mc_embed_signup form {
        width: 90% !important
    }
    #event h3 {
        font-size: 3rem
    }
    #speaker-blocks {
        display: block;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .speaker {
        width: 100%
    }
    .speaker:not(:nth-child(2n)) {
        margin-right: 0
    }
    #time {
        line-height: 5rem;
        font-size: 1.8rem
    }
    #time span {
        font-size: 5rem
    }
    #time:before {
        content: "  "";
    }
    #openBelgium img {
        width: 50%
    }
    #short-info {
        width: 90%;
        padding: 5rem 5%
    }
    #programme,
    #speaker {
        height: 40rem
    }
    #categories {
        margin-bottom: 5rem
    }
    #categories li {
        display: block
    }
    #categories li:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 1rem
    }
    .blog {
        display: none
    }
    #latest>div:first-child {
        height: 25rem
    }
    #latest div:first-child {
        position: relative;
        width: 100%
    }
    #latest #overlay {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    #latest .theme {
        display: none
    }
    .blogpost-title {
        font-size: 1.7rem
    }
    .by {
        font-size: 1.3rem
    }
    #categories a {
        font-size: 2rem
    }
    #blogpost-detail-info {
        width: 90%;
        margin: 3rem auto;
        text-align: center
    }
    #blogpost-title {
        font-size: 2.5rem
    }
    #social-media {
        text-align: center;
        margin-top: 0;
        margin-left: 2.5%;
        width: 95%
    }
    #social-media h3 {
        border-top: none;
        font-size: 2rem
    }
    #social-media img {
        width: 4rem
    }
    #blogpost-detail {
        margin-left: 2.5%;
        width: 95%;
        margin-bottom: 2rem
    }
    #author {
        margin: 0 0 3rem 2.5%;
        text-align: center;
        width: 95%
    }
    #author h3 {
        border-top: none;
        font-size: 2rem
    }
    #author img {
        width: 12rem
    }
    #blogpost-detail #text {
        font-size: 1.6rem
    }
    #blogpost-detail #text p {
        text-align: left
    }
}
@media screen and (max-width: 550px) {
    h2 {
        font-size: 4rem
    }
}
@media screen and (max-width: 500px) {
    #short-info ul li {
        font-size: 1.4rem
    }
    #mc_embed_signup .mc-field-group input:first-child {
        float: left;
        width: calc(70% - 2px) !important
    }
    .mc-field-group #mc-embedded-subscribe {
        width: 28% !important
    }
    #event h3,
    #speakers h3 {
        font-size: 2.5rem
    }
    h2 {
        font-size: 3rem
    }
    #hamburger-menu ul {
        width: 80%
    }
    #hamburger-menu li:not(:first-child) {
        margin-top: 10%
    }
    #time {
        line-height: 3.5rem;
        font-size: 1.3rem
    }
    #time span {
        font-size: 3.5rem
    }
    #time span:not(:first-of-type) {
        padding-left: 1rem
    }
    #openBelgium img {
        width: 65%
    }
    #tickets a {
        font-size: 1.5rem
    }
    #short-info h3 {
        font-size: 2rem
    }
    #short-info h3,
    #short-info-text {
        text-align: center
    }
    #when h4,
    #where h4 {
        font-size: 1.8rem
    }
    #programme,
    #speaker {
        height: 35rem
    }
    #map {
        height: 20rem
    }
    .blogpost-title {
        font-size: 1.5rem
    }
    .by {
        font-size: 1rem
    }
    #blogpost-detail #text {
        padding-top: 10rem;
        margin-top: -8rem
    }
    #blogpost-title {
        font-size: 2rem
    }
    #blogpost-detail-info #blogpost-category {
        font-size: 1.5rem
    }
    #author h3,
    #social-media h3 {
        font-size: 1.7rem
    }
    .about-question h3 {
        font-size: 2rem;
        border-bottom: none
    }
    #mc_embed_signup h2 {
        font-size: 1.3rem !important
    }
}
@media screen and (max-width: 340px) {
    #mc_embed_signup .mc-field-group input:first-child {
        float: left;
        width: calc(50% - 2px) !important
    }
    .mc-field-group #mc-embedded-subscribe {
        width: 46% !important
    }
    #event h3,
    #speakers h3 {
        font-size: 2rem
    }
    h2 {
        font-size: 2.5rem
    }
    #time {
        line-height: 2rem;
        font-size: 1rem
    }
    #time span {
        font-size: 2rem
    }
    #time span:not(:first-of-type) {
        padding-left: .5rem
    }
    #short-info {
        padding: 2rem 5%
    }
    #when,
    #where {
        width: 100%;
        text-align: center
    }
    #when img,
    #where img {
        float: none
    }
    #when h4,
    #when p,
    #where h4,
    #where p {
        padding-left: 0
    }
    #when {
        margin-bottom: 2.5rem
    }
    #programme,
    #speaker {
        height: 25rem
    }
    #hamburger-menu li a {
        font-size: 2rem
    }
}
.pagination {
    margin-top: 2em;
    text-align: center
}
.pagination>li {
    display: inline;
    font-size: 1.5em;
    padding: .5em .7em;
    background-color: #FFF;
    margin: .2em;
    -webkit-transition: 200ms background-color;
    transition: 200ms background-color
}
.pagination>li.active,
.pagination>li:hover {
    background-color: #0D1F3F
}
.pagination>li>a,
.pagination>li>a:active,
.pagination>li>a:visited {
    text-decoration: none;
    color: #000
}
.pagination>li.active>a,
.pagination>li.active>a:active,
.pagination>li.active>a:hover,
.pagination>li.active>a:visited,
.pagination>li:hover>a,
.pagination>li:hover>a:active,
.pagination>li:hover>a:hover,
.pagination>li:hover>a:visited {
    text-decoration: none;
    color: #FFF
}
.signup-home {
    position: absolute;
    bottom: 0%;
    width: 100%;
    padding: 0 !important
}
#marker {
    width: 30px;
    height: 30px;
    background: url(../themes/appsforghent/assets/images/icon_ob_map.png);
    background-repeat: no-repeat;
    background-size: contain
}



#visual-summary {
    width: 100%;
}
#visual-summary img{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-color: #fff;
}
#visual-summary .credits {
    text-align: center;
}



#groupshot {
    width: 80%;
    display: block;
    margin: 0 auto 3em auto;
}

#volintro {
    width: 80%;
    font-size: 1.6em;
    color: #2f4086;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    text-align: center;
    font-family: Montserrat, sans-serif;
}

#volunteers {
    width: 80%;
    font-size: 1.6em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
    font-family: 'Montserrat Light', sans-serif;
}
.lastname {
    text-transform: uppercase;
    font-style: normal;
    font-family: 'Montserrat';
}
#volunteers li {
    margin-bottom: .5em;
}
#volunteers .fa {
    margin-left: .2em;
    color: #2f4086;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#volunteers .fa:hover {
    color: #8ab3dd;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#aftermovie {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
}
#videocredit {
    font-size: .8em;
    text-align: center;
}

@media phone {

}