@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@300;400;700&display=swap');
html, body {
  min-height: 100%;
}
body {
  font-family: 'Aleo', serif !important;
  font-weight: 300 !important;
}
.sticky-header #header-wrap {
  z-index: 1000;
}
body, label,
h1, h2, h3, h4, h5, h6,
.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_comments li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a{
  color: #fff;
}
@media (max-width: 991px) {
  #header {
    height: 70px;
    margin-bottom: 30px;
  }
}
#logo img {
  max-height: 40px;
}
#header-wrap {
    padding: 10px 0px;
}
#header, #wrapper, #content, .sticky-header #header-wrap, #header-wrap, #page-title {
  background: none;
  border: none;
}
@media (max-width: 991px) {
  #header-wrap:after {
    content: '';
    background: url('/images/skenme-ogen-1.png') no-repeat center bottom;
    background-size: contain;
    width: 110px;
    height: 70px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -55px;
  }
}
body {
  background: #7C5098;
}
body {
  background: linear-gradient(0deg, rgba(89,58,110,1) 0%, rgba(132,90,159,1) 100%);
  background-attachment: fixed;
}
video {
  max-width: 100%;
}
.sticky-header #header-wrap {
  background: rgba(128,83,157,1);
}
/*body.cadeaukaart-scanner-new {
  background: #736d66;
  background: linear-gradient(0deg, rgba(221,220,215,1) 0%, rgba(115,109,102,1) 100%);
}
body.cadeaukaart-scanner-new .sticky-header #header-wrap {
  background: #736d66;
}*/
#primary-menu-trigger .svg-trigger {
  width: 50px;
  height: 50px;
}
#primary-menu-trigger .svg-trigger path {
  stroke: #FFED00;
}

.menu-link {
  color: #FFED00;
}
.menu-item:not(:first-child) {
  border: none;
}

hr {
  background-color: #FFED00;
}
h1, h2, h3, h4, h5, h6, #logo a, .menu-link, .mega-menu-style-2 .mega-menu-title > .menu-link, .top-search-form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .fbox-content h3, .tab-nav-lg li a, .counter, label, .widget-filter-links li a, .nav-tree li a, .wedding-head, .font-primary {
  font-family: 'Aleo', serif !important;
  font-weight: 700;
  text-transform: none;
}
label {
  font-size: 1rem;
  font-weight: normal;
}
#page-title {
  text-align: left;
  border-bottom: none;
  color: #FFED00;
}
#page-title h1, #page-title.page-title-mini h1 {
  color: #FFED00;
  text-transform: none;
  font-size: 40px;
  line-height: 48px;
}
@media (min-width: 370px) {
  .cadeaukaart-scanner #page-title .container, .cadeaukaart-scanner #content .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
/*body.cadeaukaart-scanner-new #page-title {
  color: #000;
}
body.cadeaukaart-scanner-new #page-title h1, body.cadeaukaart-scanner-new #page-title.page-title-mini h1 {
  color: #000;
  font-size: 46px;
  line-height: 50px;
}*/
#page-title p {
  margin-bottom: 0;
}
.title-border::before, .title-border::after {
    display: none;
    border: none;
}
#content .content-wrap {
    padding: 0px;
}
/* header profile image */
.profile-picture-header-container {
  position: relative;
  cursor: pointer;
  text-align: center;
  border: none !important;
}

.profile-picture-header {
  width: 45px;
  height: 45px;
  /*background-image: linear-gradient(45deg, #ce9856 0%, #face6e 100%) !important;*/
  /*border: 2px solid #fecc07;*/
  color: #ffffff;
  border-radius: 50%;
  margin: 0px auto;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  /*box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.5);*/
  box-shadow: 8px 2px 12px 0 rgba(254, 204, 7, 0.25);
}

.profile-picture-header i.icon-user-tie,
.profile-picture-header i.icon-user-ninja {
  position: relative;
  top: 12px;
}

.profile-picture-header-src {
  width: 100%;
  max-width: 50px;
}

.btn-profile-picture-header {
  display: block;
}

.fp-progress-bar {
  background-color: #00bcda;
}
/**
 * Forms
 */
input[type=text], input[type=email], input[type=password], input.form-control {
  border-radius: 20px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #202020;
  background: #fff;
  border: none;
}
select, select.form-control {
  border-radius: 20px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 44px;
  line-height: 44px;
  color: #202020;
  background: #fff;
  border: none;

}
input.form-control::placeholder {
  color: #fff;
}

/**
 * Content
 */
.button.button-border {
  background: #85CEE4;
  border: none;
  color: #fff;
}
.button.button-circle {
  white-space: normal;
  text-align: center;
}
.button.button-border.button-light {
  border: 1px solid #fff;
  background: none;
  font-size: 12px;
}
.fp-button-full {
  width: 100%;
}

/**
 * Backgrounds
 */
.bg-skenme-blue {
  background: #85CEE4 !important;
}
.content-wrap {
  color: #FFED00;
}

/**
 * Message lay-outs
 */
.message-skenme-text-container {
  height: 50vh;
  padding-top: 108px;
  background: url('/images/skenme-geel-cadeau-top.png') no-repeat center top;
}
.message-skenme-text {
  height: 100%;
  padding: 15px;
  background: #ffed00;
  border-radius: 30px;
}
.message-skenme-text-white {
  height: 100%;
  padding: 15px;
  background: #ffffff;
  color: #000;
  border-radius: 15px;
  overflow: scroll;
}

/**
 * Progress bar
 */
@media (max-width: 991px) {
  #progress-bar {
    position: fixed;
    top: 70px;
    left: 0px;
    background: rgba(128,83,157,1);
    z-index: 999;
  }
}
#progress-bar a {
  color: #85CEE4;
  text-transform: uppercase;
  font-size: 12px;
}

/**
 * Modals
 */
.modal-content, .bootstrap-dialog .bootstrap-dialog-title {
  color: #000 !important;
}

/*  bottom bar buttons */
.mobile-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  display: -webkit-box;
  display: flex;
  height: 90px;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #593A6E;
  padding-top: 5px;
  padding-bottom: 15px; /*toegevoegd nodge iPhone */
}
.mobile-bottom-nav__item {
  -webkit-box-flex: 1;
  flex-grow: 1;
  text-align: center;
  font-size: 12.5px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}

.mobile-bottom-nav__item a {
  color: #fff;
  /*font-family: 'Roboto', serif !important;*/
  font-family: proxima-nova, serif !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.1pt;
}

.mobile-bottom-nav__item--active {
  color: #fff;
  /*font-family: 'Roboto', serif !important;*/
  font-family: proxima-nova, serif !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.1pt;
}

.mobile-bottom-nav__item--active a {
  color: #fff;
  /*font-family: 'Roboto', serif !important;*/
  font-family: proxima-nova, serif !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.1pt;
}

.mobile-bottom-nav__item-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.mobile-bottom-countclosed {
  width: 20px !important;
  height: 20px !important;
  font-style: normal;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  box-shadow: 0 2px 2px 0 rgba(144, 77, 77, 0.25);
  padding: 3px;
  background-color: transparent;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  font-size: 11px;
}

.mobile-bottom-countacceptedchallenge {
  width: 20px !important;
  height: 20px !important;
  font-style: normal;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  box-shadow: 0 2px 2px 0 rgba(144, 77, 77, 0.25);
  padding: 3px;
  background-color: transparent;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  font-size: 11px;
}

.mobile-bottom-counttoacceptchallenge {
  width: 20px !important;
  height: 20px !important;
  font-style: normal;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  box-shadow: 0 2px 2px 0 rgba(144, 77, 77, 0.25);
  padding: 3px;
  background-color: silver;
  color: #474747;
  display: inline-block;
  font-weight: normal;
  font-size: 11px;
}

.bottombar_icon {
  fill: #474747 !important;
  width: 32px;
  vertical-align: middle;
  overflow: hidden;
}

.bottombar_icon_active {
  fill: #fecc07 !important;
  width: 32px;
  vertical-align: middle;
  overflow: hidden;
}

/**
 * Footer
 */

#footer, #copyrights {
  background-color: #7C5098;
}