@charset "UTF-8";
/*
 * definieer een aantal lagen voor z-index en een aantal kleuren
 */
:root {
  --z-index-wp-toolbar: 10060;
  --z-index-top-menu: 10050;
  --z-index-primary-nav: 10040;
  --z-index-search: 10030;
  --z-index-site-header: 10020;
  --z-index-site-inner: 10010;
  --theme-highlight-color: #be8100;
  --theme-link-color: #a86500;
}

/* From the Customizer of tinekevanurk.nl */
/* Begin van Kevins reset */
/* makes sizing simpler */
/* *,
*::before,
*::after {
  box-sizing: border-box;
}
 */
/* remove default spacing */
/* force styling of type through styling, rather than elements */
/* * {
  margin: 0;
  padding: 0;
  font: inherit;
}
 */
/* dark mode user-agent-styles */
/* improves punctuation in supported browsers */
html {
  /*   color-scheme: dark light; */
  hanging-punctuation: first last;
}

/* min body height */
/* body {
  min-height: 100svh;
}
 */
/* responsive images/videos */
img,
picture,
svg,
video {
  /*   display: block;
    max-width: 100%;
  }

  img { */
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
}

/* Improved heading in supported browsers */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* 	verdeelt de tekst beter */
  text-wrap: balance;
}

/* improve readability with max-width on paragraphs and lists */
/* prevent orphans in supported browsers */
p,
li {
  /*   max-width: var(--p-max-width, 65ch); */
  /* zorgt o.a. dat orphans (een enkel woord op een regel) in de paragraaf worden voorkomen.	 */
  text-wrap: pretty;
}

/*  de :has(:target) zorgt dat sub-elementen in de pagina die scrollen worden meegenomen, niet alleen de hele pagina. */
html,
:has(:target) {
  scroll-padding-top: 4rem;
}

/* deze @media zorgt dat we de voorkeuren van de bezoeker respecteren */
@media (prefers-reduced-motion: no-preference) {
  html,
  :has(:target) {
    scroll-behavior: smooth;
  }
}
/* Einde van Kevins reset */
/*
 * Replaces the edit in the style.css of Essence Pro, so that file can stay default.
 * The theme uses .button.secondary; links need the higher specificity of a.button.secondary.
 */
a.button.secondary {
  background-color: transparent;
  border: 2px solid #999;
  color: #666;
}

a.button.secondary:focus,
a.button.secondary:hover {
  background-color: transparent;
  border: 2px solid #666;
  color: #333;
}

/*
 * aangepaste stijlen admin bar
 */
/*
 * color mark menu-items that are not a link
 * when they are hovered themselves, or have an open sub-menu
 */
#wpadminbar #wp-toolbar.quicklinks .menupop.hover > div,
#wpadminbar #wp-toolbar.quicklinks .menupop:hover > div {
  color: #c7a589;
}

#wpadminbar,
#wpadminbar a,
#wpadminbar li {
  /*
   * zorg dat het uitklapmenu van de admin balk
   * over de andere elementen heen ligt
   */
  z-index: var(--z-index-wp-toolbar);
}

#wp-toolbar {
  z-index: var(--z-index-wp-toolbar);
}

/*
 * add css for topmenu
 */
#genesis-nav-top-menu {
  position: static;
}

#genesis-nav-top-menu ul {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.9);
}

.dwp-rx-toc-pushed .primary-navigation-fixed nav,
.dwp-rx-toc-pushed #genesis-nav-top-menu.top-menu-fixed ul {
  left: var(--dwp-rx-toc-push-start, 0px);
  right: var(--dwp-rx-toc-push-end, 0px);
  width: auto;
}

#menu-top-menu li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  border: none;
}

#menu-top-menu li a {
  text-decoration: none;
  padding: 7px 8px 5px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  text-transform: none;
  letter-spacing: 1px;
  color: white;
}

#menu-top-menu .wpmenucartli a,
#menu-top-menu li a:hover {
  background-color: white;
  color: black;
}

#menu-top-menu .wpmenucartli a {
  box-sizing: border-box;
  padding: 6px 12px 3px;
  border-top: 1px solid black;
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}

#menu-top-menu .wpmenucartli a:hover {
  background-color: rgba(256, 256, 256, 0.95);
}

#menu-top-menu {
  border: none;
}

#menu-top-menu a {
  color: #fff;
  padding: 20px;
  padding: 12.5px;
}

#menu-top-menu li li a,
#menu-top-menu li li a:link,
#menu-top-menu li li a:visited {
  background-color: #1e1e1e;
  border: 1px solid #fff;
  border-top: none;
  color: #fff;
  padding: 20px;
  padding: 12.5px;
}

#menu-top-menu li li a:hover {
  color: #ff2a00;
}

/* waarschijnlijk niet meer nodig */
.admin-bar .site-container {
  /*
   * default voor mobiel + ingelogd:
   * site-container onder de admin bar op klein scherm
   */
  padding-top: 0;
}

#menu-top-menu {
  /* default voor niet ingelogde bezoekers: topmenu fixed bovenin */
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: var(--z-index-top-menu);
}

.admin-bar #menu-top-menu {
  /*
   * default voor mobiel + ingelogd:
   * top-menu onder de admin bar op klein scherm
   */
  position: static;
  top: 0px;
}

@media only screen and (max-width: 1022px) {
  #menu-top-menu,
  .admin-bar #menu-top-menu {
    position: static;
  }
  #menu-top-menu > li,
  .admin-bar #menu-top-menu > li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.admin-bar #fixed-top-menu {
  /*
   * default voor mobiel + ingelogd:
   * top-menu onder de admin bar op klein scherm
   */
  position: static;
  top: 0px;
}

/*
.site-header #genesis-nav-primary {
    background: rgba(67,77,89,0.3);
    border-bottom: 2px solid transparent;
    position: fixed;
    top: 64px !important;
    left: 0;
    width: 100%;
    z-index: var(--z-index-primary-nav);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
*/
/* small adjustments to header menu */
.genesis-nav-menu a {
  padding: 32px 10px;
}

.genesis-nav-menu li ul li {
  line-height: 1.625;
}

.genesis-nav-menu .sub-menu a {
  padding: 14px 20px;
}

/* From the Customizer of tinekevanurk.nl */
.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
  color: white !important;
}

/* essence-pro header title */
.hero-page-title h1 a {
  color: #fff;
}

.hero-page-title h1 a:hover {
  color: rgba(256, 256, 256, 0.7);
}

/*
 * Aangepaste stijlen voor landingspagina's
 * - verberg header call 2 action
 * - verberg header featured iconen
 */
.page-template-page_landing .after-header-featured,
.page-template-page_landing .call-2-action-header {
  display: none;
}

/*
 * aangepaste stijlen voor frontpage
 */
.fl-builder .site-inner::before,
.home .site-inner::before {
  display: none;
}

.home .site-inner {
  margin-top: 0;
}

/*
 * fix layout of newsletter widget in frontpage
 */
.header-hero .enews-widget input[type=text],
#footer-cta .enews-widget input[type=text] {
  margin-bottom: 10px;
  border-radius: 0 30px 0 0;
}

.header-hero .enews-widget input[type=email],
#footer-cta .enews-widget input[type=email] {
  border-radius: 0 0 0 30px;
}

.hero-email .enews-widget {
  box-shadow: none;
}

/*
 * Opmaak voor de rij foto-buttons in de Header
 ***********************************************/
#after-header-featured {
  /*background-color: rgba(0,0,0,.9);*/
}

.after-header-featured {
  padding-top: 20px;
}

.flexible-widgets.widget-fourths .widget {
  margin-bottom: 20px;
}

.after-header-featured .featuredpage .entry {
  background-color: #222;
  margin-bottom: 0;
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.after-header-featured .featuredpage .entry .entry-content {
  background-color: #222;
  color: #fff;
  padding: 5%;
  z-index: var(--z-index-after-header-featured);
  position: relative;
}

.after-header-featured .featuredpage .entry a img {
  display: block;
  margin: 0 auto;
}

.after-header-featured .featuredpage .entry a.aligncenter,
.after-header-featured .featuredpage .entry a.alignleft,
.after-header-featured .featuredpage .entry a.alignnone,
.after-header-featured .featuredpage .entry a.alignright {
  display: block;
  margin: 0;
}

.after-header-featured .featuredpage .entry .entry-header {
  background-color: rgba(0, 0, 0, 0.55);
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
  z-index: var(--z-index-after-header-featured);
}

.after-header-featured .featuredpage .entry:focus .entry-header,
.after-header-featured .featuredpage .entry:hover .entry-header,
.after-header-featured .featuredpage .entry.focused .entry-header {
  background-color: rgba(0, 0, 0, 0.45);
}

.after-header-featured .featuredpage .entry-title {
  font-size: 28px;
  padding: 0;
}

.after-header-featured .featuredpage .entry .entry-header a {
  color: #fff;
  display: block;
  height: 100%;
  left: 0;
  padding: 22% 5% 2% 5%;
  position: absolute;
  right: 0;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
}

.after-header-featured .featuredpage .entry:focus .entry-header a,
.after-header-featured .featuredpage .entry:hover .entry-header a {
  padding-top: 20%;
}

.after-header-featured .featuredpage .entry.focused .entry-title a:focus {
  padding-top: 20%;
}

.after-header-featured .featuredpage .entry img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.after-header-featured .featuredpage .entry:hover img,
.after-header-featured .featuredpage .entry.focused img {
  transform: scale(1.05);
}

.after-header-featured .featuredpage a,
.after-header-featured .featuredpage .more-link,
.after-header-featured .featuredpage .more-link.button.text {
  color: #fff;
}

.after-header-featured .featuredpage a:focus,
.after-header-featured .featuredpage a:hover,
.after-header-featured .featuredpage .more-link:focus,
.after-header-featured .featuredpage .more-link:hover,
.after-header-featured .featuredpage .more-link.button.text:focus,
.after-header-featured .featuredpage .more-link.button.text:hover {
  color: #ccc;
}

@media only screen and (max-width: 860px) {
  .after-header-featured .featuredpage .entry {
    margin-bottom: 0;
  }
  .after-header-featured {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
@media only screen and (max-width: 860px) {
  #after-header-featured {
    display: none;
  }
}
/*
 *  fix call 2 action header
 */
#call-2-action-header section,
#call-2-action-header .wrap,
#normal-search section,
#normal-search .wrap,
#product-search section,
#product-search .wrap {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.call-2-action-header p {
  margin: 0.8rem auto;
}

/*
 * de margin-top van de call-2-action banner
 * gelijk maken aan de ruimte die het fixed top-menu inneemt
 */
.call-2-action-header {
  margin-top: 0px;
}

.admin-bar .call-2-action-header {
  margin-top: 0px;
}

:root {
  --cta-color-scheme-default_background: #fff;
  --cta-color-scheme-default_border: #333;
  --cta-color-scheme-default_heading: #333;
  --cta-color-scheme-default_p: #333;
  --cta-color-scheme-default_button-background: #a86500;
  --cta-color-scheme-default_button-text: #fff;
  --cta-color-scheme-default_button-background_hover: #333;
  --cta-color-scheme-default_button-text_hover: #fff;
  --cta-color-scheme-green_background: #177e89;
  --cta-color-scheme-green_border: #177e89;
  --cta-color-scheme-green_heading: #fff;
  --cta-color-scheme-green_p: #fff;
  --cta-color-scheme-green_button-background: #fff;
  --cta-color-scheme-green_button-text: #333;
  --cta-color-scheme-pink_background: #f62963;
  --cta-color-scheme-pink_border: #f62963;
  --cta-color-scheme-pink_heading: #fff;
  --cta-color-scheme-pink_p: #fff;
  --cta-color-scheme-pink_button-background: #fff;
  --cta-color-scheme-pink_button-text: #333;
  --cta-color-scheme-red_background: red;
  --cta-color-scheme-red_border: red;
  --cta-color-scheme-red_heading: #fff;
  --cta-color-scheme-red_p: #fff;
  --cta-color-scheme-red_button-background: blue;
  --cta-color-scheme-red_button-text: #fff;
}

/*
 * BEGIN van stijlen voor header cta
 *****************************************/
#call-2-action-header {
  background-color: #fff;
  width: 100%;
}

.call-2-action-header .wrap,
.call-2-action-header .widget_custom_html,
.call-2-action-header .widget_block,
.call-2-action-header .widget-wrap,
.call-2-action-header .custom-html-widget {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 auto;
  width: 100%;
}

@media all and (min-width: 40em) {
  #call-2-action-header .widget_custom_html,
  #call-2-action-header .widget_block {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  #call-2-action-header .widget_custom_html,
  #call-2-action-header .widget_block {
    width: 33.33%;
  }
}
.call-2-action-header .cta {
  display: flex;
  text-align: center;
  padding: 0.5em;
  width: 100%;
  padding: 20px 10px;
}

#call-2-action-header .cta-content {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  padding: 1em;
  background: transparent;
  width: 100%;
}

.call-2-action-header .cta-content h2 {
  margin-bottom: 0;
}

#call-2-action-header .cta-content p {
  flex: 1 0 auto;
}

.call-2-action-header .cta-content a.button.large {
  padding: 11px 17px;
}

.woocommerce .call-2-action-header .cta-content a.button.large {
  padding: 16px 17px;
  font-size: 20px;
}

/* MISSCHIEN NIET MEER NODIG? */
.call-2-action-header .wrap::before,
.call-2-action-header .wrap::after,
.call-2-action-header .widget::before,
.call-2-action-header .widget::after {
  content: none;
}

.call-2-action-header .cta {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

/* Kleurschema 0 standaard thema kleuren */
.call-2-action-header .cta {
  background-color: var(--cta-color-scheme-default_background);
  color: var(--cta-color-scheme-default_p);
  border-top: 1px solid var(--cta-color-scheme-default_border);
  border-bottom: 1px solid var(--cta-color-scheme-default_border);
}

.call-2-action-header .cta h2 {
  color: var(--cta-color-scheme-default_h2);
}

.call-2-action-header .cta a.button {
  background-color: var(--cta-color-scheme-default_button-background);
  color: var(--cta-color-scheme-default_button-text);
}

.call-2-action-header .cta a.button:focus,
.call-2-action-header .cta a.button:hover {
  background-color: var(--cta-color-scheme-default_button-background_hover);
  border-width: 0;
  color: var(--cta-color-scheme-default_button-text_hover);
}

/* Kleurschema: Rood */
.call-2-action-header .cta.color-scheme-red {
  background-color: var(--cta-color-scheme-red_background);
  color: var(--cta-color-scheme-red_p);
  border-top: 1px solid var(--cta-color-scheme-red_border);
  border-bottom: 1px solid var(--cta-color-scheme-red_border);
}

.call-2-action-header .cta.color-scheme-red h2 {
  color: var(--cta-color-scheme-red_h2);
}

.call-2-action-header .cta.color-scheme-red a.button {
  background-color: var(--cta-color-scheme-red_button-background);
  color: var(--cta-color-scheme-red_button-text);
}

.call-2-action-header .cta.color-scheme-red a.button:focus,
.call-2-action-header .cta.color-scheme-red a.button:hover {
  background-color: var(--cta-color-scheme-default_button-background_hover);
  border-width: 0;
  color: var(--cta-color-scheme-default_button-text_hover);
}

/* Kleurschema: Oud Roze */
.call-2-action-header .cta.color-scheme-pink {
  background-color: var(--cta-color-scheme-pink_background);
  color: var(--cta-color-scheme-pink_p);
  border-top: 1px solid var(--cta-color-scheme-pink_border);
  border-bottom: 1px solid var(--cta-color-scheme-pink_border);
}

.call-2-action-header .cta.color-scheme-pink h2 {
  color: var(--cta-color-scheme-pink_h2);
}

.call-2-action-header .cta.color-scheme-pink a.button {
  background-color: var(--cta-color-scheme-pink_button-background);
  color: var(--cta-color-scheme-pink_button-text);
}

.call-2-action-header .cta.color-scheme-pink a.button:focus,
.call-2-action-header .cta.color-scheme-pink a.button:hover {
  background-color: var(--cta-color-scheme-default_button-background_hover);
  border-width: 0;
  color: var(--cta-color-scheme-default_button-text_hover);
}

/* Kleurschema: Groen */
.call-2-action-header .cta.color-scheme-green {
  background-color: var(--cta-color-scheme-green_background);
  color: var(--cta-color-scheme-green_p);
  border-top: 1px solid var(--cta-color-scheme-green_border);
  border-bottom: 1px solid var(--cta-color-scheme-green_border);
}

.call-2-action-header .cta.color-scheme-green h2 {
  color: var(--cta-color-scheme-green_h2);
}

.call-2-action-header .cta.color-scheme-green a.button {
  background-color: var(--cta-color-scheme-green_button-background);
  color: var(--cta-color-scheme-green_button-text);
}

.call-2-action-header .cta.color-scheme-green a.button:focus,
.call-2-action-header .cta.color-scheme-green a.button:hover {
  background-color: var(--cta-color-scheme-default_button-background_hover);
  border-width: 0;
  color: var(--cta-color-scheme-default_button-text_hover);
}

/*
 * EIND van stijlen voor header cta
 *****************************************/
/* From the Customizer of tinekevanurk.nl */
@media screen and (max-width: 960px) {
  #call-2-action-header {
    display: none;
  }
}
/*
 * opmaak voor het zoek-toggle-ikoon in het main menu
 * en het zoekveld.
 */
#genesis-nav-primary .search-toggle {
  box-sizing: border-box;
  width: 64px;
  height: 64px;
  background: #4A90E2;
  border-radius: 50%;
  margin-bottom: 0;
  padding: 22px;
  color: #fff;
  text-decoration: none;
}

#genesis-nav-primary .search-toggle .icon-search {
  fill: #fff;
  width: 20px;
  height: 20px;
}

.genesis-nav-menu.menu-primary .menu-item.search {
  /* maak search-toggle onzichtbaar    */
  display: none;
}

#genesis-nav-primary .search-toggle {
  display: block;
}

/*
 * Opmaak voor het bij het zoek-toggle-ikoon behorende zoekveld
 */
.header-search {
  background: #5D6B79;
  display: none;
  padding: 8px 0;
  position: fixed;
  top: 97px;
  left: 0;
  width: 100%;
  z-index: var(--z-index-search);
}

.search-active .header-search {
  /*     display: none; */
  display: block;
}

.header-search button,
.header-search input {
  overflow: visible;
}

.header-search button,
.header-search input,
.header-search optgroup,
.header-search select,
.header-search textarea {
  margin: 0;
}

.header-search .search-form .search-field {
  border: none;
  border-radius: 100px 0 0 100px;
  font-size: 14px;
  line-height: 28px;
  padding: 10px 16px 10px 30px;
}

.header-search input,
.header-search select,
.header-search textarea {
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 4px;
  color: #5D6B79;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 18px;
  padding: 13px 16px;
  width: 100%;
}

.header-search button::-moz-focus-inner,
.header-search [type=button]::-moz-focus-inner,
.header-search [type=reset]::-moz-focus-inner,
.header-search [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

::-moz-placeholder {
  color: #A0A8B3;
  opacity: 1;
}

.header-search .search-form .search-submit {
  background: #4A90E2;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  text-align: center;
  border-radius: 0 100px 100px 0;
}

.header-search .search-form .search-submit svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}

.header-search svg:not(:root) {
  overflow: hidden;
}

.header-search .search-form .search-submit {
  text-align: center;
}

.header-search .search-form .search-submit {
  background: #4A90E2;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  text-align: center;
  border-radius: 0 100px 100px 0;
}

.header-search .header-search .search-form {
  margin: 0 auto;
}

.header-search .search-form {
  max-width: 568px;
  padding-right: 48px;
  position: relative;
}

.header-search button,
.header-search input[type=button],
.header-search input[type=reset],
.header-search input[type=submit],
.header-search .button,
.header-search .comment-reply-link,
.header-search #cancel-comment-reply-link,
.header-search .nav-links a {
  background: #fff;
  border: 1px solid #4A90E2;
  border-radius: 100px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #4A90E2;
  cursor: pointer;
  font-size: 16px;
  line-height: 22px;
  padding: 12px 24px;
  text-decoration: none;
  width: auto;
  -webkit-appearance: none;
}

.header-search .search-form {
  margin: 0 auto;
}

.header-search a,
.header-search button,
.header-search input:focus,
.header-search input[type=button],
.header-search input[type=reset],
.header-search input[type=submit],
.header-search textarea:focus,
.button,
.header-search .comment-reply-link,
.header-search #cancel-comment-reply-link,
.header-search .nav-links a,
.header-search .nav-menu .sub-menu,
.header-search .sidr li.menu-item-has-children > .submenu-toggle,
.header-search a svg {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.header-search button,
.header-search select {
  text-transform: none;
}

.header-search button,
.header-search input {
  overflow: visible;
}

.header-search button,
.header-search input,
.header-search optgroup,
.header-search select,
textarea {
  margin: 0;
}

@media (min-width: 768px) {
  .admin-bar .header-search {
    top: 129px;
  }
}
/*
 * stijlen voor de zoekvelden (normaal en product-zoeken)
 * die onder het menu worden weergegeven op mobiele apparaten
 */
#normal-search section,
#normal-search .wrap,
#product-search section,
#product-search .wrap {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#normal-search form,
#product-search form {
  display: flex;
}

#normal-search input[type=search],
#product-search input[type=search] {
  display: block;
  float: left;
  width: 75%;
  flex-grow: 2;
  margin: 0;
  border: none;
}

#normal-search input[type=submit],
#product-search input[type=submit] {
  display: block;
  float: right;
  /*width: 75%;*/
  flex-grow: 1;
  margin: 0 0 -3px -30% !important;
  padding: 21px 30px !important;
}

/*
 *  format extra search fields for mobile phones
 */
#normal-search .widget-wrap {
  position: relative;
}

#normal-search input[type=submit],
#product-search input[type=submit] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 19px 30px 16px;
  position: relative;
  bottom: 3px;
  /*  width: 30%; */
  height: 100%;
  z-index: var(--z-index-search);
}

@media (min-width: 1024px) {
  #normal-search {
    display: none;
  }
  #product-search {
    display: none;
  }
}
/*
 * aangepaste stijlen voor product search resultaten
 */
.search-results h1.archive-title {
  color: white;
  /*  font-size: 26px;
  text-align: center;
  width: 100%;
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%); */
}

/* @media (min-width: 565px) {
    .search-results h1.archive-title
    {
        font-size: 36px;
        top:-85px;
    }
}
@media (min-width: 700px) {
    .search-results h1.archive-title
    {
        font-size: 40px;
        top:-110px;
    }
}

@media (min-width: 850px) {
    .search-results h1.archive-title
    {
        font-size: 46px;
        top:-125px;
    }
}
@media (min-width: 950px) {
    .search-results h1.archive-title
    {
        font-size: 53px;
        top:-140px;
    }
}
@media (min-width: 1050px) {
    .search-results h1.archive-title
    {
    font-size: 64px;
        top:-170px;
    }
} */
/*
 * Aangepaste stijlen voor TablePress/FooTable tabellen
 *****************************************************************/
/*
 * use theme colors
 */
table.tablepress.footable > thead > tr > th,
table.tablepress.footable > thead > tr > td {
  background-color: var(--theme-link-color);
  border: 1px solid var(--theme-link-color);
}

table.tablepress.footable {
  border: 3px solid var(--theme-link-color);
}

table.tablepress.footable .sorting:hover,
table.tablepress.footable .sorting_asc,
table.tablepress.footable .sorting_desc {
  background-color: var(--theme-highlight-color);
}

table.tablepress,
table.footable {
  font-size: 15px;
}

/*
 * Aangepaste stijlen voor Genesis simple FAQ
 *****************************************************************/
/*
 * voeg wat witruimte toe onder de faqs
 */
#genesis-content .gs-faq {
  margin-bottom: 30px;
}

/* From the Customizer of tinekevanurk.nl */
/* Genesis Simple FAQ
--------------------------------------------- */
/* "\f132" = plus       */
/* "\f460" = minus      */
/* "\f347" = down arrow */
/* "\f343" = up arrow   */
.gs-faq__question::before {
  content: "\f347";
  padding-right: 10px;
  font-family: "dashicons";
  float: left;
}

.gs-faq__question.gs-faq--expanded::before {
  content: "\f343";
  padding-right: 10px;
}

/*
 * stijlen voor een blockquote
 **********************************/
blockquote {
  font-family: "Alegreya Sans", sans-serif;
  font-size: 25px;
  font-style: italic;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}

blockquote::before {
  font-family: Georgia, serif;
  display: block;
  padding-left: 10px;
  content: "“";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #7a7a7a;
}

blockquote cite {
  color: #999999;
  font-size: 17px;
  display: block;
  margin-top: 6px;
}

/* blockquote cite:before {
   content: "\2014 2009";
} */
/* From the Customizer of tinekevanurk.nl */
@media screen and (max-width: 782px) {
  .wp-block-quote {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
/*
 * aangepaste stijlen voor gutenberg blocks
 */
/*
 * Geef gutenberg buttons groep een bottom marge
 * zodat ze niet tegen de volgende paragraaf of heading plakken
 */
.wp-block-buttons {
  margin-bottom: 20px;
}

/*
 * geef ook de individuele button wat meer marge boven en onder
 */
.wp-block-button {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* From the Customizer of tinekevanurk.nl */
.site-container .is-style-divider-button .wp-block-button__link::before, .site-container .is-style-divider-button .wp-block-button__link::after {
  background-color: #fff;
}

/*
 * fix table layout
 * since in tablepress, footable, event tickets
 * and woocommerce grouped products
 *
 * table.tablepress,
 * table.footable,
 * table.tribe-events-tickets,
 * table.woocommerce-grouped-product-list
 */
table {
  word-break: normal;
}

/*
 * Aangepaste formulier-stijlen
 */
/*
 * fix gap between checkbox and label
 */
input[type=checkbox] {
  margin-right: 10px;
}

/* From the Customizer of tinekevanurk.nl */
.gform_wrapper.gravity-theme .ginput_container.ginput_container_consent label {
  display: inline-block;
  font-size: 15px;
}

/* opmaak voor de share knoppen-balk */
.shared-counts-wrap {
  padding: 12px 0 2px;
  border-color: lightgray;
  border-width: 2px 0;
  border-style: solid;
}

/*
 *  format BE Like Content output
 */
a.be-like-content.liked {
  padding: 3rem;
}

.icon-thumbs-up {
  fill: #fff;
  stroke: #ccc;
}

.be-like-content {
  color: #434D59;
  font-size: 18px;
  display: block;
  font-weight: 600;
  text-decoration: none;
}

.be-like-content .icon-thumbs-up {
  display: block;
  stroke: #ccc;
  fill: #fff;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.be-like-content:hover .icon-thumbs-up,
.be-like-content.liked .icon-thumbs-up {
  fill: #FFD464;
  stroke: #fff;
}

.be-like-content .icon-thumbs-up::hover {
  text-decoration: none;
}

.be-like-content .icon-thumbs-up > span {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.be-like-content {
  margin-bottom: 20px;
}

/*
 * Aangepaste stijlen het reactie formulier
 */
#nameNotice,
#emailNotice,
#commentNotice,
#pleaseFillForm,
#pleaseFillFormNotice {
  display: block;
  padding-top: 10px;
  clear: both;
}

/* From the Customizer of tinekevanurk.nl */
#respond small {
  margin-left: 1em;
  font-size: 0.5em;
}

/*
 * Aangepaste stijlen voor The Events Calendar en Tickets
 *************************************************************/
/*
 * verwijder het image in het event archive
 * (een fixed voor iets dat fout lijkt te gaan)
 */
.events-archive .site-inner .content article a img.post-image {
  display: none;
}

/*
 * maakt de submit-knop in het ticket-eiland groter
 * en verwijder de border-radius
 */
#tribe-tickets__buy {
  padding: 19px 30px 16px;
  border-radius: 0;
}

/*
 * fix layout of the events calendar's single event page
 */
.single.single-tribe_events .tribe-events-event-image {
  display: none;
}

.tribe-events-event-meta {
  font-size: 80% !important;
}

.header-left input[type=search]:focus {
  background: rgba(256, 256, 256, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

/*
 *  fix tribe events archive
 */
.events-archive .site-inner {
  background-color: #fff;
}

.events-archive .site-inner,
.single-tribe_events .site-inner {
  box-shadow: 0 25px 40px 0 rgba(0, 0, 0, 0.05);
}

.events-archive .site-inner #genesis-content {
  width: 100%;
  max-width: 100%;
}

.events-archive .site-inner #genesis-content .entry,
.tribe_events.entry {
  box-shadow: none !important;
}

.events-archive .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.tribe-events-page-title {
  font-size: 1.7em;
}

#tribe-events {
  float: none;
  margin: 0 auto;
  max-width: 868px;
  /*  background-color: rgb(255, 255, 255); */
}

.tribe-events-schedule .tribe-events-cost {
  display: block;
  float: right;
  background-color: var(--theme-highlight-color);
  color: white;
  padding: 1px 40px;
}

.events-archive footer.entry-header,
.events-archive header.entry-header,
.events-archive span.edit-link,
.single-tribe_events footer.entry-header,
.single-tribe_events header.entry-header,
.single-tribe_organizer footer.entry-header,
.single-tribe_organizer header.entry-header,
.single-tribe_venue footer.entry-header,
.single-tribe_venue header.entry-header {
  display: block;
}

.events-archive footer .entry-meta,
.events-archive header .entry-meta,
.events-archive span.edit-link,
.single-tribe_events footer .entry-meta,
.single-tribe_events header .entry-meta,
.single-tribe_organizer footer .entry-meta,
.single-tribe_organizer header .entry-meta,
.single-tribe_venue footer .entry-meta,
.single-tribe_venue header .entry-meta {
  display: none;
}

#tribe-events-content.tribe-events-single h2 {
  margin-bottom: 24px;
  margin-top: 0;
  padding: 0.1rem 4rem 0.1rem 0;
}

@media (max-width: 768px) {
  .single-tribe_events .tribe-events-schedule .tribe-events-cost {
    font-size: 25px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
  }
}
#tribe-events-content.tribe-events-single h2.tribe--rsvp {
  margin-top: 25px;
}

.events-archive .tribe-events-event-categories-label {
  font-size: 80%;
}

.events-archive .tribe-events-event-categories {
  font-size: 80%;
}

/* From the Customizer of tinekevanurk.nl */
/* Event page */
.tribe-events-schedule {
  margin-bottom: 1em;
}

/* begin event single page */
/* Customize Legacy detail block */
.single-tribe_events .tribe-events-event-meta {
  background: #fff;
}

.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group {
  padding: 0 0;
}

.single-tribe_events .tribe-events-event-meta.primary {
  margin-bottom: 30px;
}

.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group {
  margin-bottom: 0;
}

.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group-organizer ul {
  margin-bottom: 0;
}

.single-tribe_events .entry-content .tribe-events-event-meta ul {
  padding-left: 0px;
}

.single-tribe_events .tribe-events-event-meta ul li {
  list-style-type: none;
}

.single-tribe_events .tribe-events-event-meta .tribe-events-meta-label {
  display: block;
  font-weight: var(--tec-font-weight-bold);
  line-height: var(--tec-line-height-3);
}

.single-tribe_events .tribe-events-event-meta .tribe-events-event-cost {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  /* tot 768px breed staan de kolommen onder elkaar en moeten de breedte gebruiken. Daarna naast elkaar en mogen maar 50% gebruiken.	 */
  .tribe-events-event-meta .tribe-events-meta-group.tribe-events-meta-group-details,
  .tribe-events-event-meta .tribe-events-meta-group.tribe-events-meta-group-organizer {
    width: 100%;
  }
}
/* Einde Legacy detail block */
/* einde event single page */
.single-tribe_events .entry-content ul.tribe-related-events {
  padding-left: 0;
}

.single-tribe_events .entry-content ul.tribe-related-events > li {
  max-width: 33%;
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}

.single-tribe_events .entry-content ul.tribe-related-events > li .tribe-related-events-title {
  margin-top: 0;
  margin-bottom: 0;
}

.single-tribe_events .entry-content ul.tribe-related-events {
  display: flex;
  flex-wrap: wrap;
}

.single-tribe_events .entry-content ul.tribe-related-events > li {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.5em;
}

@media screen and (max-width: 400px) {
  .single-tribe_events .entry-content ul.tribe-related-events > li {
    max-width: 100%;
    margin-bottom: 1em;
    margin-left: 0;
  }
}
#tribe-events-content .wc-block-grid__product .wc-block-grid__product-add-to-cart a,
#tribe-events-content .wc-block-grid__product .wc-block-grid__product-add-to-cart a:hover,
#tribe-events-content .wc-block-grid__product .wc-block-grid__product-add-to-cart a:focus {
  color: #fff;
}

#tribe-events-content .buy-ticket-in-event-button a {
  color: #fff;
}

#tribe-events-content .buy-ticket-in-event-button a:hover,
#tribe-events-content .buy-ticket-in-event-button a:focus {
  color: #fff;
}

#tribe-events-content a,
.tribe-events-event-meta a {
  color: #a86500;
  text-decoration: underline;
}

.tribe-events-meta-group a {
  color: #a86500;
}

#tribe-events-content a:hover,
.tribe-events-event-meta a:hover {
  color: #333;
  text-decoration: none;
}

@media screen and (max-width: 782px) {
  #tribe-events-content.tribe-events-single h2 {
    margin-bottom: 24px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
  }
  .tribe-events-event-meta .tribe-events-meta-group.tribe-events-meta-group-details,
  .tribe-events-event-meta .tribe-events-meta-group.tribe-events-meta-group-organizer {
    width: 100%;
  }
}
@media screen and (min-width: 400px) {
  #tribe-events-content.tribe-events-single .tribe-events-event-meta .column,
  #tribe-events-content.tribe-events-single .tribe-events-event-meta .tribe-events-meta-group {
    float: none;
    width: 49%;
  }
}
a.venue-direction-link {
  text-decoration: underline;
  font-weight: 400;
}

a.venue-direction-link .icon {
  fill: #A86500;
  width: 1.2em;
  height: 1.2em;
}

a.venue-direction-link:hover,
a.venue-direction-link:focus {
  /* 	text-decoration: bold; */
  font-weight: 600;
  outline: 1px solid gray;
}

.single-tribe_events #tribe-events-header {
  display: block;
}

.to-event-details-buttons {
  margin-bottom: 20px;
}

.buy-ticket-in-event-button {
  color: #fff;
}

.tribe-block__event-price {
  padding: 0 0 20px;
}

#tribe-events-content.tribe-events-single h2.tribe-events-schedule__datetime {
  margin-bottom: 0;
}

.single-tribe_events .entry-content ol,
.single-tribe_events .entry-content ul {
  padding-left: 25px;
  list-style-position: outside;
}

.tribe-events-nav-pagination ul li {
  list-style-type: none;
}

.tribe-events-nav-pagination ul.tribe-events-sub-nav {
  padding-left: 0;
}

.post-type-archive-tribe_events #genesis-content {
  max-width: 100%;
  width: 100%;
}

.tribe-events-schedule {
  margin-bottom: 0.8em;
}

.tribe-events-schedule h2 {
  font-size: 26px;
  font-weight: var(--tec-font-weight-bold);
  letter-spacing: normal;
  text-transform: none;
}

@media (min-width: 768px) {
  .tribe-events-meta-group {
    width: 50%;
  }
  .tribe-events-venue-map {
    width: 50%;
  }
}
/* events correctie */
.single-tribe_events header.entry-header {
  display: block;
}

.tribe_events.entry,
.tribe-tickets__item.entry {
  border: none;
  box-shadow: none;
}

.tribe-tickets__item.entry::before {
  content: none;
}

@media only screen and (max-width: 1000px) {
  .single-tribe_events .content .entry-content {
    padding: 0 0.5em 0.5em;
  }
}
/* BEGIN stylen voor prev and next event link */
.prev-event-startdate,
.next-event-startdate {
  display: block;
  position: relative;
  width: 100%;
  padding-left: 0.5em;
  font-weight: 300;
  font-size: 0.8em;
  background: inherit;
  overflow: auto;
}

.next-event-startdate {
  padding-right: 0.5em;
}

.prev-event-startdate:before,
.next-event-startdate:before {
  content: "(";
  padding-right: 0.2em;
}

.prev-event-startdate:after,
.next-event-startdate:after {
  content: ")";
  padding-left: 0.2em;
}

/* EINDE stylen voor prev and next event link */
#tribe-events-content .tribe-events-event-cost a.tribe-common-c-btn {
  color: #fff;
}

#tribe-events-content a.button, .tribe-events-event-meta a.button {
  color: #fff;
}

/*
 * Give the ticket buttons the colors and square corners of the theme buttons.
 * Event Tickets takes these from its own variables, so setting those is enough.
 */
.tribe-common.event-tickets {
  --tec-color-accent-primary: var(--theme-link-color);
  --tec-color-accent-primary-hover: #333;
  --tec-color-accent-primary-active: #333;
  --tec-color-button-primary: var(--theme-link-color);
  --tec-color-button-primary-hover: #333;
  --tec-color-button-primary-active: #333;
  --tec-border-radius-default: 0;
}

/* From the Customizer of tinekevanurk.nl */
.cf-remote-tickets .ticket-warning {
  margin-bottom: 0.5rem;
}

.cf-remote-tickets .cf-tribe-tickets__buy {
  margin-top: 0.2rem;
}

.remote-ticket .tribe-tickets__item__quantity {
  margin-left: 0 !important;
}

#tribe-tickets.cf-remote-tickets a.button,
#tribe-tickets.cf-remote-tickets a.button:active,
#tribe-tickets.cf-remote-tickets a.button:focus,
#tribe-tickets.cf-remote-tickets a.button:hover,
#tribe-tickets.cf-remote-tickets a.button:visited {
  --tec-color-text-primary: #fff !important;
}

#tribe-tickets.cf-remote-tickets a,
#tribe-tickets.cf-remote-tickets a:active,
#tribe-tickets.cf-remote-tickets a:focus,
#tribe-tickets.cf-remote-tickets a:hover,
#tribe-tickets.cf-remote-tickets a:visited {
  --tec-color-text-primary: rgb(51, 51, 51) !important;
}

#tribe-tickets.tribe-common a,
#tribe-tickets.tribe-common a:active,
#tribe-tickets.tribe-common a:focus,
#tribe-tickets.tribe-common a:hover,
#tribe-tickets.tribe-common a:visited {
  --tec-color-text-primary: #fff;
}

.cf-remote-tickets #tribe-tickets__tickets-form .remote-ticket {
  display: grid;
  justify-items: start;
  grid-template-rows: auto;
  grid-template-areas: "ticket_title ticket_price ticket_buy_button";
}

@media screen and (max-width: 764px) {
  .cf-remote-tickets #tribe-tickets__tickets-form .remote-ticket {
    display: grid;
    grid-template-rows: auto;
    grid-template-areas: "ticket_title ticket_title" "ticket_price ticket_price" "ticket_buy_button ticket_buy_button";
  }
}
.cf-remote-tickets #tribe-tickets__tickets-form .remote-ticket .tribe-tickets__tickets-item-content-title {
  grid-area: ticket_title;
  align-self: start;
  line-height: 1.3;
}

.cf-remote-tickets #tribe-tickets__tickets-form .tribe-tickets__tickets-item-details-content {
  grid-area: ticket_title;
  align-self: end;
  padding-top: 14px;
  line-height: 1.3;
}

.cf-remote-tickets .tribe-tickets__tickets-item-extra {
  grid-area: ticket_price;
}

.cf-remote-tickets .tribe-tickets__item__buy__button {
  grid-area: ticket_buy_button;
  margin-left: 0px;
}

.cf-remote-tickets .tribe-tickets__item__content__title a {
  line-height: 1.5;
}

.cf-remote-tickets .tribe-tickets__item__quantity {
  margin-left: 10px;
}

#tribe-tickets .tribe-tickets__item__details__content {
  line-height: 150%;
}

/* From the Customizer of tinekevanurk.nl */
/* haal bullets weg bij woocommerce product grid (gemaakt voor cursuspagina's) */
.sensei.single #genesis-content .entry ul.wp-block-woocommerce-product-template > li.wc-block-product {
  list-style-type: none;
}

.sensei.single #genesis-content .entry ul.wp-block-woocommerce-product-template {
  padding-left: 0px;
}

.sensei.single #genesis-content .wp-block-uagb-table-of-contents ul.uagb-toc__list,
.sensei.single #genesis-content .wp-block-uagb-table-of-contents ol.uagb-toc__list {
  list-style-position: inside;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 1.7em;
}

.sensei.single #genesis-content .wp-block-uagb-table-of-contents .uagb-toc__list-wrap > ul.uagb-toc__list,
.sensei.single #genesis-content .wp-block-uagb-table-of-contents .uagb-toc__list-wrap > ol.uagb-toc__list {
  margin-left: 0;
}

.course-completed .entry-title,
.course-completed.singular .entry-header {
  visibility: visible;
}

/*
 * Aangepaste stijlen voor het correct weergeven van lijsten
 * in de content van (single) sensei pagina's
 *****************************************************************/
/*
 * zorg dat lijsten op sensei single pagina's correct worden weergegeven
 * met inspringen en list-styles
 * dit is in elk geval nodig voor het essence pro theme
 */
.sensei.lesson .site-container .site-inner ol,
.sensei.single .site-container .site-inner ul {
  margin-bottom: 28px;
  padding-left: 40px;
}

.sensei.single .site-container .site-inner ul > li {
  list-style-type: disc;
}

.sensei.single .site-container .site-inner ol > li {
  list-style-type: decimal;
}

/*
 * zorg dat lijsten op sensei single pagina's correct worden weergegeven
 * met inspringen en list-styles
 * dit is in elk geval nodig voor het essence pro theme
 */
.sensei.single .entry ol,
.sensei.single .entry ul {
  margin-bottom: 28px;
  padding-left: 40px;
}

.sensei.single .entry ul > li {
  list-style-type: disc;
}

.sensei.single .entry ol > li {
  list-style-type: decimal;
}

/*
 * aangepaste stijlen voor cursussen pagina
 ***********************************************************/
.sensei.page-id-5705 .course-container {
  padding-left: 0;
  border-bottom: none;
}

.sensei.page-id-5705 .course-container,
.sensei.page-id-5705 .course-container li.course.entry,
.sensei.page-id-5705 .course-container li.course .course-content .entry {
  box-shadow: none;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.sensei.page-id-5705 .course-container li.course .course-content {
  border-bottom: 1px solid #e2e2e2;
}

.sensei.page-id-5705 .course-container li.course:last-of-type .course-content {
  border-bottom: none;
}

/*
 * aangepaste stijlen voor cursussen archief pagina
 ****************************************************/
.sensei.post-type-archive-course .course-container {
  padding-left: 0;
  border-bottom: none;
}

.sensei.post-type-archive-course .course-container,
.sensei.post-type-archive-course .course-container li.course.entry,
.sensei.post-type-archive-course .course-container li.course .course-content .entry {
  box-shadow: none;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.sensei.post-type-archive-course .course-container li.course .course-content {
  border-bottom: 1px solid #e2e2e2;
}

.sensei.post-type-archive-course .course-container li.course:last-of-type .course-content {
  border-bottom: none;
}

/*
 * corrigeer .site-inner stijlen voor full-width weergave
 */
.full-width-content.sensei.post-type-archive-course .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.full-width-content.sensei.post-type-archive-course .site-inner {
  background-color: #fff;
  padding-bottom: 50px;
}

.content-sidebar.sensei.post-type-archive-course #genesis-content,
.sidebar-content.sensei.post-type-archive-course #genesis-content {
  background-color: #fff;
  padding: 40px;
}

.content-sidebar.sensei .content,
.sidebar-content.sensei .content {
  padding: 60px 80px;
}

@media only screen and (max-width: 860px) {
  .sensei .content,
  .sensei .site-inner {
    padding: 7%;
  }
}
/*
 * aangepaste stijlen voor mijn cursussen pagina
 */
.sensei.page-id-5706 .course-container {
  padding-left: 0;
  border-bottom: none;
}

.sensei.page-id-5706 .course-container,
.sensei.page-id-5706 .course-container li.course.entry,
.sensei.page-id-5706 .course-container li.course .course-content .entry {
  box-shadow: none;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.sensei.page-id-5706 .course-container li.course .course-content {
  border-bottom: 1px solid #e2e2e2;
}

.sensei.page-id-5706 .course-container li.course.entry {
  padding-top: 28px;
}

.sensei.page-id-5706 .course-container li.course:last-of-type .course-content {
  border-bottom: none;
}

/*
 * gebruik de knop kleuren voor de actieve tab
 */
.sensei.page-id-5706 #user-course-status-toggle a.active {
  background: var(--theme-link-color);
  color: #fff;
}

/*
 * aangepaste stijlen voor cursuscategorie pagina's
 */
.sensei.tax-course-category .course-container {
  padding-left: 0;
  border-bottom: none;
}

.sensei.tax-course-category .course-container,
.sensei.tax-course-category .course-container li.course.entry,
.sensei.tax-course-category .course-container li.course .course-content .entry {
  box-shadow: none;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.sensei.tax-course-category .course-container li.course.entry {
  padding-top: 28px;
}

.sensei.tax-course-category .course-container li.course .course-content {
  border-bottom: 1px solid #e2e2e2;
}

.sensei.tax-course-category .course-container li.course:last-of-type .course-content {
  border-bottom: none;
}

/*
 * corrigeer .site-inner stijlen voor full-width weergave
 */
.full-width-content.sensei.tax-course-category .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.full-width-content.sensei.tax-course-category .site-inner {
  background-color: #fff;
  padding-bottom: 50px;
}

.content-sidebar.sensei.tax-course-category #genesis-content,
.sidebar-content.sensei.tax-course-category #genesis-content {
  background-color: #fff;
  padding: 40px;
}

/*
 * Aangepaste stijlen voor de cursuspagina
 *****************************************************************/
/*
 * maak meer ruimte onderin het content-gebied full width content
 * sensei pagina's
 * .post-entries bevat de prev en next lesson link
 * .sensei-breadcrumb laat je teruggaan naar de cursus of module pagina
 */
.sensei.full-width-content .content {
  margin-bottom: 0px;
  padding-bottom: 60px;
}

.sensei.full-width-content nav.post-entries,
.sensei.full-width-content section.sensei-breadcrumb {
  margin-bottom: 2em;
  padding-bottom: 0.5em;
}

/*
 * Onderdruk de samenvatting van de lessen in het lesoverzicht
 */
.sensei.single-course #genesis-content .course-lessons .lesson .lesson-title + .entry {
  display: none;
}

/*
 * verklein de marges tussen de lessen in het lesoverzicht
 * en geef de eerste les wat meer top-marge onder de heading
 */
.sensei.single-course #genesis-content .course-lessons .lesson:first-child {
  margin-top: 20px;
}

.sensei.single-course #genesis-content .course-lessons .lesson {
  margin-bottom: 30px;
}

.sensei.single-course #genesis-content .course-lessons .lesson .lesson-title {
  margin-bottom: 0px;
}

.sensei.single-course #genesis-content .course-lessons .lesson .lesson-meta {
  margin-bottom: 0px;
}

/*
 * verklein de les-titels om ze wat minder dominant te maken
 */
.sensei.single-course #genesis-content .course-lessons .lesson .lesson-title h2 {
  font-size: 24px;
}

/*
 * knoppen in essence pro stijl weergeven (meer padding en thema-kleur):
 */
.sensei.single-course a.button {
  padding: 18px 10px;
}

.sensei.single-course a.button {
  background-color: var(--theme-highlight-color);
  border-width: 0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 19px 30px 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  width: auto;
}

.sensei.single-course a.button:hover {
  background-color: #333;
  color: #fff;
}

.sensei.single-course .entry-content a.button:focus,
.sensei.single-course .entry-content a.button:hover {
  color: #fff;
}

.sensei.single-course a.button {
  display: inline-block;
}

.sensei.single-course a.button.secondary {
  background-color: transparent;
  border: 2px solid #999;
  color: #666;
  margin-top: 5px;
  margin-bottom: 5px;
}

.sensei.single-course a.button.secondary:focus,
.sensei.single-course a.button.secondary:hover {
  background-color: transparent;
  border: 2px solid #666;
  color: #333;
}

.sensei.single-course a.button.small {
  font-size: 13px;
  font-size: 13px;
  padding: 10px 12px 8px;
}

.sensei.single-course a.button.large {
  font-size: 20px;
  font-size: 20px;
  padding: 26px 36px 22px;
}

.sensei.single-course a.button.text,
.sensei.single-course a.more-link.button.text {
  background-color: transparent;
  box-shadow: none;
  border-bottom: 2px solid #bb8100;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-top: 0;
  color: #bb8100;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 16px 0 6px 0;
}

.sensei.single-course a.button.text:focus,
.sensei.single-course a.button.text:hover {
  background-color: transparent;
  box-shadow: none;
  border-bottom: 2px solid #666;
  color: #333;
  padding: 16px 0 6px 0;
}

/* From the Customizer of tinekevanurk.nl */
.sensei.single-course .course-lessons article.lesson {
  margin-bottom: 10px;
}

.sensei.single-course .course-lessons article.lesson header.lesson-title .lesson-meta {
  margin-bottom: 0px;
}

.sensei.single-course .course-lessons article.lesson .entry {
  display: none;
}

.sensei.single-course .course-lessons article.lesson header.lesson-title h2 {
  font-size: 30px;
}

.sensei.single-course .course-lessons {
  margin-top: 20px;
}

article.course div.gs-faq + h2 {
  margin-top: 30px !important;
}

/*
 * aangepaste stijlen voor cursusresultaten-pagina
 ****************************************************/
/*
 * modules krijgen een h3 en lessen een h2,
 * dus lessen wat kleiner maken zodat het visueel meer in balans is.
 */
.course-results #genesis-content .course-results-lessons article.course h2 {
  font-size: 24px;
}

/*
 * corrigeer .site-inner stijlen voor full-width weergave
 */
.full-width-content.course-results .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.full-width-content.course-results .site-inner {
  background-color: #fff;
  padding-bottom: 50px;
}

.content-sidebar.course-results #genesis-content,
.sidebar-content.course-results #genesis-content {
  background-color: #fff;
  padding: 40px;
}

/* verwijder box-shadow */
.course-results #genesis-content .entry {
  box-shadow: none;
}

.course-results #genesis-content .course .entry {
  margin-bottom: 0px;
  border-bottom: none;
}

/* de volgende stijlen zijn voor gebruik van het aangepaste tvu template */
/*
 * Na correctie van het template moet ook de css worden aangepast zodat de grade nog steeds rechts wordt geplaatst.
 */
.course-results-lessons h2 .lesson-grade,
.course-results-lessons h3 .lesson-grade,
.course-results-lessons h4 .lesson-grade {
  float: right;
}

.course-results #genesis-content .course-results-lessons article.course > h3.lesson-title {
  font-size: 24px;
}

/* From the Customizer of tinekevanurk.nl */
.wp-block-sensei-lms-course-results ul > li {
  list-style-type: none;
}

.wp-block-sensei-lms-course-results ol,
.wp-block-sensei-lms-course-results ul {
  padding-left: 5px;
}

/*
 * aangepaste stijlen voor module archief-pagina
 ****************************************************/
/*
* corrigeer .site-inner stijlen voor full-width weergave
*/
.full-width-content.sensei.tax-module .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.full-width-content.sensei.tax-module .site-inner {
  background-color: #fff;
  padding-bottom: 50px;
}

.content-sidebar.sensei.tax-module #genesis-content,
.sidebar-content.sensei.tax-module #genesis-content {
  background-color: #fff;
  padding: 40px;
}

/*
* aangepaste stijlen voor lessen archief
***********************************************************/
/* niet zeker of dit blok nog nodig is met de nieuwe genesis connect */
.sensei.post-type-archive #genesis-content .lesson .entry-content .more-link.button.text:focus,
.sensei.post-type-archive #genesis-content .lesson .entry-content .more-link.button.text:hover,
.sensei.post-type-archive #genesis-content .lesson .entry-content .more-link.button.text:visited,
.sensei.post-type-archive #genesis-content .lesson .entry-content a.more-link.button.text:focus,
.sensei.post-type-archive #genesis-content .lesson .entry-content a.more-link.button.text:hover,
.sensei.post-type-archive #genesis-content .lesson .entry-content a.more-link.button.text:visited {
  background-color: transparent;
  box-shadow: none;
  border-bottom: 2px solid #666;
  color: #333;
  padding: 16px 0 6px;
  text-decoration: none;
}

/*
* verberg de extra H1 heading in het lessen-archief
*/
.sensei.post-type-archive-lesson #genesis-content .archive-header h1 {
  display: none;
}

/*
 * stijlen voor de regels per les
 */
.sensei.post-type-archive-lesson #genesis-content .lesson-container .entry {
  box-shadow: none;
  background-color: #fff;
  margin: auto 10px;
}

.sensei.post-type-archive-lesson #genesis-content .lesson-container .lesson.entry .lesson-content .entry {
  margin-bottom: 0;
}

.sensei.post-type-archive-lesson #genesis-content .lesson-container .lesson-content .lesson-meta {
  margin-bottom: 0;
}

/*
 * verwijder de les-samenvatting (wordt merendeels niet gebruikt
 * of heeft niet onderscheidende boodschap)
 */
.sensei.post-type-archive-lesson #genesis-content .lesson-container .lesson.entry .lesson-excerpt {
  display: none;
}

/*
 * corrigeer .site-inner stijlen voor full-width weergave
 */
.full-width-content.sensei.post-type-archive-lesson .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.full-width-content.sensei.post-type-archive-lesson .site-inner {
  background-color: #fff;
  padding-bottom: 50px;
}

/*
 * corrigeer contentgebied stijlen voor content-sidebar en sidebar-content weergave
 */
.content-sidebar.sensei.post-type-archive-lesson #genesis-content,
.sidebar-content.sensei.post-type-archive-lesson #genesis-content {
  background-color: #fff;
  padding: 40px;
}

/* From the Customizer of tinekevanurk.nl */
.sensei.single-lesson .content .entry-content > p:first-of-type {
  font-size: 20px;
  letter-spacing: initial;
}

.after-entry.after-entry-lesson {
  padding: 0px;
  margin-bottom: 0px;
}

/*
* aangepaste stijlen voor lessen meta van indiv lessen
***********************************************************/
/*
 * maak les-auteur los van les-complexiteit en les-status
 */
.sensei .lesson-meta .lesson-complexity,
.sensei .lesson-meta .lesson-status.in-progress {
  margin-left: 10px;
}

/*
 * aangepaste stijlen voor lesoverzicht van een tag
 ***********************************************************/
/* De regels per les  */
.sensei.tax-lesson-tag #genesis-content .lesson-container .entry {
  box-shadow: none;
  background-color: #fff;
  margin: auto 10px;
}

.sensei.tax-lesson-tag #genesis-content .lesson-container .lesson.entry .lesson-content .entry {
  margin-bottom: 0;
}

.sensei.tax-lesson-tag #genesis-content .lesson-container .lesson-content .lesson-meta {
  margin-bottom: 0;
}

/* wordt niet gebruikt, maar neemt wel ruimte in */
.sensei.tax-lesson-tag #genesis-content .lesson-container .lesson.entry .lesson-excerpt {
  display: none;
}

/*
 * corrigeer .site-inner stijlen voor full-width weergave
 */
.full-width-content.sensei.tax-lesson-tag .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.full-width-content.sensei.tax-lesson-tag .site-inner {
  background-color: #fff;
  padding-bottom: 50px;
}

.content-sidebar.sensei.tax-lesson-tag #genesis-content,
.sidebar-content.sensei.tax-lesson-tag #genesis-content {
  background-color: #fff;
  padding: 40px;
}

/* From the Customizer of tinekevanurk.nl */
.sensei.single-quiz #genesis-content .entry ul.answers > li {
  list-style-type: none;
}

.sensei.single #genesis-content .entry ol > li .sensei-lms-question-block__header .grade {
  display: none;
}

.sensei.single #genesis-content .entry ol > .wp-block-sensei-lms-quiz-question.multi-line .wp-block-sensei-lms-question-answers {
  margin-bottom: 2rem;
}

/*
 * aangepaste stijlen voor de leraar archief pagina
 ****************************************************/
/*
 * corrigeer .site-inner stijlen voor full-width weergave
 */
.full-width-content.sensei.author.archive .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.full-width-content.sensei.author.archive .site-inner {
  background-color: #fff;
  padding-bottom: 50px;
}

.sidebar-content.sensei.author.archive #genesis-content,
.content-sidebar.sensei.author.archive #genesis-content {
  background-color: #fff;
  padding: 40px;
}

/*
 * aangepaste stijlen voor studentenprofiel pagina
 ***********************************************************/
#learner-info,
#learner-info .entry {
  box-shadow: none;
}

/*
 * corrigeer .site-inner stijlen voor full-width weergave
 */
.full-width-content.learner-profile .site-inner::before {
  background-color: var(--theme-highlight-color);
  content: "";
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  width: 2px;
  z-index: var(--z-index-site-inner);
}

.full-width-content.learner-profile .site-inner {
  background-color: #fff;
  padding-bottom: 50px;
}

.content-sidebar.learner-profile #genesis-content,
.sidebar-content.learner-profile #genesis-content {
  background-color: #fff;
  padding: 40px;
}

/*
 * Persenteer de navigatieknoppen als tabs,
 * net als op de mijn cursussen pagina
 */
.sensei.learner-profile #genesis-content #learner-info #my-courses.ui-tabs .ui-tabs-nav li {
  list-style: none;
  white-space: nowrap;
}

.sensei.learner-profile #genesis-content #learner-info #my-courses .ui-tabs-nav {
  position: relative;
  zoom: 1;
  margin: 0 0 1em;
  width: 100%;
}

.sensei.learner-profile #genesis-content #learner-info #my-courses .ui-tabs-nav a {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 0.5em;
  font-weight: 700;
  color: #52a8e8;
  text-decoration: none;
  outline: 0;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-bottom-color: rgb(211, 211, 211);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  box-shadow: none;
}

.sensei.learner-profile #genesis-content #learner-info #my-courses .ui-tabs-nav li:first-child a {
  border-bottom: none;
}

.sensei.learner-profile #genesis-content #learner-info #my-courses .ui-tabs-nav a.active {
  background: #fff;
  color: #555;
}

.sensei.learner-profile #genesis-content #learner-info #my-courses.ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: #fff;
  background: var(--theme-link-color);
  border-radius: 0px;
  -webkit-border-radius: 0px;
}

@media only screen and (min-width: 768px) {
  .sensei.learner-profile #genesis-content #learner-info #my-courses .ui-tabs-nav {
    border-bottom: 1px solid #d3d3d3;
  }
  .sensei.learner-profile #genesis-content #learner-info #my-courses .ui-tabs-nav a {
    display: inline-block;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    bottom: -1px;
  }
  .sensei.learner-profile #genesis-content #learner-info #my-courses .ui-tabs-nav a.active {
    border-bottom: 1px solid #fff;
  }
}
/*
 * aangepaste stijlen voor prive-berichten pagina
 ****************************************************/
.post-type-archive-sensei_message #genesis-content .message-container .entry {
  box-shadow: none;
}

.post-type-archive-sensei_message #genesis-content .message-container .sensei_message.entry {
  padding: 40px;
}

.post-type-archive-sensei_message #genesis-content .message-container .sensei_message .message-content .entry {
  margin-bottom: 0px;
}

/*
 * Aangepaste stijlen voor sensei knoppen
 *****************************************************************/
.sensei.single-lesson a.button,
.sensei.single-quiz a.button,
.sensei .quiz-submit.reset,
.sensei .quiz-submit.complete,
.sensei .quiz-submit.save,
.sensei .contact-teacher .send_message {
  padding: 19px 30px 16px;
}

/*
 * stijlen voor sensei-knoppen zodat ze een normale button-size hebben (ipv het smalle)
 * en de stijlen van het (essence pro) thema volgen
 */
.course a.button:visited,
.course-container a.button:visited,
.lesson a.button:visited,
.quiz a.button:visited {
  background-color: var(--theme-link-color);
}

/* .sensei .course-enrolment .course-start { */
.course #commentform #submit,
.course .submit,
.course a.button,
.course a.comment-reply-link,
.course button.button,
.course input.button,
.course input[type=submit],
.course-container #commentform #submit,
.course-container .submit,
.course-container a.button,
.course-container a.comment-reply-link,
.course-container button.button,
.course-container input.button,
.course-container input[type=submit],
.lesson #commentform #submit,
.lesson .submit,
.lesson a.button,
.lesson a.comment-reply-link,
.lesson button.button,
.lesson input.button,
.lesson input[type=submit],
.quiz #commentform #submit,
.quiz .submit,
.quiz a.button,
.quiz a.comment-reply-link,
.quiz button.button,
.quiz input.button,
.quiz input[type=submit] {
  background-color: var(--theme-link-color);
  color: #ffffff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow-wrap: break-word;
  white-space: normal;
  width: auto;
  transition: all 0.1s ease-in-out;
}

/* .sensei .course-enrolment .course-start:focus { */
.course #commentform #submit:focus,
.course .submit:focus,
.course a.button:focus,
.course a.button:visited:focus,
.course a.comment-reply-link:focus,
.course button.button:focus,
.course input.button:focus,
.course input[type=submit]:focus,
.course-container #commentform #submit:focus,
.course-container .submit:focus,
.course-container a.button:focus,
.course-container a.button:visited:focus,
.course-container a.comment-reply-link:focus,
.course-container button.button:focus,
.course-container input.button:focus,
.course-container input[type=submit]:focus,
.lesson #commentform #submit:focus,
.lesson .submit:focus,
.lesson a.button:focus,
.lesson a.button:visited:focus,
.lesson a.comment-reply-link:focus,
.lesson button.button:focus,
.lesson input.button:focus,
.lesson input[type=submit]:focus,
.quiz #commentform #submit:focus,
.quiz .submit:focus,
.quiz a.button:focus,
.quiz a.button:visited:focus,
.quiz a.comment-reply-link:focus,
.quiz button.button:focus,
.quiz input.button:focus,
.quiz input[type=submit]:focus {
  text-decoration: none;
  color: #fff;
  background: var(--theme-link-color);
  box-shadow: inset 0 0 200px rgba(230, 230, 230, 0.25);
}

/* .sensei .course-enrolment .course-start:hover { */
.course #commentform #submit:hover,
.course .submit:hover,
.course a.button:hover,
.course a.button:visited:hover,
.course a.comment-reply-link:hover,
.course button.button:hover,
.course input.button:hover,
.course input[type=submit]:hover,
.course-container #commentform #submit:hover,
.course-container .submit:hover,
.course-container a.button:hover,
.course-container a.button:visited:hover,
.course-container a.comment-reply-link:hover,
.course-container button.button:hover,
.course-container input.button:hover,
.course-container input[type=submit]:hover,
.lesson #commentform #submit:hover,
.lesson .submit:hover,
.lesson a.button:hover,
.lesson a.button:visited:hover,
.lesson a.comment-reply-link:hover,
.lesson button.button:hover,
.lesson input.button:hover,
.lesson input[type=submit]:hover,
.quiz #commentform #submit:hover,
.quiz .submit:hover,
.quiz a.button:hover,
.quiz a.button:visited:hover,
.quiz a.comment-reply-link:hover,
.quiz button.button:hover,
.quiz input.button:hover,
.quiz input[type=submit]:hover {
  text-decoration: none;
  color: #fff;
  background: var(--theme-link-color);
  box-shadow: inset 0 0 200px rgba(230, 230, 230, 0.25);
}

/*
 * Aangepaste stijlen voor het correct weergeven van lijsten
 * in de content van (single) sensei pagina's
 *****************************************************************/
/*
 * zorg dat lijsten op sensei single pagina's correct worden weergegeven
 * met inspringen en list-styles
 * dit is in elk geval nodig voor het essence pro theme
 */
.sensei.single #genesis-content .entry ol,
.sensei.single #genesis-content .entry ul {
  margin-bottom: 28px;
  padding-left: 40px;
}

.sensei.single #genesis-content .entry ul > li {
  list-style-type: disc;
}

.sensei.single #genesis-content .entry ol > li {
  list-style-type: decimal;
}

/*
 * aangepaste stijlen voor sensei paginatie
 ***********************************************************/
/*
 * geef de sensei paginatie wat meer ruimte en stel borders in
 */
nav.sensei-pagination {
  margin-left: 20px;
}

nav.sensei-pagination li {
  margin-top: 20px;
}

nav.sensei-pagination ul.page-numbers li .page-numbers {
  padding: 0.25rem 0.9rem 0.4rem;
  margin-right: 0.25rem;
  border: 1px solid var(--theme-link-color);
}

nav.sensei-pagination ul.page-numbers li span.page-numbers.dots,
nav.sensei-pagination ul.page-numbers li a.page-numbers.prev,
nav.sensei-pagination ul.page-numbers li a.page-numbers.next,
nav.sensei-pagination ul.page-numbers li span.page-numbers.current {
  border: none;
  padding-left: 0.2rem;
  padding-right: 0.3rem;
}

/*
 * Aangepaste stijlen voor WooCommerce Productpagina
 *************************************/
.wishlist_table .add_to_cart,
a.add_to_wishlist.button.alt {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.woocommerce-Reviews-title {
  font-size: 140%;
}

/*
 * fix layout of WooCommerce Product Bundles
 */
table.bundled_products h4 {
  /*  font-family: 'Lora', serif; */
  font-size: 16px;
}

table.bundled_products p {
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.2;
}

table.bundled_products .bundled_product_excerpt p:last-of-type {
  margin-bottom: 0 !important;
}

table.bundled_products .price {
  margin-bottom: 0 !important;
}

table.bundled_products h4.bundled_product_title {
  margin: 0;
}

table.bundled_products td.bundled_item_col {
  padding-top: 0 !important;
}

table.bundled_products th.bundled_item_col {
  padding: 0;
}

.woocommerce.single .content .entry-content > p:first-of-type {
  font-size: 20px;
  font-size: 20px;
  letter-spacing: normal;
}

/*
 * maak in woocommerce afrekenen
 * de bestelnotities groter zodat het meer opvalt
 */
#order_comments {
  height: 300px;
}

/* From the Customizer of tinekevanurk.nl */
/* Product variation page correction */
.woocommerce-variation-price {
  margin-bottom: 1.3em;
}

.woocommerce .tvu-chained-product ul.products.wccp-list-view {
  display: block;
}

/* The theme makes ul.products a flex row; the chained products list has one item per line. */
.woocommerce .tab-included-products.chained_items_container ul.products.wccp-list-view {
  display: block;
}

.entry-content .wp-block-woocommerce-single-product h2 {
  margin-top: 0;
}

.woocommerce .woocommerce-Tabs-panel--description .tab-included-products.chained_items_container ul > li,
.woocommerce .woocommerce-product-details__short-description .tab-included-products.chained_items_container ul > li {
  list-style-type: numeric;
}

.wc-block-grid.wc-block-product-category ul {
  padding-left: 0;
}

.wc-block-grid.wc-block-product-category ul > li {
  list-style-type: none;
}

.woocommerce-product-details__short-description .tab-included-products.chained_items_container ul > li {
  margin-left: 0;
}

.woocommerce-product-details__short-description .tab-included-products.chained_items_container ul > li {
  list-style-type: none;
  margin-bottom: 0.5em;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  margin-left: 1em !important;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  left: 1.5em;
}

.single #genesis-content .entry ul > li.wc-block-grid__product {
  list-style-type: none;
}

.entry-content .wp-block-handpicked-products ul > li {
  list-style-type: none;
}

/* weet niet meer waarvoor dit is */
#awrc_recover-cart-form h3 {
  display: none;
}

/*
 * Aangepaste stijlen voor de feedback/aanbevelings formulieren
 *******************************************************************/
.raportcijfer .ginput_container_radio .gfield_radio {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-basis: 24px;
  align-items: center;
}

.raportcijfer .ginput_container_radio li input[type=radio] {
  display: none;
}

.raportcijfer .ginput_container_radio li label {
  font-size: 20px;
}

.aanbeveling-form .raportcijfer .ginput_container_radio li label:hover {
  font-size: 36px;
  padding-left: 16px;
  padding-right: 16px;
  border: 2px solid red;
  border-radius: 50%;
}

.aanbeveling-form .raportcijfer .ginput_container_radio li input[type=radio]:checked + label {
  font-size: 36px;
  padding-left: 16px;
  padding-right: 16px;
  border: 2px solid #666;
  border-radius: 50%;
}

.aanbeveling-form .raportcijfer .ginput_container_radio li:last-of-type input[type=radio]:hover + label,
.aanbeveling-form .raportcijfer .ginput_container_radio li:last-of-type input[type=radio]:checked + label {
  display: block;
  margin-left: 18px;
}

/* From the Customizer of tinekevanurk.nl */
.entry-content a {
  font-weight: 400;
}

@media screen and (max-width: 782px) {
  .site-inner {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.blog.content-sidebar .content,
.blog.sidebar-content .content,
.archive.content-sidebar .content,
.archive.sidebar-content .content {
  background-color: transparent;
  box-shadow: none;
}

/* REVIEW: tied to page ID 89824 (/website-hulp/); give the list its own class in the FSE theme. */
.page-id-89824 ol.inhoudsopgave {
  padding-left: 20px;
  /* 	background-color: #ddd; */
}

.page-id-89824 ol.inhoudsopgave li {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.page-id-89824 ol.inhoudsopgave li ul {
  padding-left: 1.5rem;
  margin-top: 0.3em;
  margin-bottom: 0;
}

.page-id-89824 ol.inhoudsopgave li ul li {
  list-style-type: lower-alpha;
}

/*
 * het breekpunt waarop de admin-bar overschakelt
 * van mobiele weergave naar desktop weergave
 */
@media (min-width: 783px) {
  /*
   * verander de positie van het sticky top-menu en de cta voor
   * zodat ze blijven aansluiten op de smallere admin-bar
   */
  .admin-bar .site-container {
    padding-top: 0px;
  }
  .admin-bar #menu-top-menu {
    position: fixed;
    top: 32px;
  }
}
/*
 * bij een heel klein scherm de top-menu niet meer sticky
 * en daarmee kan de margin van de call2action verwijderd worden.
 */
@media (max-width: 300px) {
  .admin-bar #menu-top-menu {
    position: static;
  }
  .admin-bar .call-2-action-header {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .call-2-action-header {
    margin-top: 84px;
  }
  .admin-bar .call-2-action-header {
    margin-top: 84px;
  }
}
/*
 * tot 1023px wordt het hamburger menu getoond
 * dus instellingen voor mobiele weergave
 */
@media (max-width: 1023px) {
  .call-2-action-header {
    margin-top: 28px;
  }
  .admin-bar .call-2-action-header {
    margin-top: 28px;
  }
  /* corrigeer site title voor klein scherm */
  .title-area {
    max-width: 80%;
    width: auto;
  }
  .site-title {
    letter-spacing: 7px;
  }
  header.site-header > .wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* maak primaire menu sticky */
  .primary-navigation-fixed nav {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #000;
    z-index: var(--z-index-primary-nav);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
/*
 * naarmate het scherm kleiner wordt,
 * de site-title aanpassen zodat alles blijft passen
 */
@media (max-width: 415px) {
  .call-2-action-header {
    margin-top: 28px;
  }
  /* maak site-title kleiner */
  .title-area {
    max-width: 60%;
  }
  .site-title {
    letter-spacing: 1px;
    font-size: 15px;
  }
  .site-title {
    letter-spacing: 1px;
    font-size: 15px;
  }
  /* maak primaire menu sticky en corrigeer opmaak */
  #genesis-mobile-nav-primary {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .site-header > .wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .primary-navigation-fixed nav {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #000;
    z-index: var(--z-index-primary-nav);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
/*
 * boven 1024px breedte verdwijnt het hamburger-icoon
 * en wordt het normale menu getoond.
 */
@media (min-width: 1024px) {
  .primary-navigation-fixed nav {
    position: fixed;
    top: 28px;
    right: 0;
    left: 0;
    z-index: var(--z-index-primary-nav);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  .admin-bar .primary-navigation-fixed nav {
    top: 60px;
  }
  /*
   * maak het primaire menu sticky
   */
  .primary-navigation-fixed .title-area,
  .primary-navigation-fixed .header-left {
    /*
     * verwijder alle header-elementen
     * die niet sticky moeten worden
     */
    /*         display: none; */
  }
  .primary-navigation-fixed nav,
  .primary-navigation-fixed .genesis-nav-menu .sub-menu a {
    /* geef menu een niet-transparante achtergrondkleur */
    background-color: white;
    /* maak de overgang minder abrupt */
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  /*
   * corrigeer de opmaak van het menu
   * zodat die minder ruimte inneemt
   * en alle effecten zichtbaar blijven
   */
  .primary-navigation-fixed .wrap {
    padding-top: 0;
    padding-bottom: 3px;
  }
  .primary-navigation-fixed .genesis-nav-menu a {
    padding: 20px 7px 15px;
    color: #333;
  }
  .primary-navigation-fixed .genesis-nav-menu .sub-menu {
    z-index: var(--z-index-primary-nav);
  }
  .primary-navigation-fixed .genesis-nav-menu .sub-menu a {
    padding: 14px 20px;
    color: #333;
  }
  .primary-navigation-fixed .genesis-nav-menu .sub-menu a:hover {
    background-color: #333;
    color: white;
  }
  .primary-navigation-fixed .wrap {
    border-bottom: none;
  }
  .primary-navigation-fixed {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  .primary-navigation-fixed .nav-primary .genesis-nav-menu > .menu-item > a:focus,
  .primary-navigation-fixed .nav-primary .genesis-nav-menu > .menu-item > a:hover,
  .primary-navigation-fixed .nav-primary .genesis-nav-menu > .menu-item.current-menu-item > a {
    border-bottom-color: #333;
  }
}
@media (max-width: 782px) {
  .admin-bar .call-2-action-header {
    margin-top: 0;
  }
}