/*
Theme Name: hovo
Description: Theme voor hovoutrecht.nl
Author: Studio iH
Version:1.0
License: GNU General Public License v2 or later
*/



/* ================================= ALGEMEEN LAYOUT =================================== */

:root {
    --color-rood: #dc0a3b;
    --color-zwart:#323232;
    --color-donkergrijs: #666666;
    --color-grijs: #a2a2a2;
    --color-lichtgrijs: #c9c9c9;
    --color-wit: #ffffff;
    --color-shadow: rgba(0,0,0,0.3);
    --color-groen: #94c119;
    --color-extralichtgrijs: #e2e2e2;
}

.rood {
    color: var(--color-rood);
}
section {
    width: 100%;
}
html {
    box-sizing: border-box;
    overflow-x: hidden;
}
*, *:before, *:after {
    box-sizing: border-box;
}

body {
    background-color: var(--color-wit);
    position: relative;
    max-width: 100%;
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    color: var(--color-zwart);
    overflow-x: hidden;
	display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
}

header, footer, article, aside, figure, figcaption, nav, section {
    display: block;
}

main > section > article > .container,
    .single-docent .docent .container,
	.single-verhaal .container,
    #header .container {
        max-width:90%;
        padding:0;
    }

#content {
    position: relative;
    z-index: 1;
    opacity: 1;
    /*max-width:1500px;*/
    margin:0 auto 50px auto;
}

.single #content {
    overflow:auto;
    display:flex;
	justify-content: center;
}
.single #content main {
    width: 100%;
}

section.vc_section {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

a.rode-knop, .rode-knop a, a.rode-knop-klein, .rode-knop-klein a, .rode-knop a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat,
.mailster-form.mailster-form-submit .submit-button {
	background-color: var(--color-rood);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:var(--color-wit);
	/*padding:10px 14px;*/
	text-decoration:none;
	margin-top:0;
    text-align:center;
    line-height: 1;
	border-color: var(--color-rood);
	font-weight: bold;
	font-size:1em;
}
.mailster-form.mailster-form-submit .submit-button {
	width:100%;
	padding:10px 14px;
}

a.rode-knop {
	padding:10px 14px;
}
input[type="submit" i] {
	border-color: transparent;
	border-image: none;
	border-style: none;
	border-width: 0;
}


.verberg {
	display:none !important;
}

a.rode-knop-klein, .rode-knop-klein a {
    padding:6px 10px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: normal;
}

a.rode-knop-klein:hover, .rode-knop-klein a:hover, a.rode-knop:hover, .rode-knop a:hover {
    color:var(--color-wit);
    background-color: var(--color-zwart);
}

button.zwarte-knop, 
button.zwarte-knop-klein, 
a.zwarte-knop,
.zwarte-knop a.vc_btn3.vc_btn3-color-grey,
#wppb-recover-password-button {
    background-color:var(--color-zwart);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    border:1px solid var(--color-zwart);
	display:inline-block;
	cursor:pointer;
	color:var(--color-wit);
	padding:10px 14px;
	text-decoration:none;
	margin-top:0;
    text-align:center;
    line-height: 1;
	font-size:1em !important;
}
button.zwarte-knop a,
button.zwarte-knop-klein a {
    color:var(--color-wit);
}
button.zwarte-knop {
    padding:10px 14px;
}
button.zwarte-knop-klein {
	padding:6px 10px;
    text-transform: uppercase;
    font-size: 0.8em;
}
button.zwarte-knop-klein a {
    font-weight: normal;
}
a.zwarte-knop-klein:hover, .zwarte-knop-klein a:hover, a.zwarte-knop:hover, .zwarte-knop a:hover {
    color:var(--color-wit);
    background-color: var(--color-rood);
    border:1px solid var(--color-rood);
}

.zwarte-knop .vc_btn3.vc_btn3-size-lg,
.zwarte-knop a.vc_btn3.vc_btn3-color-grey.vc_btn3.vc_btn3-size-lg {
	font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;
}

.vc_row.vc_inner {
    margin:35px -15px 50px -15px;
    /*display:flex;*/
}
section.vc_section.headerbeeld {
    margin-bottom: 20px;
}

article > section:first-child {
    margin-bottom:35px;
}

img.alignleft, div.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
    float:left;
}
.single-post p.wp-caption-text {
	font-size:0.8em;
}
.single-post.nieuwsbriefberichten .widget.WOOF_Widget {
	display:none;
}

form input {
    border-radius: 0;
}

.gform_button.button {
    color: var(--color-wit);
    border-radius: 3px;
    padding: 4px 14px;
}

.alleen-mobiel {
    display:none;
}
.width-100proc {
    width: 100%;
}
.mededeling {
    flex-basis:15%;
    width:15%;
}
body .gform_wrapper ul li.gfield.extra-margin-top {
	margin-top:50px;
}
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li {
    margin: 0 20px 10px 0 !important;
}
li.field_description_above label.gfield_label {
	margin-bottom:0;
}
table.tablepress.programma td {
	color:var(--color-zwart);
	line-height:1.4;
}
table.tablepress.programma td.column-1 {
	width: 19%;
	padding: 8px 8px 8px 0;
}
table.tablepress.programma td.column-2,
table.tablepress.programma td.column-3,
table.tablepress.programma td.column-4 {
	width: 27%;
}

table.tablepress.programma td p.tabelkopje {
    margin: 1em 0 0 0;
    font-weight: bold;
	font-size:1.3em;
}
table.tablepress.programma td p.tabeltussenkopje {
    color:var(--color-rood);
}

.post-password-required {
	margin-top:100px;
}

.formulier-klein span.beschikbaarheid {
    font-size: 0.6em;
    font-weight: 600;
}

.gform_body .gform_fields .gfield {
	margin-bottom:1em;
}

.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield_label {
	margin-bottom:0;
}

.btn.focus, .btn:focus {
	box-shadow: none;
}

.clearboth {
	clear: both;
}

/* ================================= TYPOGRAFIE =================================== */
* {
    -webkit-font-smoothing: antialiased;
}

a {
    color:var(--color-zwart);
    font-weight: bold;
}
a:hover {
    color: var(--color-rood);
    text-decoration: none;
}

#header #top-nav li:hover > a, 
#header #top-nav li.current-menu-ancestor > a, 
#header #top-nav li.current-menu-parent > a, 
#header #top-nav li.current-menu-item > a, 
#header #top-nav li.current_page_parent > a, 
#header #top-nav li.current_page_ancestor > a, 
#header #top-nav li.current_page_item > a {
    color: var(--color-rood);
}
p {
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

h1 {
    color: var(--color-rood);
    font-size: 1.85em;
    line-height:1.4em;
    font-weight:400;
}
h2 {
    color: var(--color-rood);
    font-weight: normal;
    font-size: 1.4em;
}
h3 {
    color: var(--color-rood);
    font-size:1.4em;
    font-weight: normal;
}

h4 {
    color: var(--color-rood);
    font-size:1.05em;
    font-weight:700;
}
h6 {
    color: var(--color-rood);
    font-size:0.8em;
}
ul {
    color: var(--color-zwart);
    list-style-type: square;
}

input, label, textarea, select {
    font-size: 0.95em;
}

article > section:first-child h1 {
    text-align: center;
}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover, 
.vc_btn3.vc_btn3-color-white:focus, 
.vc_btn3.vc_btn3-color-white:hover {
    background-color: transparent !important;
}
.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
    color: var(--color-zwart) !important;
}

ul.menu > li.current-menu-item > a {
    color: var(--color-rood);
}

.smalltext {
    font-size: 0.8em;
}

/* ================================= HEADER =================================== */

.header-wrapper {
    height:130px;
}

#header {
    height: 130px;
    background-color:var(--color-wit);
    position: fixed;
    opacity: 1;
    z-index: 9999;
    left: 0;
    right: 0;
    box-shadow: 0px 1px 9px var(--color-shadow);
}

#header > .container {
    padding: 0;
    height: 100%;
    margin: 0 auto;
}

.header-logo {
    position: relative;
    z-index: 5;
    float: left;
    text-align: left;
    height: 100%;
    width: 13%;
}

.header-logo img {
    position: absolute;
    display: block;
    max-width: none;
    min-height: 25px;
    max-height: 68%;
    width: auto;
    left: 0;
    top:0;
    bottom:0;
    margin: auto 0;
}
.header-right {
    position: relative;
    z-index: 5;
    display: inline-block;
    text-align: right;
    height: 100%;
    width: 87%;
}
.header-right-container {
    height:100%;
}

.logos-top {
    display: table;
    margin: 0 0 12px auto;
    height:60%;
}

.logo-partner {
    display: table-cell;
}

.logo-partner img {
    max-height: 44px;
    width: auto;
    margin: 14px 0 6px 20px;
}
.logo-partner.logo-hu img {
    max-height:36px;
}

#ajaxsearchlite1, .menu-container {
    display: inline-block;
}

.nijmegen-header .payoff,
.rotterdam-header .payoff {
	display: table;
    margin: 20px auto 12px 0;
    height: auto;
    width: 30%;
    float: left;
    text-align: left;
}
.nijmegen-header .payoff h2,
.rotterdam-header .payoff h2{
	color:var(--color-zwart);
}
.header-right-container .cart-contents i{
	font-size:28px;
}
/*shopping cart icon in header */
/*.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font: var(--fa-font-solid);
	font-family: FontAwesome;
	content: "\f291";
    font-size:28px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
}*/
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: var(--color-wit);
    background-color: var(--color-zwart);
    font-weight: bold;
    border-radius: 50%;
    padding: 1px 6px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
}
a.cart-contents {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding-left: 30px;
}

.mob-menu-header-holder {
    box-shadow: 0 6px 4px var(--color-grijs);
}

/* ================================= HEADER-NAVIGATIE =================================== */

#top-nav .top-menu {
    display: block;
    height: auto;
    margin-top: -15px;
    text-align: right;
}

.top-menu ul li a {
    font-size: 0.9em;
}

.dropdown-nav ul li {
    display: inline-block;
    list-style: none;
    padding: 0;
}
.dropdown-nav ul li a {
    display: block;
    position: relative;
    padding: 0 10px;
    line-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    font-weight: normal;
}
.top-menu > div[class*="menu-hoofdmenu-"] {
    display: inline-block;
}

.top-menu > div[class*="menu-hoofdmenu-"] > ul > li:before {
    content:"\007c";
    color:var(--color-rood);
    display: inline-block;
    float: left;
    line-height: 42px;
}
.top-menu > div[class*="menu-hoofdmenu-"] > ul > li.tussenmenutekst > a {
	margin-left:30px;
	font-weight:bold;
	padding-right:0;
}

.top-menu > div[class*="menu-hoofdmenu-"] > ul > li.zonderstreepje:before,
.top-menu > div[class*="menu-hoofdmenu-"] > ul > li:first-child:before,
.top-menu > .menu-hoofdmenu-container > ul > li:last-child:before {
    content:"";
}
.top-menu > .menu-hoofdmenu-container > ul > li:last-child a {
    padding-right: 0;
    margin-bottom:-6px;
}
 .top-menu ul li > ul.sub-menu {
    z-index: 999;
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: none;
    margin-left: -20px;
    padding-top: 14px;
    width: 200px;
	overflow-y: auto;
    max-height: 70vh;
}
.top-menu ul li:hover > ul.sub-menu {
    display: block;
}
.top-menu ul li > ul.sub-menu > li {
    padding: 15px 20px;
    text-align: left;
    background-color: var(--color-wit);
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px dotted var(--color-grijs);
    box-shadow: 2px 2px 6px var(--color-shadow);
}
.top-menu ul li > ul.sub-menu > li:first-child {
    border-top: 6px solid var(--color-rood);
}

.top-menu ul li > ul.sub-menu > li a {
    font-size:0.8em;
    padding:0;
    line-height: 1.05em;
}

.top-menu ul.sub-menu li.menu-item-has-children > a:after {
    content: "";
    float: right;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #dc0a3b;
    margin-top: 3px;
}

.top-menu ul li ul.sub-menu li.menu-item-has-children ul.sub-menu {
    margin-left: 170px;
    top: 0;
    padding-top: 0;
    padding-left: 20px;
    width:220px;
}

.menu-toggle {
    display: none; /* verberg toggle menu knop */
}

/* Opmaak toggle menu button */
button.menu-toggle {
    border:none;
    background-color: transparent;
    padding: 0;
    font-size: 30px;
}
#header .nav-bar .menu-item.zoekvenster > div {
	display:inline-block;
    /*margin-bottom:-8px;*/
	float: left;
    margin-left: 0.8em;
}

#header .nav-bar .menu-item.wpmenucartli {
        display:none;
    }

/* ================================= HEADER-SEARCH =================================== */

#header #ajaxsearchlite1 .probox .proinput,
#header div.asl_w .probox .proinput,
#header #ajaxsearchlite1 .probox .proinput input,
#header div.asl_w .probox .proinput input {
    color: var(--color-zwart) !important;
}

input::placeholder,
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-grijs) !important;
  opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--color-grijs) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--color-grijs) !important;
}


/* ================================= CONTENT LAYOUT HOME =================================== */

.home-zijbalk.vc_column_container > .vc_column-inner {
    background-color: var(--color-lichtgrijs);
    margin-top: 35px;
    padding:24px 20px 20px 20px;
    /*padding-left:17.5px;
    padding-right:17.5px;*/
}
.page-nijmegen .home-zijbalk.vc_column_container > .vc_column-inner {
    /*margin-top: 0;*/
}

.vc_row.uitgelicht, .uitgelicht.wpb_column {
    border: 1px solid var(--color-rood);
    margin-left: 0;
    margin-right: 0;
    padding:35px 25px 35px 25px;
}
.vc_row .vc_column_container > .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.wpb_wrapper div.wpb_content_element:last-child {
    margin-bottom:0;
}

h2.woocommerce-loop-category__title {
    position: absolute;
    bottom:0;
}
.woocommerce ul.products li.product h2.woocommerce-loop-category__title {
    position: absolute;
    bottom: 0;
    padding: 1% 3% 1% 8%;
    margin-bottom: 0.5em;
    width: 100%;
    color: var(--color-wit);
    font-weight: normal;
    line-height: 2em;
}

.home li.kunst-en-cultuur h2.woocommerce-loop-category__title {
    background-color: #2e80ab;
}
.home li.mens-en-maatschappij h2.woocommerce-loop-category__title {
    background-color: #69352a;
}
.home li.geschiedenis h2.woocommerce-loop-category__title {
    background-color: #50ae3d;
}
.home li.wijsbegeerte h2.woocommerce-loop-category__title {
    background-color: #c94d39;
}
.home li.natuurwetenschappen h2.woocommerce-loop-category__title {
    background-color: #95c11e;
}
.home li.economie-en-recht h2.woocommerce-loop-category__title {
    background-color: #d02473;
}
.home li.filmwetenschap h2.woocommerce-loop-category__title {
    background-color: #fab412;
}
.home li.cursus-met-studiereis h2.woocommerce-loop-category__title {
    background-color: #2dafe5;
}

/*.home .woocommerce ul.products li.product {
    margin: 0 3% 2em 0;
    width:22.75%;
}*/
.home .woocommerce-page.columns-3 ul.products li.product {
	width:31%;
}
.home .woocommerce ul.products li.product {
    margin: 0 3.5% 2.992em 0;
}

.home .woocommerce ul.products li.last {
    margin-right:0;
}
h2.woocommerce-loop-category__title mark.count {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 22px;
    text-align: center;
    color: var(--color-zwart);;
    background-color: var(--color-wit);
    padding: 2px;
    font-size: 0.8em;
    font-weight: bold;
    display: block;
    /*float: right;*/
    position: absolute;
    right: 1em;
    top: -13px;
}
.home-zijbalk .wpb_content_element {
    margin-bottom: 45px;
}

.home-zijbalk a.rode-knop {
    display: block;
}
.home-zijbalk h3 {
    color: var(--color-zwart);
    font-weight: bold;
    font-size: 1em;
}
.home-zijbalk form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]) {
    border:none;
}



/* ============ MAILFORMULIER =========== */
.gform_wrapper .mailform .top_label .gfield_label,
.gform_wrapper .mailform .field_sublabel_below .ginput_complex.ginput_container label,
.gform_wrapper .mailform .field_sublabel_below div[class*=gfield_time_].ginput_container label{
    display: none;
}
.gform_wrapper.mailform_wrapper {
    margin: 0 0 45px 0;
}
.gform_wrapper .mailform ul.gform_fields li.gfield {
    padding-right: 0;
}
.gform_wrapper .mailform ul li.gfield.emailveld {
    margin-top: 2px;
    padding-right: 0;
}
.gform_wrapper .mailform ul.gform_fields li.gfield span.name_first {
    width: 65%;
    padding: 0 !important;
    margin: 0;
    float: left;
    border-right: 2px var(--color-lichtgrijs) solid;
}
.gform_wrapper .mailform ul.gform_fields li.gfield span.name_middle {
    width: 35%;
    padding: 0 !important;
    margin: 0;
    float: left;
}
.gform_wrapper .mailform div.ginput_complex.ginput_container.gf_name_has_3 span.name_last {
    width: 100%;
    padding-right: 0;
}
.gform_wrapper .mailform .top_label div.ginput_container.ginput_container_email {
    margin-top: 0;
}
.gform_wrapper .mailform div.ginput_complex.ginput_container.gf_name_has_3 {
    width: 100%;
}

.gform_wrapper .mailform input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
.mailster-form-fields input::placeholder {
	font-size:0.75em !important;
}
.gform_wrapper .mailform .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    background-color: var(--color-rood);
    font-weight: bold;
    width:100%;
}
.gform_wrapper .mailform .gform_footer {
    padding: 0;
    margin: 4px 0 0 0;
}

.mailster-wrapper.mailster-firstname-wrapper {
    width: 55%;
    float: left;
}
.mailster-wrapper.mailster-tussenvoegsel-wrapper {
    width: 44%;
    float: left;
    margin-left: 1%;
}
.mailster-form.mailster-form-1 .submit-button {
	width: 100%;
}
.mailster-wrapper.mailster-lastname-wrapper {
    clear: both;
}
.grecaptcha-badge { 
    visibility: hidden; /*recapcha batch verbergen*/
}
.mailster-form ul.mailster-list::before {
    content: "Ik meld me aan voor de:";
	display: block;
    margin-bottom: 4px;
}
.mailster-form .mailster-list-description,
.mailster-form .mailster-lists-wrapper > label {
	display:none;
}

.mailster-form .mailster-lists-wrapper ul.mailster-list {
	font-size:0.9em;
	background-color: var(--color-wit);
	padding:5px 8px;
	color: var(--color-zwart);
}



/* ================================= OVER HOVO =================================== */

ul#menu-over-hovo {
    list-style-type: none;
    padding: 0 20px;
}
ul#menu-over-hovo li {
    border-bottom: 1px solid;
    line-height: 1.3em;
    padding:10px;
    text-transform: uppercase;
}
ul#menu-over-hovo li:first-child {
    border-top: 1px solid;
}

/* ============ ACCORDION =========== */
.wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading,
.wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover,
.wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: var(--color-extralichtgrijs);
}
.wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a,
.wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a{
    color: var(--color-rood);
    font-weight: normal;
}
.vc_tta-panel .vc_row.vc_inner {
    margin-top:0;
    margin-bottom:0;
}
.vc_tta-panel .vc_tta-panel-body .vc_row.vc_inner {
    margin-bottom: 1.5em;
}
.vc_tta-panel .vc_tta-panel-body .vc_row.vc_inner.medewerker {
    margin-bottom: 2em;
}

/* ============ LOCATIES EN BERTEIKBAARHEID =========== */
.page-locaties-en-bereikbaarheid .vc-hoverbox-front {
    background-size: contain;
    background-repeat: no-repeat;
}
.page-locaties-en-bereikbaarheid .vc-hoverbox-block-inner {
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: var(--color-rood);
    width: 100%;
}
.page-locaties-en-bereikbaarheid .vc-hoverbox > .vc-hoverbox-inner {
    min-height: 150px !important;
}
.locaties-hoverboxen .vc_row.vc_inner {
    margin: 0 -15px 35px -15px;
}
.page-locaties-en-bereikbaarheid .vc-hoverbox-back-inner {
    position: absolute;
    bottom: auto;
    background-color: rgba(255,255,255,0.00);
    padding: 5px 10px !important;
}
.vc-hoverbox-block-inner h2 {
    font-size: 1em;
    text-transform: uppercase;
    line-height: 18px;
}
.vc-hoverbox-back-inner p {
    line-height: 1.3em;
}
.vc-hoverbox-back-inner a:hover {
    color: inherit;
}

/* ============ ALLE DOCENTEN =========== */

.page-alle-docenten .docentafbeelding {
    border-radius: 50%;
}
.docenten-grid .vc_grid-item-zone-c-right .vc_gitem-animated-block {
    width: 30%;
}
.docenten-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c {
    width:70%;
    padding-left:10px;
}
.docenten-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c a {
    padding:10px 0 0 0;
}
.docenten-grid .vc_grid-item-zone-c-right .vc_grid-item-mini {
    display: flex;
    align-items: center;
}
.docenten-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c .vc_btn3-container {
    margin-left:0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.docenten-grid .vc_gitem-post-meta-field-wpcf-schermnaam {
    color: var(--color-rood);
    font-weight: bold;
}

/* ============ VRIENDEN =========== */
.page-vrienden-van-hovo-utrecht .vc_row.vc_inner.rij-formulier {
    display: none;
}
.formulier-klein_wrapper {
    padding: 10px 0 0 0;
    border-top: 4px solid var(--color-rood);
}
.formulier-klein_wrapper .formulier-klein {
    border:none;
    margin-top:0;
}

/* ================================= BUREAU =================================== */
.wpDataTables.wpDataTablesWrapper table {
    font-size: 0.75em;
    line-height:1.1;
}
.wpDataTables.wpDataTablesWrapper table th {
    
}


.page-aanmeldingen #content,
.page-cursisten #content,
.page-deelnemerslijsten #content,
.page-tellingen #content,
.page-aanmeldingen-kerstbijeenkomst-2020 #content {
    margin-top:2em;
}
.page-aanmeldingen .wpdt-c,
.page-cursisten .wpdt-c,
.page-deelnemerslijsten .wpdt-c,
.page-tellingen .wpdt-c {
    padding: 0 15px;
}

/* ================================= WOOCOMMERCE ARCHIVE =================================== */

.woocommerce-breadcrumb {
    display: none;
}

.woocommerce-page.archive p.woocommerce-info {
    border:none;
    padding-left: 0;
}
.woocommerce-page.archive p.woocommerce-info::before {
    content:"";
}

.woocommerce-page #sidebar {
    width:100%; /*fallback*/
    width:100vw;
    background-image: url(/wp-content/uploads/2020/01/header.jpg);
    background-position: center center;
    background-size: cover;
    margin-left:-50vw;
    position: relative;
    left: 50%;
    padding:50px;
}

.woocommerce-page.term-nijmegen #sidebar {
    background-image: url(/wp-content/uploads/2021/04/header-nijmegen-8-1.jpg);
}
.woocommerce-page.term-rotterdam #sidebar {
    background-image: url(/wp-content/uploads/2022/12/header-rotterdam.jpg);
}
.woocommerce-page.term-geschiedenis #sidebar {
    background-image: url(/wp-content/uploads/2020/01/geschiedenis.jpg);
}
.woocommerce-page.term-economie-en-recht #sidebar {
    background-image: url(/wp-content/uploads/2020/01/economie-en-recht.jpg);
}
.woocommerce-page.term-filmwetenschap #sidebar {
    background-image: url(/wp-content/uploads/2020/01/filmwetenschap.jpg);
}
.woocommerce-page.term-mens-en-maatschappij #sidebar {
    background-image: url(/wp-content/uploads/2020/01/mens-en-maatschappij.jpg);
}
.woocommerce-page.term-kunst-en-cultuur #sidebar {
    background-image: url(/wp-content/uploads/2020/01/kunst-en-cultuur.jpg);
}
.woocommerce-page.term-wijsbegeerte #sidebar {
    background-image: url(/wp-content/uploads/2020/01/wijsbegeerte.jpg);
}
.woocommerce-page.term-natuurwetenschappen #sidebar {
    background-image: url(/wp-content/uploads/2020/01/natuurwetenschappen.jpg);
}
.woocommerce-page.term-cursus-met-studiereis #sidebar {
    background-image: url(/wp-content/uploads/2020/01/studiereis.jpg);
}

.archive.tax-product_cat .woocommerce-info {
    border-top: none;
    padding:0;
    background-color:transparent;
    color:var(--color-zwart);
}
.archive.tax-product_cat .woocommerce-info:before {
    content:"";
}


/* START filter */
.woocommerce-page li.active-result.woof-padding-1 {
    display:none;
}
.woof_submit_search_form_container {
    display: none;
}
aside.WOOF_Widget {
    width: 66%;
    margin:0 auto;
}
.WOOF_Widget .woof_redraw_zone {
    width: 100%;
    margin-top:30px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.woof_redraw_zone > div.woof_container {
    width:40%;
    display: inline-block;
    margin-right:4%;
}
div.woof_container .chosen-container .chosen-results li.disabled-result {
    display:none;
}

/* END filter */

form.woocommerce-ordering {
	display:none;
}

header.woocommerce-products-header {
    margin: 40px 0;
}
.woocommerce form.woocommerce-ordering {
    margin-top:40px;
}
.woocommerce ul.products li.product a img {
    margin:0 0 0.5em 0;
}

.home-categorieen .woocommerce ul.products li.product a img {
	aspect-ratio: 600 / 450;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.25em;
    padding: 0.5em 10px 0.25em 10px;
    font-weight: 700;
}
.cursus-meta {
    padding: 0 10px 0 10px;
}
.cursus-meta > div {
    display: inline-block;
    font-size: 0.8em;
    color: var(--color-grijs);
    line-height:1.2em;
}
.cursus-samenvatting {
    padding: 16px 10px 20px 10px;
    line-height: 1.4;
}

.docent-container {
    width: 70%;
    display: inline-block;
    padding: 0 10px 0 10px;
}

.docent-in-overzicht > .js-wpv-view-layout {
    display: table;
    float: left;
    vertical-align: middle;
}

.docent-in-overzicht img {
    max-width:30px;
    border-radius: 100%;
    display: table-cell;
    vertical-align: middle;
    margin-right:10px;
}
.docent-in-overzicht .docentnaam {
    display: table-cell;
    vertical-align: middle;
    font-size:0.75em;
    line-height:0.75em;
}
.docent-container span {
    font-size:0.75em;
    margin-left:0.5em;
}

.woocommerce ul.products li.product .button.meer-lezen-overzicht {
    max-width: 29%;
    float: right;
    text-align: center;
    margin-top: 0;
    margin-right:10px;
    padding:9px;
    font-size:0.8em;
    line-height:0.8em;
    background-color: var(--color-zwart);
    border-radius: 3px;
    color: var(--color-wit);
}

.wachtlijst {
    position: absolute;
    top: 0;
    padding: 10px 16px;
    background: #323232;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
}
.archive.term-cursus-met-studiereis .cursus-startdatum,
.archive.term-cursus-met-studiereis .meta-separator{
    display:none;
}
ul.products.columns-3 { /*maakt producten in een rij even hoog*/
    display: flex;
    flex-wrap: wrap;
}

.archive .externe-cursus {
    position: absolute;
    top: 0;
    padding: 10px 16px;
    background: #323232;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
}

.woocommerce ul.products li.product-type-external .externe-cursus {
    position: absolute;
    top: 0;
    padding: 6px 10px;
    background: #323232;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.label-gestart {
    position: absolute;
    top: 0;
	right:0;
    padding: 6px 10px;
    background: var(--color-rood);
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}



.page-nijmegen .woocommerce ul.products li .cursus-meta,
.page-nijmegen .woocommerce ul.products li .cursus-samenvatting,
.page-nijmegen .woocommerce ul.products li a.button.meer-lezen-overzicht,
.page-nijmegen .woocommerce ul.products li .docent-container {
	display:none;
}

.page-nijmegen .woocommerce ul.products li h2.woocommerce-loop-product__title {
	color: var(--color-zwart);
	font-size:1em;
	position: absolute;
	bottom:2em;
	width: 100%;
	background: rgba(255,255,255,0.65);
	padding:0.5em 10px 0.5em 10px;
	text-align: center;
}

h1.tussenkopje-shop {
    margin-bottom: 1.5rem;
    background-color: var(--color-rood);
    color: var(--color-wit);
    padding: 0.8rem 1.5rem;
}
a.rode-knop.naar-onderwijsaanbod {
    margin-bottom: 2em;
}

/* ================================= SINGLE COURSE =================================== */
.single-product #sidebar {
    display:none;
}
.outofstock .woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 2em;
}


.single-product main {
    width: 100%;
}
.single-product .product {
    padding-top:30px;
    overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.single-product .cursus-links {
	flex-basis: 76%;
    /*width: 76%;
    float: left;*/
    padding-right: 4%;
    border-right: 1px var(--color-rood) solid;
	flex-grow: 1;
 
}
.woocommerce div.product h1.product_title {
	font-size: 2em;
	line-height: 1.1;
}
h4.ondertitel {
    margin-bottom: 20px;
    color:var(--color-zwart);
}
.single-product .cursusinformatie .beschrijvingstekst h2 {
	font-size: 1em;
	margin-top:1em;
	margin-bottom:2px;
	color:var(--color-zwart);
	font-weight: bold;
}

.single-product .product .cursusgegevens {
	display:none;
    /*display: flex;*/
    justify-content: space-between;
}
.single-product tr.cursusgegevensrij.cursus-docenten > td > table {
    width: 100%;
}

.single-product .woocommerce-product-gallery.video {
	width:50%;
	float: left;
	margin:6px 30px 20px 0;
}

.single-product .product .cursusgegevens > .docent-in-overzicht,
.single-product .product .cursusgegevens > .categorie,
.single-product .product .cursusgegevens > .cursusnummer,
.single-product .product .cursusgegevens > .locatie {
    float:left;
    width:25%;
    display:table;
}

.single-product .cursusgegevens .label,
.single-product .cursusgegevens .waarde {
    display: table-cell;
}

.single-product .cursusgegevens .label svg {
    width: 40px;
    height: 40px;
    fill:var(--color-grijs);
}
.single-product .cursusgegevens .label {
    width:50px;
}

.single-product .extratekst {
	margin-bottom:30px;
}
.single-product .extratekst p {
	font-size: 0.8em;
	font-weight:700;
}
.single-product .card-body .formulier-klein_wrapper {
	border-top:none;
	margin-top:0;
	padding:0;
}
.single-product .card-body .formulier-klein_wrapper .gform_heading,
.single-product .card-body .formulier-klein_wrapper .gform_description,
.single-product .card-body .formulier-klein_wrapper .formulier-klein {
	margin-bottom: 0;
	margin-top:0;
}
#collapseFormulier .card-body {
	padding:0;
}
.cursusinformatie ul {
	margin-left:1em;
}
.cursusinformatie ul li {
	position: relative;
    left: 1em;
    padding-right: 1em;
}

.docent-op-cursuspagina {
	margin-bottom: 1em;
	clear: both;
}
.cursus-docenten h3 {
	margin-bottom:0;
}

.single-product iframe {
	max-width:100%;
}
.docent-op-cursuspagina img {
    max-width:90px;
    border-radius: 100% 100% 0 100%;
    margin-right:10px;
	margin-bottom: 10px;
	float:left;
}
.docent-op-cursuspagina .docentomschrijving p {
	font-weight: 400;
	font-size:0.85em;
	line-height: 1,4em;
}

.docent-container-single .toevoeging {
    overflow: hidden;
    margin: 0.5em 0.5em 0.5em 0;
    display: inline-block;
	width: 100%;
}

.docent-container-single .toevoeging span {
    font-size: 0.75em;
    height: 40px;
}

.single-product .cursusdocent {
    display: table-row;
}
.docent-container-single .docent-in-overzicht {
    overflow: hidden;
    margin-bottom:0.5em;
    margin-right:0.5em;
    display: inline-flex;
}
.single-product .docent-in-overzicht img {
    max-width:40px;
}

.single-product .docent-in-overzicht .docentnaam,
.single-product .cursusgegevens .waarde {
    font-size: 0.8em;
}

.single-product .accordion-deel {
    width: 60%;
    float: left;
	display: flex;
	flex-grow: 1;
}
.single-product .accordion-deel .accordion {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.single-product .accordion-deel .accordion .card {
	border-radius: 0;
	border: none;
	margin-bottom: 20px;
}
.single-product .accordion-deel .accordion .card .card-header {
	padding: 1em 1.5em;
	background-color: var(--color-extralichtgrijs);
	border-radius: 0;
	border-bottom: none;
	margin-bottom:0;
}
.single-product .accordion-deel .accordion .card .card-header.collapsed {
	
}

.single-product .accordion-deel .accordion .card .card-header h2 button {
	padding:0;
	color:var(--color-rood);
	font-size:1.1rem;
	font-weight:600;
}
.single-product .accordion-deel .accordion .card .card-header.collapsed h2 button {
	font-weight:400;
}

.single-product .accordion-deel .accordion .card .card-header button i {
	color:var(--color-wit);
	margin-right: 0.5em;
	margin-top: 0.3em;
	float:right;
}
.single-product .accordion-deel .accordion .card .card-header.collapsed button i {
	color:var(--color-zwart);
}
.single-product .accordion-deel .accordion .card .card-header button i.fa-plus {
	display: none;
}
.single-product .accordion-deel .accordion .card .card-header button i.fa-minus {
	display: inline-block;
}
.single-product .accordion-deel .accordion .card .card-header.collapsed button i.fa-minus {
	display: none;
}
.single-product .accordion-deel .accordion .card .card-header.collapsed button i.fa-plus {
	display: inline-block;
}

.single-product .accordion-deel .accordion .card-body {
	padding: 0 1rem 0 1rem;
	border-left: solid 0.5rem var(--color-extralichtgrijs);
	border-right: solid 0.5rem var(--color-extralichtgrijs);
	border-bottom: solid 0.5rem var(--color-extralichtgrijs);
}
.single-product .accordion-deel .accordion #collapseDocenten .card-body {
	padding: 0.1rem 1.5rem 0.8rem 1rem;
}

.single-product .cursusinformatie {
	margin-bottom:30px;
}
.single-product .accordionform-deel {
	margin-top: 1em;
}
.single-product .accordionform-deel .accordion .card {
	border:none;
}

.single-product .accordionform-deel .accordion .card .card-header {
	background-color: var(--color-zwart);
	border-radius: 3px 3px 0 0;
	border: 1px var(--color-zwart) solid;
	margin-bottom: 0;
	padding: 0.5rem 1rem;
}
.single-product .accordionform-deel .accordion .card .card-header.collapsed {
	border-radius: 3px;
}
.single-product .accordionform-deel .accordion .card .card-header h2 button {
	padding:0;
	color:var(--color-wit);
	font-size:1rem;
}
.single-product .accordion-deel .accordion .card.cursusprogramma .card-body {
	background-color: var(--color-extralichtgrijs);
	padding:0 1rem 1rem 1rem;
	font-size:0.9em;
}
.single-product .accordion-deel .accordion .card.cursusprogramma .card-body h3 {
	color: var(--color-zwart);
	font-weight: bold;
	font-size: 0.9rem;
	margin: 1em 0 2px 0;
}
.single-product .accordion-deel .accordion .card.cursusprogramma .card-body h3:first-of-type {
	margin-top:0;
}
.single-product .accordion-deel .accordion .card.cursusprogramma .card-body p:last-child {
	margin-bottom: 0;
}
.single-product .cursus-links .onderstedeel {
	width: 100%;
    display: flex;
    flex-direction: row;
}
.woocommerce.single-product #content div.product div.images,
.woocommerce .single-product div.product div.images {
    width:50%;
    margin-top:6px;
	margin-right:30px;
	margin-bottom: 20px;
}
.woocommerce.single-product #content div.product div.summary,
.woocommerce div.product div.summary{
    width:21%;
    padding-top:10px;
	flex-basis: 24%;
	padding-left: 2%;
	margin-bottom: 0;
	flex-grow: 1;
}
.woocommerce.single-product #content div.product.product-type-variable div.summary {
    width: 20%;
    padding-top: 20px;
}

.woocommerce .single_add_to_cart_button.button.alt {
    width: 100%;
    padding:20px;
    font-size:1em;
    line-height:1em;
    background-color: var(--color-rood);
    border-radius: 3px;
    color: var(--color-wit);
    font-weight: 700;
    text-transform: uppercase;
}

.woocommerce .single_add_to_cart_button.button.alt:hover {
    background-color: var(--color-zwart);
}
button.single_add_to_cart_button.button.alt:after {
    /*font-family: fontAwesome;*/
	font: var(--fa-font-solid);
    content: " \f30b \20 \f291";
	font-size: 1.2em;
}


.single-product .summary .quantity {
    display: none;
}
p.stock.in-stock {
    display:none;
}

.woocommerce.single-product div.product form.cart,
.woocommerce.single-product div.product p.cart{
    margin: 2em 0 1.5em 0;
}

.single-product table.cursusgegevenstabel {
    width: 100%;

}
.cursusgegevensrij {
    font-size:0.95em;
}
.single-product .cursusgegevensrij .icoon svg {
    width: 40px;
    height: 40px;
    fill:var(--color-grijs);
}
.single-product .cursusgegevensrij {
    border-bottom: thin solid var(--color-rood);
}
.single-product .cursusgegevensrij > td > table {
	margin:10px 0 10px 0;
} 

.single-product table.cursusgegevenstabel tbody .cursusgegevensrij:last-child {
    border-bottom: none;
}

.single-product .cursusgegevensrij td.icoon {
    width:56px;
}
.single-product .cursusgegevensrij span.waarde {
    font-weight: bold;
}
.cursusgegevensrij td.opmerking,
.cursusgegevensrij p.opmerking {
    font-size: 0.8em;
    padding-top:0;
}
.cursusgegevensrij p.opmerking {
	margin-bottom: 0;
}

.single-product tr.cursusgegevensrij.cursus-locatiedetail {
	background-color: var(--color-extralichtgrijs);
	/*border-left: 3px solid var(--color-rood);*/
}
.single-product .cursusgegevensrij.cursus-locatiedetail .icoon svg {
    width: 70px;
    height: 70px;
    fill: var(--color-wit);
}
.single-product .cursusgegevensrij.cursus-locatiedetail td.inhoud {
    padding: 0 1em 0 0;
}

.single-product .woocommerce-product-gallery__wrapper .onderschrift {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba( 30, 30, 30, 0.5 );
    font-size: 0.8em;
    color: var(--color-wit);
}
.single-product .woocommerce-product-gallery__wrapper .onderschrift p {
    padding:6px 10px;
    margin-bottom:0;
}

.single-product .woocommerce-tabs .cursusafbeeldingen {
    max-width: 25%;
    float: left;
    margin-right: 30px;
}
.single-product .gform_legacy_markup_wrapper .top_label .gfield_label {
	margin-bottom: 0;
}

.single-product .woocommerce-tabs .cursusafbeeldingen img {
    margin-bottom:20px;
}

.single-product .woocommerce-tabs .cursusafbeeldingen img:last-child {
    margin-bottom:0;
}

.single-product .accordion-deel ul.docenten-loop {
    outline-style-type:none;
    padding-left: 0;
}
.single-product .accordion-deel ul.docenten-loop li {
    margin-top:30px;
}
.single-product .accordion-deel ul.docenten-loop li .portret {
    display:table-cell;
    /*width:30%;*/
    padding-right:20px;
	vertical-align: middle;
}
.single-product .accordion-deel ul.docenten-loop li img {
    border-radius: 50%;
}
.single-product .accordion-deel ul.docenten-loop li .info {
    display:table-cell;
    vertical-align: middle;
	padding-left:0;
}
.single-product .accordion-deel ul.docenten-loop li .info p {
	margin-bottom: 0;
}
.single-product .accordion-deel ul.docenten-loop li .info h3 {
    font-size: 1.1em;
    font-weight:bold;
}
.single-product .accordion-deel ul.docenten-loop li .info h3 a {
    color:inherit;
}
.single-product .accordion-deel ul.docenten-loop li {
	display:table;
}


.single-product .formulier-klein_wrapper .formulier-klein {
    border-width: 0 2px 2px 2px;
	border-color: var(--color-grijs);
	border-style: solid;
    border-radius: 0;
    margin-top:40px;
    padding:20px;
}

.single-product .formulier-klein input#gform_submit_button_1 {
    color: var(--color-wit);
}

.extra {
    border-right: var(--color-rood) solid 1px;
    padding-right:20px;
    margin-right:20px;
}
ul.extra-afbeeldingen {
    list-style-type: none;
    padding-left:30px;
	width: 40%;
	display: flex;
	    flex-direction: column;
}

ul.extra-afbeeldingen .onderschrift {
    font-size:0.8em;
    line-height:1.2;
    margin: 6px 0 10px 0;
}

.single-product table.praktisch {
    border-collapse:separate; 
    border-spacing:0 15px; /* ruimte tussen rijen */
}
.single-product tr.praktisch-rij td {
    vertical-align: top;
}
/* .praktisch-rij td div p:last-child {
    margin-bottom: 0;
} */
.praktisch-rij td.label {
    padding-right:10px;
    font-weight: 700;
}

/* video over de hele breedte in tab */
.single-product .video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.single-product .video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
input:not([type=submit]),
textarea {
    border: 2px solid var(--color-grijs);
    color: var(--color-donkergrijs);
    font-weight: 400;
    font-size:0.9em !important;
    padding:5px 8px !important;
}

.woof_sid_widget input:not([type=submit]), .woof_sid_widget textarea {
    color: var(--color-zwart) !important;
    font-weight: 600;
    font-size: 1.3em !important;
    padding: 5px 0px 5px 8px !important;
    width: 100% !important;
}

.woof_sid_widget .chosen-container {
	border: solid 2px var(--color-rood);
}
.widget-woof p.widget-title {
    font-size: 2em;
    font-family: 'Georgia', serif;
    color: var(--color-zwart);
    font-weight: bold;
    text-align: center;
}

.gform_wrapper.formulier-klein_wrapper .formulier-klein .field_sublabel_below .ginput_complex.ginput_container label {
    font-size: 0.7em;
    letter-spacing: 0;
}
.gform_wrapper .mailform .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    border: var(--color-rood);    
}

.gform_wrapper.formulier-klein_wrapper .gform_legacy_markup .gf_name_has_3.ginput_container_name span.name_last {
	width:100%;
}
.gform_wrapper.formulier-klein_wrapper .gform_legacy_markup .gf_name_has_3.ginput_container_name span.name_first,
.gform_wrapper.formulier-klein_wrapper .gform_legacy_markup .gf_name_has_3.ginput_container_name span.name_middle {
	width: 50%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: var(--color-grijs) solid 2px;
    padding:0 0 0 0.4em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs > li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs > li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active::after{
    box-shadow: none;
    border-bottom-right-radius: 0;
    border-width: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li {
    border: 1px solid #C4C4C4;
    border-radius: 8px 8px 0 0;
    margin-right: 6px;
    background: var(--color-wit);
    margin-bottom: -1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active {
    background:var(--color-rood);
    border-color:var(--color-rood);
    color:var(--color-wit);
    border-bottom:1px solid var(--color-rood);
    margin-bottom: -2px;
}
.woocommerce-message p:last-child,
.woocommerce-info p:last-child {
    margin-bottom: 0;
}

.woocommerce-message,
.woocommerce-info {
    margin: 3em 0 2em 0;
    border: 3px solid var(--color-groen);
    background-color: #ffffff;
    color:var(--color-zwart);
}
.woocommerce-message::before {
    color: var(--color-groen);
}
.woocommerce-info::before {
    color: var(--color-groen);
    content:"\f05a";
    /*font-family: FontAwesome;*/
	font: var(--fa-font-solid);
    font-size: 1.8em;
    position: absolute;
    top: 0.15em;
    left: 0.6em;
}

.woocommerce-message a.button.wc-forward {
    max-width: 16em;
    margin-left: 2em;
    text-align: center;
    line-height: 1.2;
    background: var(--color-groen);
    color: var(--color-wit);
}

.woocommerce div.product p.out-of-stock {
    clear: both;
    padding: 6px 10px;
    background-color: var(--color-grijs);
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
	margin-top: 2em;
}
.woocommerce div.product .outofstock_wl_notifyme {
    padding: 10px;
    border:2px solid var(--color-grijs);
	margin-bottom: 1.5em;
}
.cursus-links .outofstock_success_msg {
    margin-bottom:3em;
}
.outofstock_wl_notifyme p {
    margin-bottom: 0;
}
.outofstock_wl_notifyme p.custom_message {
    margin-bottom: 6px;
}
.outofstock_wl_notifyme input[type=submit] {
    color: var(--color-wit);
    background-color: var(--color-zwart);
    border: 1px solid var(--color-zwart);
    border-radius:3px;
    font-weight: bold;
    padding: 10px 12px;
}

p._wl_notifymeptag {
    display: flex;
    flex-direction: column;
	line-height:0.7;
}
.inschrijvingsstop { 
    padding: 6px 10px;
    background: var(--color-grijs);
    color: var(--color-wit);
    font-weight: bold;
    clear: both;
    margin: 2em 0 1.5em 0;
    text-transform: uppercase;
    border:1px solid var(--color-grijs); 
    border-radius: 3px;
    text-align: center;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
	background: var(--color-grijs);
	border:1px solid var(--color-grijs); 
}

.woocommerce div.product form.cart .variations {
	margin-bottom: 0;
}

.woocommerce div.product form.cart .variations label {
	margin-bottom:0;
}
.woocommerce div.product form.cart .reset_variations {
	display:none;
}
.woocommerce-variation-price {
	margin-bottom:1em;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--color-zwart);
    font-size: 1em;
	font-weight:bold;
}
.woocommerce-variation-add-to-cart .quantity {
	display:none !important;
}


/* STUDIEREIS */
.product-cat-cursus-met-studiereis button.single_add_to_cart_button {
    display: none;
}

/* EXTERN PRODUCT */
.single_add_to_cart_button {
	text-align: center;
}

.woocommerce-page.single-product.extern #content div.product .cursus-links .accordion-deel,
.woocommerce-page.single-product.extern #content div.product .cursusgegevensrij.cursus-categorie,
.woocommerce-page.single-product.extern #content div.product .cursusgegevensrij.cursus-code,
.woocommerce-page.single-product.extern .docent-op-cursuspagina .docentomschrijving,
.woocommerce-page.single-product.extern .cursus-locatiedetail p.opmerking,
.woocommerce-page.single-product.extern .summary .accordionform-deel {
	display: none !important;
}

.woocommerce-page.single-product.extern .docent-op-cursuspagina > div {
	display:flex;
	align-items: center;
}
 
.single-product.extern .cursus-links {
	width:50%;
}
.woocommerce.single-product.extern #content div.product div.summary {
	width:48%;
}



/* CATEGORIE OVERIG */

.single-product.product-cat-overig .summary.entry-summary .accordionform-deel,
.single-product.product-cat-overig .summary.entry-summary .cursusgegevenstabel .cursus-prijs,
.single-product.product-cat-overig .summary.entry-summary .cursusgegevenstabel .cursus-soort,
.single-product.product-cat-overig .summary.entry-summary .cursusgegevenstabel .cursus-categorie,
.single-product.product-cat-overig .cursusgegevens .categorie {
	display: none;
}

/* ================================= SINGLE DOCENT =================================== */

.single-docent .flex-row.docent {
    margin:0 -15px 40px -15px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-image:url(afbeeldingen/header.jpg);
}

.single-docent .categorie-docent-wijsbegeerte > .flex-row.docent {
    background-image: url(afbeeldingen/wijsbegeerte.jpg);
    background-position: center 20%;    
}
.single-docent .categorie-docent-kunst-en-cultuur > .flex-row.docent {
    background-image: url(afbeeldingen/kunst-en-cultuur.jpg);
    background-position: center 20%;    
}
.single-docent .categorie-docent-mens-en-maatschappij > .flex-row.docent {
    background-image: url(afbeeldingen/mens-en-maatschappij.jpg);
    background-position: center 20%;    
}
.single-docent .categorie-docent-natuurwetenschappen > .flex-row.docent {
    background-image: url(afbeeldingen/natuurwetenschappen.jpg);
    background-position: center 60%;    
}
.single-docent .categorie-docent-geschiedenis > .flex-row.docent {
    background-image: url(afbeeldingen/geschiedenis.jpg);
    background-position: center 20%;    
}
.single-docent .categorie-docent-economie-en-recht > .flex-row.docent {
    background-image: url(afbeeldingen/economie-en-recht.jpg);
    background-position: center 20%;    
}
.single-docent .categorie-docent-filmwetenschap > .flex-row.docent {
    background-image: url(afbeeldingen/filmwetenschap.jpg);
    background-position: center 20%;    
}

.single-docent .flex-row > .container {
    display: flex;
    direction:row;
    align-items:stretch;
}

.single-docent .portret {
    padding:0;
}
.single-docent .portret img {
    width: 80%;
    height: auto;
    margin: 15% 10% 15% 0;
    border-radius: 50%;
}

.single-docent .informatie {
    margin: auto 0 auto -1.5em;
}

.single-docent .docentnaam {
    font-weight: bold;
    font-size: 2em;
    color:var(--color-wit);
}

.single-docent .container.cursussen h2 {
    margin-top:2em;
    padding-top:2em;
    border-top:4px solid var(--color-lichtgrijs);
    margin-bottom:1.5em;
}

.single-docent .container.cursussen img {
    margin-right: 1.5em;
}

.container.cursussen div.row-fluid div.wpv-loop {
    padding-bottom:1em;
    margin-bottom: 1em;
    border-bottom:2px solid var(--color-grijs);
}
.container.cursussen div.row-fluid div.wpv-loop:last-child {
    border-bottom:none;
}
.container.cursussen .info,
.container.cursussen .knop {
    display: block;
    margin:auto auto auto 0;
}
.container.cursussen .info a.button {
    margin-top:0.5em;
}
.button.button-docent-overzicht {
    width: 50%;
    float: right;
}


/* ================================= EVALUATIEFORMULIER =================================== */

.single-evaluatieformulier .flex-row.evaluatieheader {
	flex: 0 0 100%;
    margin:0 -15px 40px -15px;
	padding: 5em 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-image:url(afbeeldingen/header.jpg);
}
.single-evaluatieformulier .flex-row.evaluatieheader h1 {
	text-align: center;
}
.single-evaluatieformulier .gform_heading h2.gform_title {
	font-weight: bold;
	margin-bottom:1.5em;
}
.single-evaluatieformulier .gform_wrapper.gravity-theme .gf_progressbar_title {
    color: var(--color-donkergrijs);
}
.single-evaluatieformulier .gform_wrapper.gravity-theme .gf_progressbar_percentage > span {
	display:none;
}
.single-evaluatieformulier .gform_wrapper.gravity-theme .gf_progressbar_percentage {
    border-radius: 6px;
    height: 10px;
}
.gf_progressbar_wrapper {
	margin-bottom: 2em;
}
.gform_wrapper.gravity-theme input.gform_next_button.button {
	background-color: var(--color-zwart);
	color: var(--color-wit);
	border:1px solid var(--color-zwart);
	border-radius:5px;
	float:right;
}
.gform_wrapper.gravity-theme input.gform_previous_button.button {
	background-color: var(--color-wit);
	color: var(--color-zwart);
	border:1px solid var(--color-zwart);
	border-radius:5px;
	float:left;
}
.gravity-theme table.gsurvey-likert td.gsurvey-likert-row-label {
	text-align:left;
	line-height:1.1;
	padding: 8px 3px 8px 10px;
	width:30%;
}

.gravity-theme table.gsurvey-likert thead tr .gsurvey-likert-row-label {
	background-color: var(--color-wit) !important;
	border-top: 1px solid var(--color-wit);
	border-left: 1px solid var(--color-wit);
}

.single-evaluatieformulier .gform_wrapper.gravity-theme .gform_body .gform_fields label.gfield_label.gform-field-label {
	margin-bottom:1em;
}

.single-evaluatieformulier .gravity-theme table.gsurvey-likert td.gsurvey-likert-choice {
	height:40px;
}
.single-evaluatieformulier input[type=submit].gform_button.button {
	background-color: var(--color-rood);
	border:1px solid var(--color-rood);
	border-radius:5px;
	font-weight:bold;
	align:center;
	float: right;
}
.gform_page {
    margin-bottom: 3em;
}
.single-evaluatieformulier input::-webkit-input-placeholder {
	color : red !important;
}
.single-evaluatieformulier input::-webkit-input-placeholder {
	opacity : 0;
}
.single-evaluatieformulier .gfield--type-radio.likert-like legend.gfield_label {
	margin-bottom: 0.5em !important;
}
.single-evaluatieformulier .gform_wrapper.gravity-theme .gfield.gf_list_3col.gfield--type-radio.likert-like .gfield_radio,
.single-evaluatieformulier .gform_wrapper.gravity-theme .gfield.gf_list_5col.gfield--type-radio.likert-like .gfield_radio{
	grid-column-gap: 0;
}
.single-evaluatieformulier .gfield--type-radio.likert-like .gchoice {
	display: flex;
    flex-direction: column-reverse;
    align-items: center;
	padding-bottom: 14px;
	gap:14px 0;
	border: 1px solid var(--color-lichtgrijs);
	border-left:none;
}
.single-evaluatieformulier .gfield--type-radio.likert-like .gchoice:first-child, 
.single-evaluatieformulier .gfield--type-radio.likert-like .gchoice:nth-child(6) {
	border-left: 1px solid var(--color-lichtgrijs);
}
.gform_wrapper.gravity-theme .gfield--type-radio.likert-like .gchoice .gfield-choice-input+label {
	max-width:unset;
}
.single-evaluatieformulier .gfield--type-radio.likert-like .gchoice label.gform-field-label,
.single-evaluatieformulier .gfield--type-radio.likert-like .gchoice input.gfield-choice-input {
	font-size:1.1em !important;
}
.single-evaluatieformulier .gfield--type-radio.likert-like .gchoice label.gform-field-label {
	padding:6px;
	width:100%;
	text-align: center;
	font-weight: bold;
	flex-grow: 1;
	background-color: var(--color-extralichtgrijs);	
}
.single-evaluatieformulier .gfield--type-radio.likert-like .gchoice input.gfield-choice-input {
	width:100%;
	text-align: center;
}
.gv-table-container th {
	color: var(--color-rood);
}
.gv-table-container tbody tr {
	background-color: var(--color-wit);
}
.gv-table-container tbody tr.alt {
	background-color: var(--color-extralichtgrijs);
}

/* ================================= EVALUATIE RAPPORTAGE =================================== */

.single-gravityview h3 {
	font-size:1.1em;
	font-weight: bold !important;
}
.gv-table-view thead, .gv-table-view tbody {
	vertical-align: top;
}
.gv-table-view tfoot {
	display:none;
}
.gv-widget-custom-content > .container-fluid > .row:last-child {
	margin-bottom:3em;
}


/* ================================= WOOCOMMERCE MY ACCOUNT =================================== */
li.woocommerce-MyAccount-navigation-link--dashboard,
li.woocommerce-MyAccount-navigation-link--downloads,
li.woocommerce-MyAccount-navigation-link--edit-address {
    display:none;
}
.woocommerce-account #content.container-fluid {
    margin-top:3em;
}

.woocommerce-account .col2-set .col-1 {
	width:30%;
    max-width:30%;
    padding-right:2em;
}

.woocommerce-account .col2-set .col-2 {
	width:70%;
    max-width: 70%;
    border-left:var(--color-rood) 1px solid;
    padding-left:2em;
}

/* betaalknop voor overboekingen verbergen in my account */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .woocommerce-button.button.pay,
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .woocommerce-button.button.cancel {
    display:none;
}

.wppb-error, .wppb-warning {
    border: 2px solid var(--color-rood);
    background: var(--color-wit);
}
.wppb-error a, .wppb-warning a,
.wppb-error a:hover, .wppb-warning a:hover {
    color: var(--color-rood) !important;
}
.login-action-lostpassword.wp-core-ui #login h1 {
    display: none;
}
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
    display: none;
}
.woocommerce-account .woocommerce {
    display: flex;
    justify-content: space-between;
}
.woocommerce-account .linkerkolom {
    flex-basis: 25%;
    flex-shrink:2;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    flex-basis: 68%;
}
.woocommerce-account .gegevens {
    border:1px solid var(--color-rood);
    padding:1em 1em 0.4em 1em;
    margin-bottom: 1em;
}

.woocommerce-account h5 {
    font-weight: bold;
    color: var(--color-rood);
    font-size:0.8em;
    margin-bottom:1px;
}

.woocommerce-account .account-extra a.cart-contents {
    display: block;
    padding:6px 10px;
    margin-bottom: 1em;
}

.woocommerce-account .account-extra a.cart-contents .cart-contents-count {
    background:var(--color-wit);
    color:var(--color-zwart);
    margin-right:8px;
}

.woocommerce-account .account-extra a.cart-contents:hover .cart-contents-count {
    color:var(--color-rood);
}

.woocommerce-account .account-extra a.cart-contents::before {
    vertical-align: middle;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    margin-bottom: 2em;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    padding-left:0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul > li {
    margin-bottom: 1em;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a {
    background-color:var(--color-zwart);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    border:1px solid var(--color-zwart);
	display:inline-block;
	cursor:pointer;
	color:var(--color-wit);
	padding:10px;
	text-decoration:none;
	margin-top:0;
    text-align:center;
    line-height: 1;
    width: 100%;
    font-weight: normal;
    text-transform: uppercase;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li:hover > a,
.woocommerce-account .woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--customer-logout:hover > a {
    background-color:var(--color-rood);
    border-color:var(--color-rood);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--customer-logout > a {
    background-color: var(--color-lichtgrijs);
    border-color: var(--color-lichtgrijs);
}
mark, .mark {
    background-color: transparent;
    font-weight: bold;
}
.woocommerce-view-order .woocommerce-customer-details {
    display: none;
}
.woocommerce-account .rode-knop {
    font-weight: normal;
}
.woocommerce-account div.annuleren {
    margin-bottom: 3em;
}
.woocommerce-account .grijze-knop a {
    background-color:var(--color-lichtgrijs);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    border:1px solid var(--color-lichtgrijs);
	display:inline-block;
	cursor:pointer;
	color:var(--color-wit);
	padding:10px;
	text-decoration:none;
	margin-top:0;
    text-align:center;
    line-height: 1;
    width: 100%;
    font-weight: normal;
    text-transform: uppercase;
}

/* ================ INLOGFORMULIER / REGISTRATIEFORMULIER =====================*/

#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-username input,
#wppb-login-wrap .login-password label,
#wppb-login-wrap .login-password input {
	width:100%;
	float:none;
}
#wppb-login-wrap {margin-top:10px;}

.woocommerce-account form input[type=submit] {
    background-color: var(--color-zwart);
    border: 1px solid var(--color-zwart);
    color: var(--color-wit);
    border-radius:3px;
    font-weight: bold;
    padding: 0.7em 1em;
}
.woocommerce-account form input[type=submit]:hover {
    background-color: var(--color-rood);
    border: 1px solid var(--color-rood);
    color: var(--color-wit);
}


.register-formulier .wppb-form-field.ja-nee-vraag label {
	width: 45%;
}

.register-formulier .wppb-form-field.ja-nee-vraag > span {
	margin-left:0;
}
h6.toelichting {
	margin-top:10px;
}
/*.button-bekijken {
	background-color:#444; 
}*/
.woocommerce-account h4.cursustitel a {
	color: #DC0A3B;
}
.woocommerce-account .button-gegevens-bewerken {
	margin-bottom:10px;
}
.nd_learning_section p.login-register-lost-password {
	margin-top:20px !important;
}
.nd_learning_section p.login-register-lost-password a {
	font-weight: bold;
}
.iban-veld input {
	width: 100%;
}

.register-formulier {
	border-left:#dc0a3b 1px solid;
}


.wppb-register-user .wppb-form-field .toelichting {
    padding: 5px;
    background-color: #dc0a3b;
    margin-bottom: 6px !important;
}
.wppb-register-user .wppb-form-field .toelichting a,
.wppb-register-user .wppb-form-field .toelichting a:hover {
    color: var(--color-wit);
}

.wppb-form-field > span {
	line-height:1;
	padding-top:6px;
}

.wppb-user-forms .wppb-form-field.wppb-html {
	padding-bottom:0;
}

.wppb-form-field.ja-nee-vraag label {
	width: 35%;
}
.wppb-form-field.ja-nee-vraag .wppb-checkboxes {
	width:auto;
} 

.wppb-form-field.ja-nee-vraag > span,
.wppb-form-field.wppb-html > span {
    margin-left: 35%;
}

.wppb-user-forms .toelichting-formulier h6 {
	margin: 0 0 30px 0;
	font-weight: bold;
	color:#797979;
}

.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]), .wppb-user-forms select, .wppb-user-forms textarea {
	border-color: #A0A0A0;
	border-width: 2px;
	border-style: solid;
}

.wppb-user-forms .extra_field_heading {
	margin:30px 0 0 0;
}

.wppb-form-field.wppb-default-display-name-publicly-as.hidden {
	padding-bottom: 0;
}
 
.pum-content p,
.pum-content li {
	font-size: 15px;
	line-height: 1.5em;
}

.pum-content ol {
	list-style-position: outside;
	list-style-type: decimal;
	padding-left:20px;
}

.pum-content li {
	list-style-type: decimal;
	line-height:1.5em;
}

.buitenlandsnummer .wppb-checkboxes {
	float:left;
	width:99%;
}

.checkbox-meer-info label,
.wppb-form-field.wppb-html label{
	display:none;
}

.wppb-form-field.wppb-html .custom_field_html {
	width:100%;
	margin:10px 0 0 0;
}


.wppb-form-field .toelichting-cursuscontactpersoon {
	/*border:1px solid #dc0a3b;*/
	padding:20px;
	background-color: #E1E1E1;
}

.wppb-form-field.accountgegevens.toelichting ul,
.wppb-form-field.accountgegevens.toelichting ul li{
	width:100%;
	max-width:100%;
}

.wppb-form-field.accountgegevens ul li.wppb-hidden {
	display:none;
}

.wppb-form-field.accountgegevens.toelichting {
	padding-top:0;
}

.wppb-form-field.wppb-html .custom_field_html .toelichting-cursuscontactpersoon h3 {
	margin-top:0;
}

.wppb-form-field.wppb-html .custom_field_html .toelichting-cursuscontactpersoon p {
	font-size: 0.9em;
}


.wppb-form-field.wppb-html .toelichting-cursuscontactpersoon ol li {
	font-size: 0.9em;
	list-style: decimal;
} 
.wppb-form-field.wppb-checkbox.accountgegevens .wppb-checkboxes {
	width:99%;
}
.wppb-form-field.wppb-checkbox.accountgegevens .wppb-checkboxes li input {
	width: 13px;
	vertical-align: top !important;
	margin-top: 6px !important;
	margin-right: 4px;
}
.wppb-form-field.wppb-checkbox.accountgegevens .wppb-checkboxes li label {
	width:94%;
	line-height: 1.5;
}

.wppb-form-field.wppb-recaptcha {
	margin-top:20px;
}
.wppb-form-field.wppb-recaptcha label {
	width:20px;
}
.wppb-form-field .wppb-description-delimiter p {
	font-size:12.8px;
	line-height:1;
}
.wppb-form-field.wppb-checkbox.hide-label > label {
	display:none;
}
.wppb-form-field .wppb-checkboxes label {
    font-size: 16px;
}
.geen-cursusgids .wppb-checkboxes {
	width:99%;
}
.wppb-form-field.wppb-checkbox.geen-cursusgids .wppb-checkboxes li input {
	width: 13px;
	vertical-align: top !important;
	margin-top: 6px !important;
	margin-right: 4px;
}

.wppb-form-field.wppb-checkbox.checkbox-meer-info .wppb-checkboxes li input {
	width: 13px;
	vertical-align: top !important;
	margin-top: 6px !important;
	margin-right: 4px;
}

.wppb-form-field.wppb-checkbox.geen-cursusgids .wppb-checkboxes li label {
	width:94%;
}
.wppb-form-field.wppb-checkbox.akkoord label {
	width:13px;
	margin:0 6px 0 0;
}
.wppb-form-field.wppb-checkbox.akkoord .wppb-checkboxes {
	width:90%;
}
.wppb-form-field.wppb-checkbox.akkoord .wppb-checkboxes li {
	width:100%;
}

#wppb_form_success_message {
	margin-top:30px !important;
	background:none !important;
	border:none !important;
	padding:0 !important;
}

#wppb-form-element-28 label {
    font-weight: bold;
}
#wppb-form-element-28 label span {
    color:#dc0a3b;
}

#wppb-form-element-28 .wppb-description-delimiter {
    font-size:1em;
    font-weight:bold;
    line-height:1;
}
#wppb-form-element-28 input {
    border-color:var(--color-zwart);
}



/* ================================= WOOCOMMERCE CHECKOUT =================================== */

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color:var(--color-zwart);
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-color:var(--color-rood);
}

.woocommerce-checkout form .col2-set {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin-bottom:2em;
    width: 100%;
}
.woocommerce-checkout form .col2-set > div.col-1,
.woocommerce-checkout form .col2-set > div.col-2{
    width:50%;
    max-width:50%;
    min-width: 50%;
}

h3#order_review_heading {
    display:none;
}

.woocommerce-checkout form .col2-set > div.col-1 {
	padding-right:2em;
    padding-left:0;
    border-right:var(--color-rood) 1px solid;
}

.woocommerce-checkout form .col2-set > div.col-2 {
    padding-left:2em;
}
.woocommerce-page.woocommerce-checkout form .form-row-first,
.woocommerce-page.woocommerce-checkout form .form-row-last {
    float: none;
}
.woocommerce-page.woocommerce-checkout form .form-row {
    width: 100%;
}
.woocommerce-page.woocommerce-checkout form .form-row label {
    width: 40%;
    text-align: right;
    padding-right: 1.5em;
}
.woocommerce-page.woocommerce-checkout form .form-row span.woocommerce-input-wrapper {
    width: 60%;
}
.woocommerce form .form-row .required {
    color: var(--color-rood);
}
.woocommerce-page.woocommerce-checkout form .form-row.notes label,
.woocommerce-page.woocommerce-checkout form .form-row.notes span.woocommerce-input-wrapper {
    width: 100%;
}
.woocommerce-page.woocommerce-checkout form .form-row.notes label {
    text-align: left;
}
.woocommerce-page.woocommerce-checkout form .form-row.notes textarea {
    height: 10em;
}
.woocommerce-page.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
    display: none;
}

.woocommerce-page.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display:none;
}
.woocommerce-page.woocommerce-checkout.logged-in .woocommerce-form-coupon-toggle {
    display:block;
}
.page-afrekenen .woocommerce-privacy-policy-text p {
    font-size:0.8em;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    margin-left: auto;
    text-transform: uppercase;
    padding: 1.3em 1.6em;
}

.woocommerce-checkout #payment {
    background: var(--color-lichtgrijs);
    border-radius: 5px;
    margin-top:2em;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background: var(--color-wit);
    margin: 1em 0 0 0;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    content: "";
    display: block;
    border: 1em solid var(--color-wit);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: none;
    padding-bottom: 0;
}

.woocommerce-checkout .datalabel {
    color:var(--color-lichtgrijs);
}

.woocommerce-cart #content {
    margin-top:3em;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled] {
    background-color: var(--color-lichtgrijs);
    color:var(--color-wit);
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover {
    background-color: var(--color-zwart);
    color:var(--color-wit);
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: 8em;
}

.woocommerce-cart .coupon {
	display: none;
}

#vraag_ccp_field label {
    width: 100%;
    text-align: left;
}

#vraag_ccp_field span.woocommerce-input-wrapper {
    display: flex;
    align-items: center;
    line-height: 1;
}

#vraag_ccp_field span.woocommerce-input-wrapper input[type=radio] {
    margin-right: 0.5em;
    margin-bottom: 0.3em;
}



/* ================================= WOOCOMMERCE THANK YOU PAGE =================================== */
.woocommerce-order-received #content {
    margin-top:3em;
}
.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received {
    margin-bottom:2em;
}

/* ================================= CONTACT =================================== */

.tablepress td {
    line-height: 30px;
    color:var(--color-donkergrijs);
}


/* ================================= CURSUSGIDSEN =================================== */
.flipbook-cursusgids {
	background-color: var(--color-donkergrijs);
}
.single.cursusgids #content {
    margin-top:40px;
}
.flipbook-jubileum {
    height: 80vh !important;
}


/* ================================= LEERGANGEN =================================== */
.page-leergangen h4 {
    color: var(--color-zwart);
    text-transform: uppercase;
}
p.afgelopen {
    color: var(--color-grijs) !important;
    font-style: italic;
}

/* ================================= BUREAU =================================== */

.page-aanmeldingen article > .container {
    width:100%;
    max-width: 100% !important;
}

/* ================================= WACHTWOORD VERGETEN =================================== */
#wppb-recover-password ul {
    margin:30px 0;
}
#pass-strength-result {
    line-height: 1.2;
    float:none;
    display: block;
    padding: 10px;
    height: auto;
    border:none;
    font-size: 0.8em;
}

#wppb-recover-password-button {
    background-color:var(--color-rood);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    border:1px solid var(--color-rood);
	display:inline-block;
	cursor:pointer;
	color:var(--color-wit);
	padding:10px 14px;
	text-decoration:none;
	margin-top:0;
    text-align:center;
    line-height: 1;
    text-transform: uppercase;
}
#pass-strength-result.good {
    border:none;
}


/* ================================= FOOTER =================================== */

footer {
    background-color: var(--color-wit);
    margin-top:auto;
}
footer .footer-above {
    background-color: var(--color-donkergrijs);
    padding: 14px 0;
    text-align: center;
    color:var(--color-wit);
}
footer .footer-above p {
    margin-bottom:0;
}
footer .footer-below {
    padding: 25px 0;
}
footer .container {
    max-width:1500px;
}
footer .footer-below .col-md-9.menu {
    padding-left:0;
}
footer .footer-below ul.menu {
    font-size: 0.8em;
    list-style: none;
    padding-left: 0;
}
footer .footer-below ul.menu li {
    display: inline-block;
    text-transform: lowercase;
    margin:0 0 0 4px;
}
footer .footer-below ul.menu li:before {
    content:"\007c";
    display: inline-block;
    float: left;
    padding-right:6px;
}

footer .footer-below ul.menu li a {
    font-weight: normal;
    color:var(--color-donkergrijs);
}
footer .footer-below ul.menu li:first-child:before {
    content:"";
    padding-right:0;
}

#simple-social-icons-2 ul li a {
    padding: 6px;
    font-size: 26px;
}
.simple-social-icons svg[class^="social-"] {
    margin-top:-3px;
}


/* ================================= BELEVING =================================== */
.single-verhaal .flex-row.beleving {
	margin: 0 -15px 40px -15px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(afbeeldingen/header.jpg);
}

.single-verhaal .flex-row.beleving-inhoud .container {
	display: flex;
	
}

.flex-row.beleving .headerbeeld h1  {
	text-align: center;
	margin: 2em 0;
	color: var(--color-zwart);
}
.flex-row.beleving .headerbeeld h1 .naam-beleving {	
	font-family: 'Georgia', serif;
	font-size:2.5em;
	line-height:1em;
	color: var(--color-rood);
}
.single-verhaal blockquote {
    color: var(--color-rood);
    font-family: 'Gerogia', serif;
    font-style: italic;
    font-size: 2.5em;
    margin: 0 0 0 1em;
	line-height: 1;
}
.single-verhaal blockquote p {
	line-height: 1;
}
.beleving-beeld {
	margin-top:0.5em;
}
.beleving-beeld img {
	height: auto;
    max-width: 100%;
    vertical-align: top;
	aspect-ratio: 800 / 800;
    object-fit: cover;
}

.grid-beleving-naam {
	padding: 0.5em 1em 0.5em 1em;
    background-color: var(--color-zwart);
	color:var(--color-wit);
    width: fit-content;
    float: right;
	font-size: 1.1em;
    font-weight: 800;
}

.verhalen-grid .vc_custom_heading {
	font-size: 1.4em;
	font-family: 'Geogria', serif;
	font-style: italic;
}
.verhalen-grid .vc_custom_heading p{
	line-height:1;
}

.verhalen-navigatie {
	margin-top: 3em;
    border-top: dotted 2px var(--color-rood);
    padding-top: 2em;
}

.verhalen-navigatie .nav-previous {
    float: left;
    width: 40%;
}

.verhalen-navigatie .nav-next {
    float: right;
    width: 40%;
    text-align: right;
}


/* ================================= ADMIN =================================== */
.wp-admin span.select2-selection__placeholder {
    display: none !important; 
}

/* ================================= LAPTOP =================================== */
@media only screen and (max-width : 1500px) {


}

/* ================================= TABLET LANDSCAPE EN KLEINER =================================== */
@media only screen and (max-width : 1200px) {
    
    .vc_row.uitgelicht {
        padding:1.5em 0.5em 1.5em 0.5em;
    }
    .vc_row.video-intro .vc_column_container.vc_col-sm-6 {
        width:100%;
    }
    .vc_row.video-intro .vc_column_container.vc_col-sm-6:first-child {
        margin-bottom:2em;
    }
    .page section.vc_parallax .vc_empty_space {
        height:10px !important;
    }
    .home .headerbeeld .vc_empty_space {
        height:100px !important;
    }
    ul#menu-over-hovo {
        padding:0;
    }
    .docenten-grid .vc_grid-item.vc_col-sm-4 {
        width: 50%;
    }
    .home .woocommerce ul.products li.product {
        margin: 0 3% 1em 0;
        width: 46%;
    }
    .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
        width: 46%;
    }
    .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
        clear: none;
    }
    .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
        margin-right: 3.8%;
    }
	
}

/* ================================= TABLET LANDSCAPE =================================== */

@media only screen and (min-width : 900px) and (max-width : 1200px) and (orientation: landscape) {
    .header-logo {
        width:20%;
    }
    .header-right {
        width:80%;
    }
    .header-logo img {
        max-height:70%;
        margin:20px 0 auto 0;
    }
    .logos-top {
        height:36%;
    }
    .dropdown-nav ul li a {
        paddin:0 6px;
    }
    .top-menu > .menu-hoofdmenu-container > ul > li:before,
    .dropdown-nav ul li a {
        line-height: 30px;
    }
    
    .home-zijbalk.vc_col-sm-2 {
		width:25% !important;
	}
	.home main .vc_column_container.vc_col-sm-10,
    .page .vc_row-fluid .vc_col-sm-10 {
		width:75% !important;
	}
    .pag-afbeelding.vc_col-sm-4 {
        width:20%;
    } 
    .zijbalk-menu.vc_col-sm-2 {
        width:25%;
    }
    .vc_row-fluid.locaties-hoverboxen {
        margin-top:0;
    }
    .locaties-hoverboxen .vc_col-sm-3 {
        width:50%;
    }
    
}


/* ================================= TABLET PORTRAIT =================================== */

@media only screen and (min-width : 600px) and (max-width : 900px) and (orientation: portrait) {
    
}


/* ================================= MOBILE LANDSCAPE + PORTRAIT ================================= */
@media only screen and (min-width : 500px) and (max-width : 890px) and (orientation: landscape), (max-width : 600px) and (orientation: portrait) {
    
    .alleen-mobiel {
        display:block;
    }
    section.headerbeeld,
    #content main > section {
        padding:0;
    }
    section.headerbeeld .vc_parallax .vc_parallax-inner {
        background-position: left 0;
    }
    
    /* mailformulier */
    .gform_wrapper form .ginput_container span.name_last {
        margin-bottom:0;
    }
    .gform_wrapper form .ginput_container .name_last > input {
        margin-top:2px;
    }
    
    /* typografie */
    body {
        font-size:18px;
    }
    .woocommerce ul.products li.product h2.woocommerce-loop-category__title {
        font-weight: bold;
    }
    /*cursus archive */
    
    .woocommerce-page #sidebar {
        padding: 20px 40px;
    }
    .woocommerce-page.archive #sidebar > ul {
        padding-left:0;
    }
    .woocommerce-page.archive #sidebar > ul aside.WOOF_Widget {
        width: 100%;
    }
    .woof_redraw_zone > div.woof_container {
        width: 100%;
        margin-right: 0;
    }
    .chosen-container {
        /*font-size: 18px;*/
    }
    
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product,
    li.product .docent-container,
    .woocommerce ul.products li.product .button.meer-lezen-overzicht {
        max-width: 100%;
        width: 100%;
    }
    .mededeling {
        display: none;
        /*flex-basis:100%;
        width:100%;*/
    }
    
    
}



/* ================================= MOBILE LANDSCAPE =================================== */

@media only screen and (min-width : 500px) and (max-width : 890px) and (orientation: landscape) { 

}


/* ================================= MOBILE PORTRAIT =================================== */

@media only screen and (max-width : 600px) and (orientation: portrait) {
    
    main > section > article > .container,
    .single-docent .docent .container,
	.single-verhaal .container,
    #header .container {
        max-width:100% !important;
        padding:0 15px;
    }
    
    .page article section .wpb_row {
        display: flex;
        flex-direction: column-reverse;
    }
    .page.home article section .wpb_row {
        flex-direction: column;
    }
    
    .single-product main > section > article > .container {
        padding:0;
    }
    .vc_row.vc_inner {
        margin: 35px -15px 0 -15px;
    }
    .woocommerce.columns-4 > ul.products.columns-4 > li.product-category {
        width:100%;
        margin:3% 0;
    }
    .woocommerce ul.products li.product .button.meer-lezen-overzicht {
        float: none;
        margin-right: 0;
    }
    .single-product main {
        margin-left:0;
        margin-right:0; 
    }
    .single-product .cursus-links,
    .woocommerce.single-product #content div.product div.summary {
        width: 100%;
    	border-right: none;
		padding-right: 0;
    }
    .woocommerce div.product .product_title {
        line-height:1.2;
    }
	.woocommerce.single-product #content div.product div.images, .woocommerce .single-product div.product div.images {
    	width: 100%;
	}
    .product .cursus-links .cursusgegevens {
        display: block;
        padding-bottom: 2em;
    }
    .product .cursus-links .cursusgegevens > div {
        width: 100%; 
    }
    .single-product .product .cursusgegevens > .docent-container-single {
        width: 100%;
        float: none;
    }
    
    .single-product .product .cursusgegevens > .categorie,
    .single-product .product .cursusgegevens > .cursusnummer {
        float:left;
        width:50%;
        display:block;
    }
    .single-product .product .cursusgegevens > .locatie  {
        display: none;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        border-bottom: none;
        padding: 0;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs > li {
        width: 47%;
        border: 1px solid var(--color-lichtgrijs);
        border-radius: 6px;
        background: var(--color-wit);
        margin-bottom: 6px;
        margin-left: 0;
        line-height: 1.2;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs > li.active {
        background:var(--color-rood);
        border-color:var(--color-rood);
        color:var(--color-wit);
        border-bottom:1px solid var(--color-rood);
        margin-bottom: 6px;
    }
    .woocommerce-Tabs-panel--description {
        flex-direction: column-reverse;
    }
    
    .woocommerce-Tabs-panel--description .extra {
        border-right: none;
        margin-right: 0;
    }
    
    .woocommerce-cart .woocommerce-message:before {
        display: none;
    }
    .woocommerce-cart .woocommerce-message {
        padding:1em;
    }
    .woocommerce-cart .woocommerce-message a {
        display: none;
    }
    .woocommerce-account .u-column1.col-1,
    .woocommerce-account .u-column2.col-2 {
        width: 100%;
        max-width: 100%;
    }
    .woocommerce-account .u-column2.col-2 {
        border-left: none;
        padding-left: 0;
        margin-top: 2em;
    }
    .wppb-user-forms  .wppb-checkbox > ul > li {
        display: flex;
        flex-direction: row;
    }
    .wppb-user-forms .wppb-checkbox.akkoord label {
        float: left;
    }
    .wppb-form-field.ja-nee-vraag label {
        width: 100%;
    }
}

/* ================================= LARGE SCREENS =================================== */

@media only screen and (min-width : 1800px) {
    
    main > section > article > .container,
    .single-docent .docent .container,
	.single-verhaal .container,
    #header .container {
        max-width:80% !important;
    }
	
}