/* =============================================================================
  #RESET
============================================================================= */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0;margin:0 0 1em}


/* =============================================================================
  #TOOLS
============================================================================= */
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }


/* =============================================================================
  #GENERAL
============================================================================= */
* {
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

html {
  position: relative;
  min-height: 100%;

  font-size: 16px;
  font-size: 62.5%;
}

body {
  padding-top: 74px;

  font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
  color: #000000;
  font-size: 16px; font-size: 1.6rem;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

  background-color: #f4f4f4;
}

.container {
  margin: 0 auto;
  padding: 0 5px;
  max-width: 420px;
}


.main {
  margin: 10px;
  padding: 10px;

  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  border-radius: 6px;
}


.previous-page {
  position: relative;
  display: block;
  padding: 10px 40px;

  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;

  background-color: #23b0e6;
}

  .previous-page i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }


/* =============================================================================
  #UTILITIES
============================================================================= */
.hide {
  display: none;
}

/* Text aligns */
.ta-left { text-align: left; }
.ta-center { text-align: center; }
.ta-right { text-align: right; }


/* Put this on the wrapping div you want to clear */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after { clear: both; }

/* Responsive video - put the iFrame in a div containg this class */
.videoWrapper {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


/* =============================================================================
  #TYPOGRAPHY
============================================================================= */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;

  line-height: 1.1;
}

/* Add margin top to heading when it comes after another piece of content */
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
  margin-top: 20px;
}


/* Heading 1 */
h1 {
  margin-bottom: 5px;

  font-size: 26px; font-size: 2.6rem;
}


/* Heading 2 */
h2 {
  margin-bottom: 10px;

  color: #23b0e6;
  font-size: 22px; font-size: 2.2rem;
}

/* Heading 3 */
h3 {
  font-size: 18px; font-size: 1.8rem;
}


p {
  margin-bottom: 16px;
}

.lead {
  font-size: 120%;
}

a {
  color: #23b0e6;
}

strong {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

.ol,
.ul {
  margin-bottom: 18px;
  padding-left: 30px;
}

.ul {
  list-style: disc;
}

.ol {
  list-style: decimal;
}

p small {
  display: inline-block;
  line-height: 1.2;
}


.user-details li {
  display: block;
  margin-bottom: 15px;
}


/* =============================================================================
  #ELEMENTS
============================================================================= */
img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle;
}

img[width],
img[height] {
  max-width: none;
}

hr {
  margin: 16px 0;

  height: 1px;

  background-color: #e6e6e6;
  border: none;
}


/* =============================================================================
  #BUTTONS
============================================================================= */
.btn {
  display: block;
  margin: 16px 0;
  padding: 12px 20px;
  width: 100%;

  color: #ffffff;
  font-size: 15px; font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;

  cursor: pointer;

  background-color: #ae3581;
  border: none;
  border-radius: 6px;

  transition: background-color 150ms ease-in-out;
}

.btn--secondary {
  padding: 15px 5px;

  color: #818181;
  font-size: 14px; font-size: 1.4rem;

  background-color: #f4f4f4;
}

.btn:hover {
  color: #ffffff;

  background-color: #c44996;
}

/* Button modifiers */
.btn--block {
  display: block;
  width: 100%;
}


/* =============================================================================
  #MESSAGES
============================================================================= */
.alert {
  display: none;
}

/* Messages */
.message {
  display: block;
  margin: 15px 0;
  padding: 8px 10px;

  color: #ffffff;
  font-size: 16px; font-size: 1.6rem;
  font-weight: 700;

  border-radius: 4px;
}

  /* No margin on last item in message */
  .message *:last-child {
    margin-bottom: 0;
  }

  .message--error   { background-color: #e23c3c; }
  .message--warning { background-color: #df920d; }
  .message--success { background-color: #71b62c; }
  .message--info    { background-color: #3484cf; }


/* =============================================================================
  #FORM STYLING
============================================================================= */
/* FORM LABEL BLOCK */
.form__section {
  margin-bottom: 20px;
}


/* Labels */
.form__section label,
.form__label {
  display: block;
  margin-bottom: 4px;
  margin-right: 0;

  font-size: 14px; font-size: 1.4rem;
  font-weight: 700;
}

label + label {
	margin-left: 30px;
}

.form__label + label {
	margin-left: 0;
}


/* Default */
select,
input {
  font-size: 18px; font-size: 1.8rem;
}

select,
textarea,
input:focus {
   outline: none;
}


/* Radio and checkbox input */
input[type="radio"],
input[type="checkbox"] {
   margin-right: 8px;
}


/* General text inputs */
textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"] {
  display: block;
  padding: 8px 10px;
  width: 100%;

  font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px; font-size: 1.6rem;
  line-height: 1.4;

  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .05), 0 0 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #c8c8c8;

  transition: box-shadow 150ms ease-in-out;
}

html.xsmall textarea,
html.xsmall input[type="text"],
html.xsmall input[type="tel"],
html.xsmall input[type="email"],
html.xsmall input[type="password"],
html.xsmall input[type="number"] {
  max-width: 100%;
  width: 100%;
}

textarea:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
   border-color: #23b0e6;
   box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, .05);
}


/* Textarea */
textarea {
  min-height: 140px;
  max-width: 360px;
  width: 100%;
}


/* Select input */
select {
  height: 42px;
  width: 100%;

  border: none;
  background-color: #f3f3f3;

  cursor: pointer;
}


/* Error input */
textarea.error,
input[type="text"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="password"].error,
input[type="number"].error {
  border: 1px solid #e23c3c;
}

.field-error.hide {
  display: none;
}

.form--login label.error,
.field-error {
  display: block;
  margin-top: 10px;
  margin-left: 0 !important;

  font-size: 16px; font-size: 1.6rem;
  color: #e23c3c;
}


/* Search */
.input--search {
  width: 100%;
  padding-right: 38px !important;

  border: 1px solid #575757;
  border-radius: 30px !important;
  background-image: url('../img/icon-search.png');
  background-size: 21px 21px;
  background-position: right 10px center;
  background-repeat: no-repeat;
}


/* =============================================================================
  #HEADER
============================================================================= */
.header {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 50px 10px 5px;

  color: #000000;

  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);

  transition: transform 150ms ease-in-out;
}

.fancybox-active .header {
  transform: translateY(-150%);
}

  .header__logo {
    float: left;
  }

    .header__logo img {
      width: 200px;
    }


/* =============================================================================
  #HEADER TOGGLES
============================================================================= */
.toggle {
  position: fixed;
  z-index: 2000000;
  top: 0;
  right: 0;
  width: 42px;
  height: 62px;

  cursor: pointer;

  transition: transform 150ms ease-in-out;
}

.fancybox-active .toggle {
  transform: translateY(-150%);
}

.is-dashboard .toggle__menu,
.no-toggle .toggle__menu,
.no-nav .toggle__menu {
  display: none;
}


/* =============================================================================
	#NAVIGATION
============================================================================= */
.navigation {
  z-index: 1000000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;

  color: #ffffff;
}

.is-dashboard .navigation {
  left: 0;

  background-color: #23b0e6;
  background-image: url('../img/bg-dashboard.png');
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.is-menu .navigation {
  left: 40px;
  padding-top: 34px;

  background-color: #23b0e6;
  background-image: url('../img/bg-dashboard.png');
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.no-nav .navigation {
  display: none;
}

.is-menu .navigation {
  transform: translateX(100%);

  transition: transform 350ms ease-in-out;
}

.is-dashboard .navigation,
.menu-is-open .navigation {
  transform: translateX(0);
}


/* Navigation header styling */
.is-dashboard .navigation__header {
  padding: 10px 10px 0 10px;
}

.is-menu .navigation__header {
  display: none;
}

  .is-dashboard .navigation__header .logo {
    display: block;

    color: #ffffff;
    text-align: center;
  }

    .is-dashboard .navigation__header .logo img {
      width: 256px;
      height: 70px;
    }


/* Navigation menu styling */
.is-dashboard .navigation .menu {
  margin: 0 auto;
  padding: 0 0;
  max-width: 420px;
}

  /* Menu items */
  .menu__item {
    font-weight: 700;
    text-decoration: none;
  }

  .is-dashboard .menu__item {
    overflow: hidden;
    float: left;
    margin: 5px;
    padding-bottom: 6px;
    width: calc(50% - 10px);

    font-size: 11px; font-size: 1.1rem;
    color: #6d6d6d;
    text-align: center;
    text-decoration: none;

    border-radius: 6px;
    background-color: #f7f7f7;
  }

  .is-menu .menu__item {
    display: block;
    padding: 8px 10px;

    color: #ffffff;
    font-size: 15px; font-size: 1.5rem;
    line-height: 22px;
  }

  .is-menu .menu__item small {
    display: inline-block;
  }

  /* Menu item icon */
  .is-dashboard .menu__item .item__icon {
    margin: 0 auto 5px auto;
    height: 52px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px auto;
    background-color: #ffffff;
  }

  .is-menu .menu__item .item__icon {
    float: left;
    margin-right: 10px;
    height: 22px;
    width: 30px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  /* Set default icons */
  .menu__item--programma .item__icon { background-image: url('../img/menu/icon-programma.svg'); }
  .menu__item--posters .item__icon { background-image: url('../img/menu/icon-posters.svg'); }
  .menu__item--presentaties .item__icon { background-image: url('../img/menu/icon-presentaties.svg'); }
  .menu__item--informatie .item__icon { background-image: url('../img/menu/icon-informatie.svg'); }
  .menu__item--plattegrond .item__icon { background-image: url('../img/menu/icon-plattegrond.svg'); }
  .menu__item--mijn_congres .item__icon { background-image: url('../img/menu/icon-mijn_programma.svg'); }
  .menu__item--nieuws .item__icon { background-image: url('../img/menu/icon-nieuws.svg'); }
  .menu__item--eticket .item__icon { background-image: url('../img/menu/icon-eticket.svg'); }
  .menu__item--registratie .item__icon { background-image: url('../img/menu/icon-registratie.svg'); }

  .is-menu .menu__item--programma .item__icon { background-image: url('../img/menu/white/icon-programma.svg'); }
  .is-menu .menu__item--posters .item__icon { background-image: url('../img/menu/white/icon-posters.svg'); }
  .is-menu .menu__item--presentaties .item__icon { background-image: url('../img/menu/white/icon-presentaties.svg'); }
  .is-menu .menu__item--informatie .item__icon { background-image: url('../img/menu/white/icon-informatie.svg'); }
  .is-menu .menu__item--plattegrond .item__icon { background-image: url('../img/menu/white/icon-plattegrond.svg'); }
  .is-menu .menu__item--mijn_congres .item__icon { background-image: url('../img/menu/white/icon-mijn_programma.svg'); }
  .is-menu .menu__item--nieuws .item__icon { background-image: url('../img/menu/white/icon-nieuws.svg'); }
  .is-menu .menu__item--eticket .item__icon { background-image: url('../img/menu/white/icon-eticket.svg'); }
  .is-menu .menu__item--registratie .item__icon { background-image: url('../img/menu/white/icon-registratie.svg'); }

  .is-dashboard .menu__item--uitloggen { display: none; }
  .menu__item--uitloggen { margin-top: 15px; }


/* For landscape devices */
@media screen and (max-width: 800px) and (orientation: landscape) {
  .is-dashboard .navigation__header {
    display: none;
  }

  .is-dashboard .navigation .menu {
    margin-top: 15px;
    max-width: 100%;
  }

    .is-dashboard .menu__item {
      width: 20%;
    }
}


/* =============================================================================
	#E-TICKET
============================================================================= */
.eticket {
  margin: 15px;
  padding-bottom: 10px;

  background-color: #f2f2f2;
  background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  border-radius: 0 0 6px 6px;
}


.eticket__intro {
  margin: 10px 10px 0 10px;
  padding: 20px 10px 40px 10px;

  color: #000000;
  text-align: center;
}

  .eticket__intro *:last-child {
    margin-bottom: 0;
  }

  .eticket__intro h2 {
    color: #000000;
  }


.eticket__barcode {
  text-align: center;
}


/* =============================================================================
	#PROGRAM
============================================================================= */
.program {
  position: relative;
  padding-top: 38px;
}

.event_8_body .program {
  padding-top: 0;
}

.program--personal {
  padding-top: 0;
}


/* ##PROGRAM SETTINGS ======================================================= */
.program-settings {
  position: fixed;
  z-index: 10000;
  top: 74px;
  left: 0;
  width: 100%;

  color: #ffffff;

  background-color: #ae3581;
}

.program-settings--relative {
  position: relative;
  top: 0;
}


.program-settings__day {
  position: relative;
  padding: 10px 38px;

  text-align: center;
}

  .program-settings__day__toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32px;

    background-position: center;
    background-repeat: no-repeat;
  }

  .program-settings__day__toggle.prev {
    left: 0;

    background-image: url('../img/icon-nav_prev.svg');
  }

  .program-settings__day__toggle.next {
    right: 0;

    background-image: url('../img/icon-nav_next.svg');
  }


.program-settings__time {
  display: flex;

  background-color: #8e2366;
}

  .program-settings__time li {
    flex: 1;

    text-align: center;
  }

    .program-settings__time li a {
      display: block;
      padding: 8px 5px;

      color: #ffffff;
      text-decoration: none;
    }

    .program-settings__time li a.active {
      box-shadow: inset 0 -3px 0 0 #ebacd3;
    }


/* ##PROGRAM ITEMS ========================================================== */
.program__item {
  position: relative;
  display: block;
  padding: 10px;
  padding-right: 34px; /* Make sure add to program icon doesn't overlap */

  color: #000000;
  text-decoration: none;

  background-color: #ffffff;
}

.program__item + .program__item {
  border-top: 1px solid #f4f4f4;
}

.program__item.indent--38,
.program__item.indent--39,
.program__item.indent--40,
.program__item.indent--36,
.program__item.indent--34,
.program__item.indent--37,
.program__item.indent--35 {
  padding-left: 25px;

  background-color: #f9f9f9;
}


.program__item__link {
  display: block;

  color: #000000;
  text-decoration: none;
}


  /* Display date and time of program item */
  .program__datetime {
    display: block;
    margin-bottom: 4px;

    color: #4b4b4b;
    font-size: 13px; font-size: 1.3rem;
  }

    .program__datetime i {
      font-size: 12px; font-size: 1.2rem;
    }


  /* Display title of program item */
  .program__title {
    margin-top: 0;

    font-size: 16px; font-size: 1.6rem;
    font-weight: normal;
  }


  /* Display location of program item */
  .program__location {
    color: #ae3581;
    font-size: 14px; font-size: 1.4rem;
  }

    .program__location i {
      font-size: 80%;
      vertical-align: middle;
    }


  /* Display add to program toggle of program item */
  .program__add {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 26px;
    height: 26px;

    background-image: url('../img/icon-not_added.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .program__add.added {
    background-image: url('../img/icon-added.svg'); /* Swap icon for filled version */
    background-color: transparent;
    border-radius: 0;
    outline: 0;
    border: none;
  }


  /* Hide on event ID 8 */
  .event_8_body .notes-wrapper,
  .event_8_body .program__add {
    display: none !important;
  }


/* =============================================================================
  #DETAIL PAGE
============================================================================= */
.details {
  background-color: #ffffff;
}

  .details > *:first-child {
    margin-top: 0;
  }


.details__datetime {
  display: block;
  padding: 10px 10px 0 10px;

  color: #4b4b4b;
  font-size: 13px; font-size: 1.3rem;
}

  .details__datetime i {
    font-size: 12px; font-size: 1.2rem;
  }


.details__title {
  margin: 0 0 0 0;
  padding: 5px 10px;

  font-size: 20px; font-size: 2rem;
}


.details__content {
  display: block;
  padding: 10px;

  color: #000000;
  text-decoration: none;
}

  .details__content,
  .details__content p {
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif !important;
    color: #000000 !important;
    font-size: 16px !important; font-size: 1.6rem !important;
    line-height: 1.4 !important;
  }

.speaker-list div:first-child {
  background-color: #f4f4f4;
}

.speaker-list div:first-child::after {
  content: "(Spreker)";
  margin-left: 10px;

  font-size: 11px; font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.details__content + .details__content {
  border-top: 1px solid #dfdfdf;
}

  .details__content .details__datetime {
    padding-left: 0;
    padding-right: 0;
  }

.details__subtitle {
  margin: 0 0 0 0;
  padding: 0 0 5px 0;
  font-size: 15px; font-size: 1.5rem;
}

.details__subtitle + .details__datetime {
  padding-top: 0;
}


.details__subheading {
  display: block;
  margin: 5px 0 0 0;
  padding: 5px 10px;

  color: #ffffff;
  font-size: 13px; font-size: 1.3rem;

  background-color: #ae3581;
}


.details__location {
  display: block;
  padding: 0 10px 10px 10px;

  color: #ae3581;
  font-size: 14px; font-size: 1.4rem;
}

  .details__location i {
    margin-right: 5px;

    font-size: 80%;
    vertical-align: middle;
  }



/* ==========================================================================
	#POPUP
========================================================================== */
.popup {
	display: block;
	width: 90%;
	margin:5%;
	padding: 15px;
	border: 1px solid #b3b3b3;
	border-radius:10px;
	float: right;
	position: fixed;
	color: #03153b;
	bottom: 15px;
	background:white;
	z-index: 0;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.close {
	position: absolute;
	right:10px;
	top:10px;
	width: 15px;
	height:15px;
	display: inline-block;
	box-shadow: none;
}

.popup img.app {
	width: 30%;
	height: auto;
	float: left;
	max-width: 80px;
	border-radius: 15px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.popup .upload {
	width: 20px;
	height: auto;
}

.popup span.popup-content{
	float:left;
	display: inline-block;
	width: 65%;
	padding-left:5%;
}

.popup span.popup-hoek {
	text-align:center;
	position: absolute;
	bottom:-20px;
	left:0;
	right: 0;
	z-index: -100000000000000;
}

.popup span.popup-hoek span{
	display: inline-block;
	width:30px;
	height: 30px;
	background: white;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
}


/* ==========================================================================
	#HAMBURGER TOGGLE
========================================================================== */
.burger {
  float: right;
  margin-top: 18px;
  margin-right: 6px;
  height: 3em;
  width: 3em;
  position: relative;
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
  -webkit-tap-highlight-color: transparent; }
  .burger .burger-lines:after {
    left: 0;
    top: -1em; }
  .burger .burger-lines:before {
    left: 1em;
    top: 1em; }
  .burger:after {
    content: '';
    display: block;
    position: absolute;
    height: 150%;
    width: 150%;
    top: -25%;
    left: -25%; }
  .burger .burger-lines {
    top: 50%;
    margin-top: -0.125em; }
    .burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before {
      pointer-events: none;
      display: block;
      content: '';
      width: 100%;
      border-radius: 0.25em;
      background-color: #23b0e6;
      height: 0.25em;
      position: absolute;
      -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
              transform: rotate(0); }
    .menu-is-open .burger .burger-lines, .menu-is-open .burger .burger-lines:after, .menu-is-open .burger .burger-lines:before {
      background-color: #ffffff;
    }
    .burger .burger-lines:after {
      left: 0;
      top: -1em; }
    .burger .burger-lines:before {
      left: 1em;
      top: 1em; }
.burger.burger-squeeze .burger-lines, .burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
  -webkit-transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
  -o-transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
  transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s; }

.burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
  width: 2em; }

.burger.burger-squeeze.open .burger-lines, .burger.burger-squeeze.open .burger-lines:after, .burger.burger-squeeze.open .burger-lines:before {
  -webkit-transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
  -o-transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
  transition: .2s background-color, .2s top, .2s left, .2s transform .15s; }

.burger.burger-squeeze.open .burger-lines {
  background-color: transparent; }

.burger.burger-squeeze.open .burger-lines:before, .burger.burger-squeeze.open .burger-lines:after {
  left: 0.5em;
  top: 0px; }

.burger.burger-squeeze.open .burger-lines:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.burger.burger-squeeze.open .burger-lines:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }


/* =============================================================================
  #NOTES
============================================================================= */
.note__item {
  background-color: #ffffff;
}

.note__item + .note__item {
  border-top: 1px solid #dfdfdf;
}

  .note__item span {
    display: block;
    padding: 10px;

    color: #000000;
    text-decoration: none;
  }

    .note__item span * {
      margin-bottom: 0;
    }

  .note__title {
    font-weight: 700;
    font-size: 15px; font-size: 1.5rem;
  }

  .note__desc {
    font-size: 14px; font-size: 1.4rem;
  }


/* =============================================================================
  #NEWS
============================================================================= */
.news *:last-child {
  margin-bottom: 0;
}

.news p {
  font-size: 14px; font-size: 1.4rem;
}

.news__date {
  display: block;
  margin-bottom: 5px;

  color: #6f6f6f;
  font-size: 12px; font-size: 1.2rem;
}


.news-counter {
  display: inline-block;
  width: 14px;
  height: 14px;

  color: #ffffff;
  font-size: 10px; font-size: 1rem;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;

  background-color: #ffac00;
  border-radius: 50%;
}


/* =============================================================================
	#HIDE UN-USED EVENTS IN DASHBOARD
============================================================================= */
.btn[href="/events/11/event_home"],
.btn[href="/events/10/event_home"],
.btn[href="/events/9/event_home"],
.btn[href="/events/7/event_home"],
.btn[href="/events/6/event_home"] {
  display: none;
}


/* =============================================================================
	#STAR RATING
============================================================================= */
.star-rating {
  float: left;
  margin-bottom: 10px;
}

.star-rating input {
	/* Hide the radio inputs */
	position: absolute;
	height: 0;
	width: 0;
	opacity: 0;
}

.star-rating__star {
  /* Flip the order of the radio inputs */
	float: right;
	display: inline-block;
	width: 36px;
	height: 32px;

	cursor: pointer;

	background-image: url('../img/icon-rate-star-empty.svg'); /* Set default empty star state */
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: center left;
}

input:checked + .star-rating__star, /* Set active star state on selected star */
input:checked + .star-rating__star ~ .star-rating__star, /* Set active star state on all stars coming after the selected star -> make sure all stars are flipped */
.star-rating__star:hover, /* Set active star state on hover star */
.star-rating__star:hover ~ .star-rating__star { /* Set active star state on all stars coming after the hovered star -> make sure all stars are flipped */
	background-image: url('../img/icon-rate-star-filled.svg');
}