/* main styles */

body {
  background-color: #121212 !important;
  color: #77756e !important;
}

body {
  cursor: -webkit-image-set(
      url("/wp-content/themes/olympus/utimages/ukuworld-cursor.png") 1x,
      url("/wp-content/themes/olympus/utimages/ukuworld-cursor.cur") 1x,
      url("/wp-content/themes/olympus/utimages/ukuworld-cursor@2x.png") 2x,
      url("/wp-content/themes/olympus/utimages/ukuworld-cursor@2x.cur") 2x
    ),
    auto;
  cursor: url("/wp-content/themes/olympus/utimages/ukuworld-cursor.png") 1x,
    url("/wp-content/themes/olympus/utimages/ukuworld-cursor.cur") 1x,
    url("/wp-content/themes/olympus/utimages/ukuworld-cursor@2x.png") 2x,
    url("/wp-content/themes/olympus/utimages/ukuworld-cursor@2x.cur") 2x, auto;
}

@font-face {
  font-family: "Lobster Two";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/olympus/fonts/BngMUXZGTXPUvIoyV6yN5-fN5qWr4xCC.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

h2,
.h2 {
  font-family: "Lobster Two", sans-serif;
  color: #a2321b;
}

a:hover,
.smalltitle:hover,
span.smalltitle:hover,
.archivelist a:hover {
  text-decoration: none;
  color: #ec651b !important;
}

/* user dropdown menu achtergrond */
.more-dropdown {
  /* background-color: #fafaf1;
  color: #a89046; */
}

.more-dropdown a {
  color: #f5f1e4;
}

.more-dropdown .ui-block-title.ui-block-title-small .title {
  color: #fff !important;
}

.account-settings i,
.account-settings svg,
.account-settings img {
  fill: #a78f46 !important;
  color: #a78f46 !important;
}

#menu-user-menu li a:hover {
  color: #dfca73 !important;
}

.accept-request {
  background: #388c34;
}

.request-del {
  background: #ca3434 !important;
}

.more-with-triangle:before {
  border-bottom: 7px solid #252525 !important;
}

.chat-message li.message-unread {
  background-color: #252525;
  color: #a89046;
}

.notification-friend svg.youzify-account-verified {
  margin: -4px 0 0 5px;
  height: 12px;
  width: 12px;
  padding: 2px;
  border-radius: 3px;
}

li.message-unread .notification-icon i {
  font-size: 18px !important;
  height: 18px !important;
  width: 18px !important;
}

.more-dropdown {
  background-color: #252525;
  color: #a89046;
  box-shadow: 0px 0px 10px #000000a1;
}

.notification-list .selectize-dropdown-content > *:hover:not(a.btn),
.notification-list li:hover:not(a.btn) {
  background-color: #000;
}

.notification-list .selectize-dropdown-content > *,
.notification-list li,
.more-dropdown .ui-block-title {
  border-color: #000;
}

/* maakt hoogte menu tools items even hoog als discover */
#menu-item-163004 ul li a,
#menu-item-141590 ul li a {
  padding: 12px 20px;
}

/* content */
#content {
  background-color: #fafaf1;
  padding: 35px 0 10px;
  margin: 0;
}

/* zorgt dat padding kleiner is bovenaan */
.section-theme-padding {
  padding: 0 !important;
}

/* stunning header .css en custom css pattern */
.crumina-stunning-header {
  position: relative;
  padding: 60px 0;
}

/* breadcrump geen padding */
.stunning-content-item + .stunning-content-item {
  margin-top: 0 !important;
}

/* .breadcrumbs {
  opacity: 0.7;
} */

.crumina-stunning-header,
.youzify-membership-form-cover,
.alphabetletter {
  background-color: #252525;
  background-image: radial-gradient(
      circle at 100% 150%,
      #252525 24%,
      #191919 24%,
      #191919 28%,
      #252525 28%,
      #252525 36%,
      #191919 36%,
      #191919 40%,
      transparent 40%,
      transparent
    ),
    radial-gradient(
      circle at 0 150%,
      #252525 24%,
      #191919 24%,
      #191919 28%,
      #252525 28%,
      #252525 36%,
      #191919 36%,
      #191919 40%,
      transparent 40%,
      transparent
    ),
    radial-gradient(
      circle at 50% 100%,
      #191919 10%,
      #252525 10%,
      #252525 23%,
      #191919 23%,
      #191919 30%,
      #252525 30%,
      #252525 43%,
      #191919 43%,
      #191919 50%,
      #252525 50%,
      #252525 63%,
      #191919 63%,
      #191919 71%,
      transparent 71%,
      transparent
    ),
    radial-gradient(
      circle at 100% 50%,
      #191919 5%,
      #252525 5%,
      #252525 15%,
      #191919 15%,
      #191919 20%,
      #252525 20%,
      #252525 29%,
      #191919 29%,
      #191919 34%,
      #252525 34%,
      #252525 44%,
      #191919 44%,
      #191919 49%,
      transparent 49%,
      transparent
    ),
    radial-gradient(
      circle at 0 50%,
      #191919 5%,
      #252525 5%,
      #252525 15%,
      #191919 15%,
      #191919 20%,
      #252525 20%,
      #252525 29%,
      #191919 29%,
      #191919 34%,
      #252525 34%,
      #252525 44%,
      #191919 44%,
      #191919 49%,
      transparent 49%,
      transparent
    ) !important;
  background-size: 100px 50px;
}

.crumina-stunning-header .stunning-header-content-wrap {
  position: relative;
  z-index: 5;
  text-align: center;
}

#stunning-header.crumina-stunning-header.stunning-search {
  padding-bottom: 0 !important;
  margin-bottom: 40px;
}

#stunning-header .stunning-header-content-wrap,
#stunning-header .stunning-header-content-wrap *,
#stunning-header {
  color: #fff;
}

.stunning-content-item > *:last-child {
  margin-bottom: 0;
}

.stunning-content-item + .stunning-content-item {
  margin-top: 2em;
}

.stunning-header-img-bottom {
  position: relative;
  z-index: 5;
  margin-top: 2em;
}

/* breadcrump geen padding */
.stunning-content-item + .stunning-content-item {
  margin-top: 0 !important;
}

.stunning-header--content-center .stunning-header-content-wrap {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.stunning-header--content-center .stunning-header-img-bottom {
  text-align: center;
}

.stunning-header--content-right .stunning-header-content-wrap {
  text-align: right;
}

.stunning-header--content-right .stunning-header-img-bottom {
  text-align: right;
}

.stunning-header--content-left .stunning-header-content-wrap {
  text-align: left;
}

.stunning-header--content-left .stunning-header-img-bottom {
  text-align: left;
}

.crumina-heading-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center;
}

.crumina-stunning-header--with-animation .crumina-heading-background {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: repeat-x;
}

.crumina-stunning-header--with-animation[data-animate-type="fixed"]
  .crumina-heading-background {
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
}

#stunning-header.crumina-stunning-header.has-img-bottom {
  padding-bottom: 0;
}

@media (max-width: 1024px) {
  .stunning-header--content-center .stunning-header-content-wrap {
    width: auto;
  }
}

@media (max-width: 768px) {
  #stunning-header {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1025px) {
  .stunning-header-title {
    font-size: 32px;
  }

  .stunning-header--content-left .stunning-header-content-wrap {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .stunning-header-title {
    font-size: 24px;
  }

  .stunning-header--content-left .stunning-header-content-wrap {
    text-align: center;
  }
}

/* sidebar zelf breder maken maken */

@media (min-width: 1024px) {
  .col-lg-9 {
    max-width: 70%;
    flex: 0 0 70%;
  }

  .col-lg-3 {
    max-width: 30%;
    flex: 0 0 30%;
  }
}

@media (max-width: 540px) {
  .col-lg-9 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .col-lg-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* pagination */
.page-link {
  background-color: #f5e7da;
  border: 1px solid #c19f98;
}

.dots {
  background-color: #f2f2e8 !important;
}

.pagination .page-link {
  color: #a2321b;
}

@media (max-width: 480px) {
  .pagination .page-item {
    font-size: 14px !important;
    padding: 0 3px !important;
  }
  .page-link {
    padding: 7px 11x !important;
  }
}

.pagination {
  margin-top: 35px;
  margin-bottom: 35px;
}

.pagination .page-link:hover {
  color: #fff !important;
}
/* eigen custom animation voor het menu */

@keyframes drop-up2 {
  0% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0);
  }
}

.sub-menu.drop-up {
  animation: drop-up2 200ms ease both;
}

@keyframes drop-left2 {
  0% {
    transform: translateX(-20px);
  }

  100% {
    transform: translateX(0);
  }
}

.primary-menu-menu ul.sub-menu li ul.sub-menu.drop-up {
  animation: drop-left2 200ms ease both;
}

#site-header {
  background-color: #111111 !important;
}

#site-header .search-bar.w-search,
#site-header .search-bar .form-group.with-button button {
  background-color: #000000 !important;
  border-radius: 5px;
}

#site-header .search-bar .form-group.with-button button {
  color: #959188;
}

.loginiconical {
  display: block;
  padding: 14px 0 0 15px;
}

.logintextual {
  display: none;
}

@media (min-width: 769px) {
  .loginiconical {
    display: none;
  }

  .logintextual {
    display: block;
  }

  #site-header .search-bar.w-search {
    background-color: #252525;
    border-radius: 5px;
    border: 1px solid #303030;
  }

  #site-header .search-bar .form-group.with-button button {
    background-color: #252525;
  }

  .header-content-wrapper {
    padding: 13px 0px 13px 10px;
  }

  .loginbuttoncustom {
    border-radius: 5px;
    margin: 0px 20px 0px 0px;
    /* width: 75px !important; */
    width: auto !important;
    min-width: 10px !important;
    height: 30px !important;
    min-height: 10px !important;
    box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
    color: #f5f1e4;
    font-weight: bold;
    text-align: center;
    /* padding: 5px 0 0 18px; */
    padding: 5px 15px 0 15px;
    font-size: 13px;
  }

  .loginbuttoncustom:hover {
    color: #111111;
  }
}

.header--standard {
  background-color: #252525 !important;
  background-image: url(/wp-content/themes/olympus/utimages/small-header-original-ukutabs-cut-optimized.jpg);
  background-size: 350px;
  background-repeat: no-repeat;
  background-position: 0px -5px;
}

@media (max-width: 767px) {
  .header--standard {
    background-position: 0px -10px;
  }
}

.header--standard .logo .img-wrap img {
  max-height: 30px !important;
  max-width: max-content !important;
}

#header--standard .logo,
#site-header .control-icon,
#site-header .control-block .author-title {
  color: #f5f1e4 !important;
  background: -webkit-linear-gradient(#fff, #94824e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#site-header .search-bar .form-group.with-button input,
#site-header .search-bar .form-group.with-button input::placeholder {
  color: #c3c0b7 !important;
  font-size: 14px;
}

#header--standard .primary-menu {
  background-color: #252525 !important;
}

/* #header--standard {
	border-bottom: 2px solid #252525 !important;
} */

.primary-menu-menu > li > a,
.open-responsive-menu {
  color: #f5f1e4 !important;
}

.open-responsive-menu:hover {
  color: #fff !important;
}

.side-menu-open {
  background-color: #aa9145 !important;
}

.side-menu-open:hover {
  color: #111111 !important;
}

.left-menu img:hover,
.left-menu a:hover {
  opacity: 0.6;
}

.left-menu-title {
  color: #f5f1e4 !important;
}

/* hoofding van blokjes en sidebar widgets */
.accordion h3 a {
  display: block;
  color: #f5f1e4;
  padding: 8px 10px;
  font-size: 15px;
  font-weight: 400;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: inset 0 1px 0 #bda253;
  -moz-box-shadow: inset 0 1px 0 #bda253;
  box-shadow: inset 0 1px 0 #bda253;
  border-width: 1px 1px 0;
  border-color: #967d30;
  border-style: solid;
  background: rgb(103, 79, 12);
  background: -moz-linear-gradient(
    0deg,
    rgba(103, 79, 12, 1) 0%,
    rgba(130, 107, 41, 1) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(103, 79, 12, 1) 0%,
    rgba(130, 107, 41, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(103, 79, 12, 1) 0%,
    rgba(130, 107, 41, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#674f0c", endColorstr="#826b29", GradientType=1);
}

.accordion h3 a:hover {
  color: #fff !important;
}

/* de ukutabs header, alternatief als thema header niet werkt */
#alohah4 > h4 {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  background: #7a7970;
  /* background: #565349; */
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 0 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 0 rgba(222, 224, 213, 0.6);
  border: 1px solid #727765;
  color: #fff;
  font-weight: 500;
}

/* tooltip stylen */
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #252525;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #252525;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #252525;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #252525;
}

.tooltip-inner {
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  border: 1px solid #252525 !important;
  background: #252525 !important;
}

@media (max-width: 768px) {
  #content {
    padding: 30px 0 0;
    margin: 0;
  }
}

/* footer stuff */

.footer {
  background-color: #d6d5ca !important;
}

.sub-footer-copyright a {
  color: #fff !important;
}

.site-copyright-text {
  color: #8e8e8e;
}

#footer {
  color: #4a4945 !important;
}

.footer .footer-content {
  padding: 35px 0 30px;
}

.sub-footer-copyright {
  padding: 15px 0;
}

.footerletter {
  background-color: #000;
  padding: 3px 6px;
  border-radius: 5px;
  margin: 1px;
  font-size: 10px;
  line-height: 21px;
}

.vc_custom_1605783201356 img,
.vc_custom_1605780390768 img {
  max-height: 128px;
  max-width: 116px;
}

@media (max-width: 540px) {
  .vc_custom_1605783201356 img,
  .vc_custom_1605780390768 img {
    height: 92px !important;
  }
}

@media (max-width: 340px) {
  .vc_custom_1605783201356 img,
  .vc_custom_1605780390768 img {
    height: 72px !important;
  }
}

/* geen icon banner van buddypress die meescrolt */

@media (max-width: 768px) {
  body.has-social-panel-bottom {
    padding-bottom: 0px;
  }
}

#notification-panel-bottom,
.notification-panel-bottom {
  display: none;
}

/* header social icons tonen */
#header--standard .logo,
#site-header .control-icon,
#site-header .control-block .author-title {
  color: #f5f1e4 !important;
  background: -webkit-linear-gradient(#fff, #94824e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f5f1e4 !important;
}

/**/
.primary-menu-menu ul.sub-menu,
.primary-menu-menu ul.sub-menu li ul.sub-menu {
  border-radius: 0 0 0.25rem 0.25rem;
  border: 1px solid #252525;
}

.primary-menu-menu ul.sub-menu li:hover > a,
.primary-menu-menu > li > a:hover {
  color: #dfca73 !important;
}

@media (max-width: 1023px) {
  .primary-menu-responsive .primary-menu-menu > li > a {
    border-bottom: solid 1px #111111;
  }
}

@media (max-width: 1023px) {
  .primary-menu-responsive .primary-menu-menu > li:first-child > a {
    border-top: none;
  }
}

@media (max-width: 1023px) {
  .primary-menu-responsive .primary-menu-menu li .indicator {
    border-left: solid 1px #111111;
  }
}

@media (max-width: 1023px) {
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li a {
    border-bottom: solid 1px #111111;
  }
}

.primary-menu-menu > li > a > i {
  margin: 2px 7px 0 0;
  /* margin: 5px 10px 0 0; */
}

@media (max-width: 1023px) {
  .primary-menu-menu > li > a > i {
    margin: 0 15px 0 0;
    top: 0px;
  }
}

@media (max-width: 1023px) {
  .primary-menu-responsive .primary-menu-menu ul.sub-menu,
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li ul.sub-menu {
    background: #111111 !important;
  }
}

.primary-menu-menu ul.sub-menu li a {
  color: #eae6d3;
}

.primary-menu-menu ul.sub-menu.sub-menu-has-icons li i {
  font-size: 16px;
  margin: 2px 10px -3px 0 !important;
}

@media (max-width: 1023px) {
  #primary-menu {
    overflow: hidden;
  }
}

.olympus-icon-Magnifying-Glass-Icon {
  margin: -7px 8px 0px 0;
}

.tag-cloud-link:hover {
  color: #ff8244 !important;
}

.youzify-is-visible {
  background-color: #0000008f;
}

/* search pagina zoekbalk laten overlappen zonder zwarte achtergrond te zien */
#stunning-header.crumina-stunning-header.stunning-search {
  padding-bottom: 90px !important;
  margin-bottom: 0px;
}

/* search form op search pagina */

.search-form {
  background-color: #191919;
  box-shadow: 0px 0px 10px #000000;
}

.btn-purple {
  background-color: #a89046;
  background-color: #a78f46;
  border-color: #a68e46;
  color: #fff;
}

.btn-purple:hover {
  color: #fbf9f7;
  background-color: #a23522;
  border-color: #a23522;
}

.search-form .form-control {
  width: 100%;
  background-color: #000000;
  border: 1px solid #545454;
  color: #d6d3c5;
}

label.control-label {
  color: #5d5d5d;
}

#stunning-header .stunning-header-content-wrap,
#stunning-header .stunning-header-content-wrap *,
#stunning-header {
  font-family: sans-serif;
  text-transform: uppercase;
  text-shadow: #000000 2px 2px 10px;
  color: #c3b586;
  font-weight: 700;
}

#stunning-header {
  box-shadow: inset 0px 10px 15px -10px #000, inset 0px -10px 15px -10px #000;
}

#stunning-header .crumina-heading-background {
  box-shadow: inset 0px 10px 15px -10px #000, inset 0px -10px 15px -10px #000;
}

.notfinding {
  border-radius: 5px;
  background-color: #f5ebdf;
  border: 0;
  text-align: center;
  padding: 1em;
  margin-bottom: -5px;
  margin-top: 60px;
  font-size: 16px;
  text-shadow: 1px 1px 1px #fff3f3;
}

#menu-item-163005 img,
#menu-item-163006 img,
#menu-item-163008 img,
#menu-item-163007 img,
#menu-item-163009 img {
  width: 19px;
  height: 19px;
  margin-right: 15px;
}

/* dark mode */

.wp-dark-mode-side-toggle-wrap,
.wp-dark-mode-switcher {
  --wp-dark-mode-cta-bg: #555;
  display: inline-flex;
  align-items: center;
  z-index: 9999;
  position: relative;
  background: 0 0 !important;
  text-align: left;
}

.wp-dark-mode-side-toggle-wrap .toggle,
.wp-dark-mode-side-toggle-wrap label,
.wp-dark-mode-switcher .toggle,
.wp-dark-mode-switcher label {
  height: 26px;
  border-radius: 100px;
  display: inline-block;
}

.wp-dark-mode-side-toggle-wrap label,
.wp-dark-mode-switcher label {
  background-color: #eee;
  position: relative;
  cursor: pointer;
  width: 100px;
}

.wp-dark-mode-side-toggle-wrap .toggle,
.wp-dark-mode-switcher .toggle {
  position: absolute;
  width: 50%;
  background-color: #fff;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wp-dark-mode-side-toggle-wrap .modes,
.wp-dark-mode-switcher .modes {
  width: 74%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wp-dark-mode-side-toggle-wrap .modes p,
.wp-dark-mode-switcher .modes p {
  font-size: 12px;
  font-weight: 500;
  color: #555;
  margin: 0;
  padding-bottom: 0;
}

.wp-dark-mode-side-toggle-wrap .dark,
.wp-dark-mode-switcher .dark {
  opacity: 0.5;
}

.wp-dark-mode-side-toggle-wrap .switch-wrap,
.wp-dark-mode-switcher .switch-wrap {
  display: flex;
  align-items: center;
}

.wp-dark-mode-side-toggle-wrap-cta,
.wp-dark-mode-switcher-cta {
  background: var(--wp-dark-mode-cta-bg);
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  margin: 0 20px;
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.wp-dark-mode-side-toggle-wrap-cta span,
.wp-dark-mode-switcher-cta span {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
}

.wp-dark-mode-side-toggle-wrap.floating,
.wp-dark-mode-switcher.floating {
  position: fixed;
  bottom: 2px;
}

.wp-dark-mode-side-toggle-wrap.right_bottom,
.wp-dark-mode-switcher.right_bottom {
  right: 26px;
}

.wp-dark-mode-side-toggle-wrap.right_bottom .wp-dark-mode-switcher-cta span,
.wp-dark-mode-switcher.right_bottom .wp-dark-mode-switcher-cta span {
  right: -20px;
  border-left: 20px solid var(--wp-dark-mode-cta-bg);
}

.wp-dark-mode-side-toggle-wrap.left_bottom,
.wp-dark-mode-switcher.left_bottom {
  left: 10px;
  flex-flow: row-reverse;
}

.wp-dark-mode-side-toggle-wrap.left_bottom .wp-dark-mode-switcher-cta span,
.wp-dark-mode-switcher.left_bottom .wp-dark-mode-switcher-cta span {
  left: -20px;
  border-right: 20px solid var(--wp-dark-mode-cta-bg);
}

.wp-dark-mode-side-toggle-wrap.active .toggle,
.wp-dark-mode-switcher.active .toggle {
  transform: translateX(100%);
  background-color: #34323d;
}

.wp-dark-mode-side-toggle-wrap.active .dark,
.wp-dark-mode-switcher.active .dark {
  opacity: 1;
  color: #f5f1e4 !important;
}

.wp-dark-mode-switch {
  display: none;
}

.wp-dark-mode-switcher.post_page {
  display: inherit;
}

.wp-dark-mode-menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-dark-mode-menu-item .toggle {
  height: 100% !important;
  width: 50% !important;
  padding: 0 !important;
}

[href="#darkmode_switcher"] {
  display: flex !important;
  align-items: center;
}

.wp-dark-mode-switcher.style-1 label {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #a78e46;
  border-radius: 15px;
}

.wp-dark-mode-switcher.style-1 .modes {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-dark-mode-switcher.style-1 img {
  width: 32px;
  max-width: fit-content;
}

.wp-dark-mode-switcher.style-1 img.dark {
  display: none;
}

.wp-dark-mode-switcher.style-1.active label {
  background: #a78e46;
}

.wp-dark-mode-switcher.style-1.active img.light {
  display: none;
}

.wp-dark-mode-switcher.style-1.active img.dark {
  display: block;
}

/* toggle stijl 1 (in de linker kolom) wel of niet tonen, niet meer op basis van mobile, maar op basis van breedte scherm */
.style-1 {
  display: block;
}

@media (max-width: 768px) {
  .style-1 {
    display: none;
  }
}

/* toggle stijl ook toevoegen */
.wp-dark-mode-switcher.style-6 img {
  max-height: 16px;
  max-width: 16px;
  position: absolute;
}

.wp-dark-mode-switcher.style-6 p {
  font-size: 12px;
  margin-bottom: 0;
}

.wp-dark-mode-switcher.style-6 label {
  margin: 0 7px;
  width: 50px;
  background: #a58f46;
}

.wp-dark-mode-switcher.style-6 label .modes {
  top: 0;
  width: 100%;
  height: 100%;
  right: 0;
  left: 0;
  padding: 5px;
  transform: none;
  align-items: center;
}

.wp-dark-mode-switcher.style-6 label .modes .dark {
  display: none;
}

.wp-dark-mode-switcher.style-6.active label {
  background: #000000;
}

.wp-dark-mode-switcher.style-6.active label .modes .light {
  display: none;
}

.wp-dark-mode-switcher.style-6.active label .modes .dark {
  display: block;
  right: 5px;
}

/* menu ondertussen ook wat verder uit elkaar wanneer smal scherm, er is plek  */
@media (max-width: 1200px) {
  .primary-menu-menu > li > a {
    /* padding: 25px 20px; */
    padding: 25px 15px 25px 10px;
  }
}

/* positionering van de toggle */

.style-6 {
  display: none;
}

@media (max-width: 1023px) {
  .style-6 {
    display: block;
    margin-top: 23px;
  }
}

@media (max-width: 768px) {
  .style-6 {
    display: block;
    margin-top: 12px;
  }
}

/* vervolg generic swicher */
.wp-dark-mode-switcher.custom-switch label {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  border-radius: 15px;
}

.wp-dark-mode-switcher.custom-switch .modes {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-dark-mode-switcher.custom-switch img {
  width: 24px;
}

.wp-dark-mode-switcher.custom-switch img.dark {
  display: none;
}

.wp-dark-mode-switcher.active.custom-switch img.light {
  display: none;
}

.wp-dark-mode-switcher.active.custom-switch img.dark {
  display: block;
}

:root {
  --wp-dark-mode-zoom: 150%;
}

.wp-dark-mode-side-toggle-wrap {
  --switch-bg: #fff;
  --switch-bg-active: #0a2458;
  --switch-text: #fff;
  justify-content: center;
  transition: 0.3s;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  background-color: var(--switch-bg) !important;
}

.wp-dark-mode-side-toggle-wrap:not(.style-18):not(.style-19) {
  position: fixed;
  bottom: 100px;
  flex-flow: column;
}

.wp-dark-mode-side-toggle-wrap:not(.style-18):not(.style-19).left_bottom {
  left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.wp-dark-mode-side-toggle-wrap:not(.style-18):not(.style-19).left_bottom
  .wp-dark-mode-side-toggle:first-child {
  border-bottom: none;
  border-top-right-radius: 5px;
}

.wp-dark-mode-side-toggle-wrap:not(.style-18):not(.style-19).left_bottom
  .wp-dark-mode-side-toggle:last-child {
  border-bottom-right-radius: 5px;
}

.wp-dark-mode-side-toggle-wrap:not(.style-18):not(.style-19).right_bottom {
  right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.wp-dark-mode-side-toggle-wrap:not(.style-18):not(.style-19).right_bottom
  .wp-dark-mode-side-toggle:first-child {
  border-bottom: none;
  border-top-left-radius: 5px;
}

.wp-dark-mode-side-toggle-wrap:not(.style-18):not(.style-19).right_bottom
  .wp-dark-mode-side-toggle:last-child {
  border-bottom-left-radius: 5px;
}

.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle {
  border: 1px solid #555;
  cursor: pointer;
  width: 44px;
  height: 54px;
  padding: 15px 12px;
  display: flex;
  align-items: center;
}

.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle:first-child {
  border-bottom: none;
}

.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle span {
  position: absolute;
  white-space: nowrap;
  background: var(--switch-bg-active);
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  left: -200px;
  opacity: 0;
  line-height: 1;
}

.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle span:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid var(--switch-bg-active);
  position: absolute;
  left: -10px;
}

.wp-dark-mode-side-toggle-wrap
  .wp-dark-mode-side-toggle
  svg:not(.not-fill)
  path {
  fill: var(--switch-bg-active) !important;
}

.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle.active,
.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle:hover {
  background: var(--switch-bg-active) !important;
}

.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle.active svg path,
.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle:hover svg path {
  fill: var(--switch-text) !important;
}

.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle.active span,
.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle:hover span {
  left: 55px;
  opacity: 1;
}

html.wp-dark-mode-active .wp-dark-mode-toggle {
  background: var(--switch-bg-active) !important;
}

html.wp-dark-mode-active .wp-dark-mode-toggle svg path {
  fill: var(--switch-text) !important;
}

body.wp-dark-mode-large-font.wp-dark-mode-firefox {
  -moz-transform: scale(var(--wp-dark-mode-zoom));
  -moz-transform-origin: 0 0;
}

body.wp-dark-mode-large-font
  > :not(.wp-dark-mode-side-toggle-wrap):not(.wp-dark-mode-switcher) {
  zoom: var(--wp-dark-mode-zoom);
}

body.wp-dark-mode-large-font .wp-dark-mode-font-size-toggle {
  background: var(--switch-bg-active) !important;
}

body.wp-dark-mode-large-font .wp-dark-mode-font-size-toggle svg:not(#a) path {
  fill: var(--switch-text) !important;
}

.wp-dark-mode-dark-image {
  display: none !important;
}

html.wp-dark-mode-active
  .elementor-editor-active
  .elementor-element
  > .elementor-element-overlay {
  background: 0 0 !important;
}

html.wp-dark-mode-active .wp-dark-mode-light-image {
  display: none !important;
}

.wp-dark-mode-ignore,
.wp-dark-mode-include {
  binding: none;
}

/* links in de footer hover kleur geven */
.zoom-social_icons-list__label:hover {
  color: #a3321b !important;
}

/* youzify widget header minder hoog */
.youzify-membership-form .youzify-membership-form-cover {
  height: 86px !important;
}

/* my cred notifications */
.notice-item p {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}

.notice-wrap {
  position: fixed;
  bottom: 22px;
  top: auto;
  right: 20px;
  z-index: 9999;
  opacity: 1 !important;
}

.notice-item-close {
  display: none;
  float: right;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.notice-item {
  /* position: relative;
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 10px 15px;
  line-height: 17px;
  font-size: 14px;
  border-radius: 5px;
  background-color: #111;
  color: #f4f1e3;
  box-shadow: 0px 0px 8px #313131; */

  position: relative;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 15px 20px;
  line-height: 17px;
  font-size: 16px;
  border-radius: 3px;
  background-color: #42b086;
  color: #ffffff;
  pointer-events: auto;
  word-wrap: break-word;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 14px 15px 14px;
  border-radius: 3px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: 500;
}

/* fied sidebar profile op mobiel niet wit */
.fixed-sidebar-right {
  background-color: #f6f6ee;
}

/* footer widget titles donkerder maken */
.footer .widget .title {
  color: #404040;
}

/* left zijbalk iets breder maken zodat ukulele chord namer er beter in past */
@media (max-width: 768px) {
  .fixed-sidebar-left.sidebar--large {
    width: 180px !important;
  }
}

#menu-item-166636 ul li {
  height: 43px !important;
}

/* menu icoontjes */
/* zorgt dat heart icoontje wel OK is op liedjes pagina's */
.sub-menu-has-icons svg {
  margin-right: 10px !important;
}

.sub-menu-has-icons img {
  width: 18px;
  height: 18px;
  margin-right: 11px;
}

#primary-menu .svg-inline--fa {
  font-size: 15px !important;
  margin-right: 10px;
  margin-bottom: -5px;
  margin-top: -5px;
}

li.current-menu-ancestor a {
  color: #dfca73 !important;
}

ul.sub-menu li a {
  color: #f5f1e4 !important;
}

ul.sub-menu li.current-menu-item a,
li.current-menu-item a {
  color: #dfca73 !important;
}

ul#menu-user-menu li.current-menu-item a {
  color: #dfca73 !important;
}

/* icoontjes op member profile pagina goed zetten */
.account-settings i,
.account-settings svg,
.account-settings img {
  margin-right: 15px;
}

/* icoontje met fontawesome fixen*/
.youzify-edit-widget {
  width: 24px;
  height: 24px;
}

.primary-menu-menu > li.menu-item-has-children > a:after {
  border-width: 6px 4px 0 !important;
}