@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
header {
  padding: 0 4em !important; }
  @media screen and (max-width: 800px) {
    header {
      padding: 0 1em !important;
      padding-right: 0 !important; } }
  header .sidg-logo {
    display: inline-block;
    margin: 1em;
    margin-left: -0.5em; }
    header .sidg-logo img {
      height: 3.375em; }
  header #hamburger {
    display: none;
    cursor: pointer;
    width: 2.6em;
    text-align: center;
    font-size: 2em;
    line-height: calc(2.6em + 1px); }
    @media screen and (max-width: 1100px) {
      header #hamburger {
        display: inline-block;
        float: right; } }
    header #hamburger:hover {
      background: black;
      color: white; }
  @media screen and (max-width: 1100px) {
    header #headernav {
      display: none; } }
  @media screen and (min-width: 1100px) {
    header #headernav {
      display: inline !important;
      float: right;
      transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); } }

.nav-header {
  text-align: right;
  padding: 2em 0;
  font-weight: 700; }
  @media screen and (max-width: 1100px) {
    .nav-header {
      text-align: center; } }
  .nav-header ul li {
    display: inline;
    margin: 1.5em;
    line-height: 1em; }
    @media screen and (max-width: 1100px) {
      .nav-header ul li {
        display: block; } }
    @media screen and (min-width: 1100px) {
      .nav-header ul li:last-child {
        margin-right: 0; } }
    .nav-header ul li a {
      color: #3B00FD;
      text-transform: lowercase; }
      .nav-header ul li a:hover {
        border-bottom: 2px solid #3B00FD; }

footer {
  padding: 1.3em 4em !important;
  color: white; }
  footer p {
    display: inline; }
    @media screen and (max-width: 800px) {
      footer p {
        display: block;
        text-align: center; } }
  @media screen and (max-width: 800px) {
    footer nav {
      display: block;
      text-align: center;
      margin-top: 1em; } }
  @media screen and (min-width: 800px) {
    footer nav {
      float: right; } }
  footer .nav-footer ul li {
    display: inline-block; }
    footer .nav-footer ul li::after {
      content: " | "; }
    footer .nav-footer ul li:last-child:after {
      content: ""; }
    footer .nav-footer ul li a:hover {
      color: white;
      border-bottom: 2px solid white; }

.home-landing {
  padding: 4em 1em;
  text-align: center;
  color: white;
  background-size: cover;
  background-position: bottom; }
  @media screen and (max-width: 800px) {
    .home-landing {
      font-size: 0.9em; } }
  .home-landing .sidg-svg {
    height: 9em; }
  .home-landing h1 {
    font-size: 2.2em;
    margin: 1.2em; }
  .home-landing p {
    max-width: 500px;
    margin: auto;
    font-size: 1.1em;
    line-height: 170%; }
  .home-landing .home-landing-cta {
    display: none;
    display: inline-block;
    padding: 1.5em 2.5em;
    font-size: 1.1em;
    border: white solid 3px;
    margin-top: 3em;
    transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }
    .home-landing .home-landing-cta:hover {
      color: black;
      background: white; }

.home-linkgrid {
  width: 100%;
  padding: 2em;
  background: #eee; }
  @media screen and (max-width: 800px) {
    .home-linkgrid {
      padding: 1em; } }
  .home-linkgrid .flexbox {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
  .home-linkgrid .linkgrid-item {
    display: inline-block;
    position: relative;
    height: 450px;
    width: calc(33.333% - 1em);
    margin: 0.5em;
    color: white;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 1280px) {
      .home-linkgrid .linkgrid-item {
        width: calc(50% - 1em); } }
    @media screen and (max-width: 1000px) {
      .home-linkgrid .linkgrid-item {
        height: 350px; } }
    @media screen and (max-width: 640px) {
      .home-linkgrid .linkgrid-item {
        height: 250px;
        width: 100%; } }
    .home-linkgrid .linkgrid-item:hover .overlay {
      background: rgba(59, 0, 253, 0.75); }
    .home-linkgrid .linkgrid-item:hover .item-txt p {
      opacity: 1;
      transform: none; }
  .home-linkgrid .item-txt {
    position: absolute;
    z-index: 5;
    padding: 0 1.5em;
    top: 33%;
    left: 0;
    text-align: center;
    width: 100%; }
    .home-linkgrid .item-txt h2 {
      display: inline-block;
      font-size: 2em;
      padding-bottom: 3px;
      margin-bottom: 0.8em;
      border-bottom: white solid 3px; }
    .home-linkgrid .item-txt p {
      opacity: 0;
      transform: translateY(50px);
      transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }
  .home-linkgrid .overlay {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(59, 0, 253, 0);
    transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }

.home-information {
  text-align: center;
  padding: 0 4em;
  padding-bottom: 2.5em; }
  @media screen and (max-width: 800px) {
    .home-information {
      padding: 0 2em;
      padding-bottom: 2.5em; } }
  .home-information h2 {
    margin: 1.5em; }
  .home-information p {
    line-height: 170%; }
  .home-information .information-img {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
    margin: 1em 0; }
    @media screen and (max-width: 1280px) {
      .home-information .information-img {
        height: 350px; } }
    @media screen and (max-width: 800px) {
      .home-information .information-img {
        height: 250px; } }
    @media screen and (max-width: 640px) {
      .home-information .information-img {
        height: 200px; } }

.notfound {
  font-size: 1.5em;
  padding: 1.5em; }

.contentpage {
  min-height: 100vh;
  padding: 4em;
  background: #3B00FD;
  background-size: cover; }
  @media screen and (max-width: 800px) {
    .contentpage {
      padding: 0; } }
  .contentpage .contentwrap {
    background: white; }
    .contentpage .contentwrap .titlewrap .maincontent {
      padding: 2em 0;
      padding-right: 2em; }
      @media screen and (max-width: 800px) {
        .contentpage .contentwrap .titlewrap .maincontent {
          padding: 2em;
          padding-left: 1em; } }
      .contentpage .contentwrap .titlewrap .maincontent h1 {
        font-size: 2em; }
      .contentpage .contentwrap .titlewrap .maincontent h2 {
        font-size: 1em;
        color: #3B00FD;
        margin-top: 0.8em;
        margin-bottom: 0; }
        .contentpage .contentwrap .titlewrap .maincontent h2 p {
          margin: 0; }
    .contentpage .contentwrap .image {
      height: 500px;
      background-image: url(../img/people-woman-coffee-meeting.jpg);
      background-size: cover;
      background-position: center; }
    .contentpage .contentwrap .sidecontent {
      padding: 4em 1em 4em 2em;
      display: inline-block;
      width: 20%; }
      @media screen and (max-width: 1000px) {
        .contentpage .contentwrap .sidecontent {
          width: 30%; } }
      @media screen and (max-width: 800px) {
        .contentpage .contentwrap .sidecontent {
          width: 100%;
          padding: 2em 1em; } }
      .contentpage .contentwrap .sidecontent .active {
        color: #3B00FD; }
      .contentpage .contentwrap .sidecontent h3 {
        margin-bottom: 0.5em; }
      @media screen and (max-width: 800px) {
        .contentpage .contentwrap .sidecontent ul li {
          display: inline;
          margin-right: 1.5em; } }
      .contentpage .contentwrap .sidecontent ul li a:hover {
        border-bottom: 2px solid #3B00FD; }
      @media screen and (max-width: 800px) {
        .contentpage .contentwrap .sidecontent .concat li {
          margin: 0; }
          .contentpage .contentwrap .sidecontent .concat li::after {
            content: ", "; }
        .contentpage .contentwrap .sidecontent .concat li:last-child {
          margin: 0; }
          .contentpage .contentwrap .sidecontent .concat li:last-child::after {
            content: ""; } }
    .contentpage .contentwrap .maincontent {
      display: inline-block;
      float: right;
      padding: 4em;
      padding-left: 0;
      width: 80%; }
      @media screen and (max-width: 1000px) {
        .contentpage .contentwrap .maincontent {
          width: 70%; } }
      @media screen and (max-width: 800px) {
        .contentpage .contentwrap .maincontent {
          width: 100%;
          padding: 2em 1em;
          padding-top: 0; } }
      .contentpage .contentwrap .maincontent .article-fadable:not(:first-child) {
        display: none; }
      .contentpage .contentwrap .maincontent h2 {
        color: #3B00FD;
        margin-bottom: 1em; }
      .contentpage .contentwrap .maincontent p {
        margin-bottom: 2em; }
      .contentpage .contentwrap .maincontent a {
        color: #3B00FD; }
        .contentpage .contentwrap .maincontent a:hover {
          border-bottom: 2px solid #3B00FD; }
      .contentpage .contentwrap .maincontent img {
        margin-bottom: 2em; }
      .contentpage .contentwrap .maincontent iframe {
        width: 100%;
        height: 500px;
        margin-bottom: 2em; }
        @media screen and (max-width: 800px) {
          .contentpage .contentwrap .maincontent iframe {
            height: 300px; } }
      .contentpage .contentwrap .maincontent .partners-flex {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-bottom: 1em; }
        .contentpage .contentwrap .maincontent .partners-flex .item {
          padding: 0.5em; }
          .contentpage .contentwrap .maincontent .partners-flex .item:first-child {
            padding-left: 0; }
          .contentpage .contentwrap .maincontent .partners-flex .item:last-child {
            padding-right: 0; }
          .contentpage .contentwrap .maincontent .partners-flex .item img {
            width: 100%;
            height: auto;
            margin: 0; }
        .contentpage .contentwrap .maincontent .partners-flex .width50 {
          width: 35%; }
        .contentpage .contentwrap .maincontent .partners-flex .width25 {
          width: 25%; }
        .contentpage .contentwrap .maincontent .partners-flex .width16 {
          width: 16.6666%; }
      .contentpage .contentwrap .maincontent .contact p {
        margin-bottom: 0.5em; }
      .contentpage .contentwrap .maincontent .contact #maps {
        width: 100%;
        height: 300px;
        margin-top: 3em; }
  .contentpage .news-item {
    margin-bottom: 3em; }
    .contentpage .news-item .news-thumb {
      height: 200px;
      background-size: cover;
      background-position: center; }

.category-border {
  height: 1em; }

.programma {
  padding: 4em; }
  @media screen and (max-width: 800px) {
    .programma {
      padding: 2em; } }
  .programma p, .programma h1, .programma h2, .programma h3 {
    color: white;
    margin-bottom: 0.5em; }
  .programma h1 {
    font-size: 2em; }
  .programma h2 {
    font-size: 1em; }
  .programma .info-txt {
    display: inline-block;
    max-width: 26em;
    padding-bottom: 4em; }
    @media screen and (max-width: 1000px) {
      .programma .info-txt {
        max-width: 100%;
        padding-bottom: 2em; } }
  .programma .filter-button-group {
    display: inline-block;
    max-width: 26em;
    padding-bottom: 4em; }
    @media screen and (max-width: 1000px) {
      .programma .filter-button-group {
        max-width: 100%;
        padding-bottom: 3em; } }
    @media screen and (min-width: 1000px) {
      .programma .filter-button-group {
        float: right;
        padding-left: 2em; } }
    .programma .filter-button-group h2 {
      text-align: right;
      margin-right: 0.2em; }
      @media screen and (max-width: 1000px) {
        .programma .filter-button-group h2 {
          text-align: left; } }
    .programma .filter-button-group .flexbox {
      display: flex;
      flex-wrap: wrap; }
      .programma .filter-button-group .flexbox button {
        flex-grow: 1;
        cursor: pointer;
        padding: 0.5em 1em;
        margin: 0.2em;
        color: #3B00FD;
        font-size: 1em;
        font-weight: 700;
        background: white;
        border: none;
        transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }
        .programma .filter-button-group .flexbox button:hover {
          background: black;
          color: white; }
  .programma .eventgrid {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (min-width: 640px) {
      .programma .eventgrid {
        width: calc(100% + 1em); } }
  .programma .eventgrid-item {
    display: inline-block;
    flex-grow: 1;
    position: relative;
    height: 400px;
    width: calc(25% - 1em);
    margin: 0 1em 1em 0;
    color: white;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 1280px) {
      .programma .eventgrid-item {
        width: calc(50% - 1em); } }
    @media screen and (max-width: 1000px) {
      .programma .eventgrid-item {
        height: 350px; } }
    @media screen and (max-width: 640px) {
      .programma .eventgrid-item {
        height: 200px;
        width: 100%;
        margin: 0.5em 0; } }
    .programma .eventgrid-item:hover .overlay {
      opacity: 0.6;
      background: #3B00FD; }
    .programma .eventgrid-item:hover .txtprotect {
      opacity: 0; }
    .programma .eventgrid-item:hover .item-txt p {
      opacity: 1;
      transform: none; }
  .programma .item-txt {
    position: absolute;
    z-index: 5;
    padding: 0 1em;
    top: 40%;
    left: 0; }
    .programma .item-txt h2 {
      display: inline-block;
      font-size: 1.2em;
      padding-bottom: 3px;
      margin-bottom: 0.2em; }
    .programma .item-txt p {
      font-size: 0.8em; }
  .programma .item-quickinfo {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 0;
    padding: 1em;
    padding-top: 1.2em;
    background: white;
    color: black; }
    .programma .item-quickinfo ul {
      display: flex;
      justify-content: space-between; }
      .programma .item-quickinfo ul li {
        display: inline; }
  .programma .category-border {
    position: absolute;
    z-index: 43;
    top: 100%;
    width: 100%; }
  .programma .overlay, .programma .txtprotect {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: #3B00FD;
    transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }
  .programma .txtprotect {
    opacity: 1;
    background: linear-gradient(transparent, black);
    transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }

.sprekers {
  padding: 4em; }
  @media screen and (max-width: 800px) {
    .sprekers {
      padding: 2em; } }
  .sprekers h1 {
    color: white;
    font-size: 2em;
    margin-bottom: 0.5em; }
  .sprekers h2 {
    font-size: 1.3em;
    margin-bottom: 0.5em; }
  .sprekers p {
    color: white; }
  .sprekers .info-txt {
    display: inline-block;
    max-width: 26em;
    padding-bottom: 4em; }
    @media screen and (max-width: 1000px) {
      .sprekers .info-txt {
        max-width: 100%; } }
  .sprekers .sprekergrid {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (min-width: 640px) {
      .sprekers .sprekergrid {
        width: calc(100% + 1em); } }
  .sprekers .sprekergrid-item {
    display: inline-block;
    position: relative;
    height: 350px;
    width: calc(25% - 1em);
    margin: 0 1em 1em 0;
    color: white;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 1280px) {
      .sprekers .sprekergrid-item {
        width: calc(50% - 1em); } }
    @media screen and (max-width: 1000px) {
      .sprekers .sprekergrid-item {
        height: 350px; } }
    @media screen and (max-width: 640px) {
      .sprekers .sprekergrid-item {
        height: 200px;
        width: 100%;
        margin: 0.5em 0; } }
    .sprekers .sprekergrid-item:hover .txtprotect {
      opacity: 0; }
    .sprekers .sprekergrid-item:hover .overlay {
      opacity: 0.6; }
  .sprekers .item-quickinfo {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 0;
    padding: 1em 1.5em;
    background: white;
    color: black; }
    .sprekers .item-quickinfo p {
      font-size: 0.9em;
      color: #3B00FD; }
  .sprekers .overlay, .sprekers .txtprotect {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: #3B00FD;
    transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }
  .sprekers .txtprotect {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    background: linear-gradient(transparent, black);
    transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }

.timetable {
  padding: 0 2em 2em 0; }
  @media screen and (max-width: 800px) {
    .timetable {
      padding: 0 2em 2em 2em; } }
  .timetable h1, .timetable h2, .timetable h3, .timetable h4, .timetable h5, .timetable h6 {
    margin-bottom: 0.5em; }
  .timetable .timetable-title {
    display: none;
    color: #3B00FD;
    font-size: 2em; }
    @media screen and (max-width: 800px) {
      .timetable .timetable-title {
        display: block; } }
  .timetable hr {
    border: none;
    width: 100%;
    height: 2px;
    margin: 2em 0;
    background: #777; }
    @media screen and (min-width: 800px) {
      .timetable hr {
        display: none; } }
  .timetable .dontplaceshortcodeshere .sched {
    display: none !important; }
  .timetable .timetable-txt {
    padding: 1em 4em; }
    @media screen and (max-width: 800px) {
      .timetable .timetable-txt {
        padding: 1em 0; } }
  .timetable .cta {
    display: none;
    display: inline-block;
    padding: 1.5em 2.5em;
    font-size: 1em;
    color: #32DF63;
    border: #32DF63 solid 3px;
    margin-top: 3em;
    transition: all 300ms cubic-bezier(0.15, 0.26, 0.04, 1); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html, body {
  width: 100%;
  margin: auto;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  font-family: Montserrat; }

body {
  height: 100%;
  font-size: 1em; }
  @media screen and (max-width: 800px) {
    body {
      font-size: 0.8em; } }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both; }

.color-white {
  color: white !important; }

.color-black {
  color: black !important; }

.color-accent {
  color: #3B00FD !important; }

.bg-white {
  background: white; }

.bg-black {
  background: black; }

.bg-accent {
  background: #3B00FD; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover {
    color: #3B00FD; }

p {
  line-height: 150%; }

ul {
  list-style-type: none; }

li {
  line-height: 150%; }

.mid {
  font-size: 1.5em; }

.accent {
  color: #3B00FD; }

.lineheight-mid {
  line-height: 170%; }

.maxwidth-full {
  max-width: 100%;
  height: 100%; }

.maxwidth-wide {
  max-width: 1337px;
  height: 100%;
  margin: auto; }

.maxwidth-mid {
  max-width: 1280px;
  height: 100%;
  margin: auto; }

.maxwidth-small {
  max-width: 770px;
  height: 100%;
  margin: auto; }

@media screen and (max-width: 800px) {
  .mobilehide-mid {
    display: none; } }

#mc-embedded-subscribe-form label, .ninja-forms-cont label {
  font-weight: bold; }
#mc-embedded-subscribe-form input[type="email"], #mc-embedded-subscribe-form input[type="text"], .ninja-forms-cont input[type="email"], .ninja-forms-cont input[type="text"] {
  width: 240px;
  box-sizing: initial;
  height: 24px;
  padding: 4px 12px;
  margin: 6px 0 16px 0;
  font-size: 14px; }
#mc-embedded-subscribe-form input[type="submit"], .ninja-forms-cont input[type="submit"] {
  background-color: #3B00FD;
  padding: 10px 16px 10px 16px;
  color: white;
  border: none;
  font-size: 18px; }

/*# sourceMappingURL=global.css.map */