/* 
Theme Name: Total JOB
Template: Total
Author: De Staat van Creatie 
Version: 2.0
*/
/*------------------------------------------------------------------------
## algemeen
------------------------------------------------------------------------*/

/*
 https://min-max-calculator.9elements.com/
 https://nekocalc.com/px-to-rem-converter
 */

/* == config == */
:root {
   --wpex-bg-color: #EDF4F9;
   
   --wpex-accent: #62E086;
   --accent-1: #00ABFF;
   --accent-2: #009AFF;
   --accent-3: #FCDC7A;
   --accent-4: #DEB5FC;
   --accent-5: #FFA3A1;
   
   --base: #FFF;
   --black: #0F296D;
   
   font-size: 100%;
   
   --wpex-body-font-family: "archivo", sans-serif;
   --wpex-body-font-size: 1rem;
   --wpex-body-font-weight: 400;
   --wpex-body-font-weight-strong: 700;
   --wpex-body-line-height: 160%;
   
   --wpex-text-2: var(--black);
   --wpex-link-color: var(--accent-2);
   --wpex-link-text-decoration: underline;
   --wpex-hover-link-text-decoration: none;
   
   --wpex-heading-font-family: "archivo-expanded", sans-serif;
   --wpex-heading-color: var(--black);
   --wpex-heading-font-weight: 900;
   --wpex-heading-line-height: 110%;
   --wpex-heading-text-transform: uppercase;
   --wpex-el-margin-bottom: 15px;
   
   --wpex-btn-font-family: "archivo", sans-serif;
   --wpex-btn-font-style: normal;
   --wpex-btn-text-transform: none;
   --wpex-btn-letter-spacing: 0px;
   --wpex-btn-line-height: normal;
   --wpex-btn-font-weight: 700;
   --wpex-btn-font-size: 1rem;
   --wpex-btn-color: var(--black);
   --wpex-btn-padding: 15px 25px;
   --wpex-btn-bg: var(--wpex-accent);
   --wpex-btn-border-radius: 0px 10px;
   
   --wpex-hover-btn-bg: var(--black);
   --wpex-hover-btn-color: var(--base);
}

/* == fonts == */

body {
   font-size: 100%;
   font-family: var(--wpex-body-font-family);
}

p,
ul li,
ol li {
   font-weight: var(--wpex-body-font-weight);
}

b,
strong {
   font-weight: var(--wpex-body-font-weight-strong);
}

.wpex-heading,
.vcex-heading,
.page-header-title,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: var(--wpex-heading-font-family);
   font-weight: var(--wpex-heading-font-weight);
}

h1,
h1.vcex-heading,
h1.page-header-title {
   font-size: min(max(1.75rem, 1.477rem + 1.36vw), 2.5rem));
   font-size: clamp(1.75rem, 1.477rem + 1.36vw, 2.5rem);
   margin: 0 0 15px;
}

h2,
h2.vcex-heading,
h2.wpex-heading {
   font-size: min(max(1.375rem, 1.193rem + 0.91vw), 1.875rem));
   font-size: clamp(1.375rem, 1.193rem + 0.91vw, 1.875rem);
   margin: 0 0 15px;
}

h3,
h3.vcex-heading,
h3.wpex-heading {
   --wpex-heading-color: var(--black);
   
   font-size: min(max(1.125rem, 0.852rem + 1.36vw), 1.875rem));
   font-size: clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem));
   margin: 0 0 10px;
   color: var(--black);
}

h4,
h4.vcex-heading,
h4.wpex-heading {
   --wpex-heading-font-weight: 600;
   --wpex-heading-text-transform: normal;
   
   font-size: min(max(1.063rem, 0.994rem + 0.34vw), 1.25rem));
   font-size: clamp(1.063rem, 0.994rem + 0.34vw, 1.25rem);
   margin: 0 0 10px;
}


.vcex-heading-w-badge .vcex-heading-inner {
   display: flex;
   flex-flow: column;
}

.wpex-badge {
   background: transparent;
   color: var(--accent-2);
   font-family: cabrito-normal, sans-serif;
   font-size: 65%;
   font-weight: 700;
   order: -1;
   margin: 0 0 10px;
   padding: 0;
}

/* == vc == */
.wpb_row {
   padding: 50px 0px 0px;
}

/* == buttons == */
a.theme-button {
   margin-top: 15px;
   display: inline-flex;
}

a.theme-button::after {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' fill='none'%3E%3Cpath fill='%230F296D' d='M1.216.785A.963.963 0 0 0 .582 2.49l5.89 5.047-5.89 5.045a.962.962 0 1 0 1.25 1.457l6.745-5.77a.962.962 0 0 0 0-1.466L1.832 1.027a.963.963 0 0 0-.616-.242Z'/%3E%3C/svg%3E");
   display: inline-block;
   height: 15px;
   width: 9px;
   background-size: contain;
   transform: translateY(-1px);
   margin-left: .75rem;
}

a.theme-button:hover::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' fill='none'%3E%3Cpath fill='%23fff' d='M1.216.785A.963.963 0 0 0 .582 2.49l5.89 5.047-5.89 5.045a.962.962 0 1 0 1.25 1.457l6.745-5.77a.962.962 0 0 0 0-1.466L1.832 1.027a.963.963 0 0 0-.616-.242Z'/%3E%3C/svg%3E");
}

a.theme-button.white:hover {
   background-color: var(--black);
   color: var(--base);
}

.typography-white a.theme-button {
   color: var(--wpex-btn-color);
}

.typography-white a.theme-button:hover {
   color: var(--accent-2);
}

a.vcex-button.theme-txt-link {
   display: inline-flex;
   text-decoration: none;
   font-size: var(--wpex-btn-font-size);
   font-weight: var(--wpex-btn-font-weight);
   color: var(--black);
}
a.vcex-button.theme-txt-link::after {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19' fill='none'%3E%3Cpath fill='%23009AFF' d='M0 0h12a4 4 0 0 1 4 4v15H4a4 4 0 0 1-4-4V0Z'/%3E%3Cpath fill='%23fff' d='M6.577 5a.514.514 0 0 0-.316.1.58.58 0 0 0-.203.28.626.626 0 0 0-.016.355.59.59 0 0 0 .179.298l3.314 3.058-3.314 3.057a.57.57 0 0 0-.148.178.615.615 0 0 0 .058.672.55.55 0 0 0 .175.146.51.51 0 0 0 .618-.113l3.795-3.496a.58.58 0 0 0 .14-.2.622.622 0 0 0-.14-.688l-3.795-3.5A.52.52 0 0 0 6.577 5Z'/%3E%3C/svg%3E");
   display: inline-block;
   height: 19px;
   width: 16px;
   background-size: contain;
   transform: translateY(1px);
   margin-left: .75rem;
   transition: all .25s ease-in-out;
}
a.vcex-button.theme-txt-link:hover::after {
   transform: translate(5px, 1px); 
}


/* == formulieren algemeen == */
/* .gform_wrapper .gfield_label,
.gform_wrapper .gfield_consent_label {
   color: var(--base-2);
}

.gform_wrapper .gform_fields input[type=text],
.gform_wrapper .gform_fields input[type=email],
.gform_wrapper .gform_fields input[type=tel],
.gform_wrapper .gform_fields textarea {
   font-size: 17px;
   padding: 12px 8px;
   color: var(--base-2);
}

.gform_wrapper .gform_footer.top_label {
   text-align: right;
}


input[type="checkbox"] {
   appearance: none;
   border: 1px solid var(--wpex-accent);
   border-radius: 3px;
   height: 16px;
   width: 16px;
   position: relative;

}

input[type=checkbox]:before {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 12px;
   height: 12px;
   background: var(--wpex-accent);
   opacity: 0;
   border-radius: 2px;
   transform: translate(-50%, -50%);
   transition: all .1s ease-in;
   cursor: pointer;
}

input[type=checkbox]:checked:before {
   opacity: 100%;
} */

/* == formulieren algemeen == */
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
   background: var(--wpex-bg-color);
   border-radius: 0;
   border: 0;
   padding: 12px 20px;
   margin: 0 0 30px;
   font-size: 1rem;
   transition: ease-in-out 0.3s;
   color: var(--black);
}

.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
   outline: 1px solid var(--accent-2);
}

.wpcf7-form-control-wrap textarea {
   height: 165px;
}

input.wpcf7-form-control.wpcf7-text {
   width: 100%;
}

input[type="radio"] {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   cursor: pointer;
   border-radius: 50%;
   height: 40px;
   width: 40px;
   padding: 0;
   margin: 0 8px 0 4px;
}

input[type="radio"]:focus {
   outline: none;
}

input[type="radio"]:checked:before {
   background-color: var(--wpex-accent) !important;
   content: "";
   border-radius: 50%;
   visibility: visible;
   display: block;
   height: 20px;
   width: 20px;
   margin: 10px;
}

span.wpcf7-form-control.wpcf7-checkbox {
   display: inline-block;
   width: 100%;
   clear: both;
   margin-bottom: 30px;
}

span.wpcf7-form-control.wpcf7-radio {
   margin-bottom: 40px;
   display: inline-block;
}

span.wpcf7-form-control-wrap.radio-niveau {
   top: 15px;
}

.wpcf7-checkbox span.wpcf7-list-item-label {
   top: 8px;
   position: relative;
}

.wpcf7-radio span.wpcf7-list-item-label {
   top: -12px;
   position: relative;
}

select.wpcf7-form-control {
   height: 54px;
   margin: 0 0 30px;
   width: 100%;
   border-radius: 0;
   border: 0;
   color: var(--black);
   font-size: 17px;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   padding: 0 20px;
   visibility: visible;
   background-image: url(assets/img/job-arrow-down.png);
   background-size: 45px 33px;
   background-repeat: no-repeat;
   background-position: right;
   background-color: var(--wpex-bg-color);
   cursor: pointer;
}


/* == scroll top == */
#site-scroll-top {
   background-color: var(--accent-1);
   border-radius: 0 10px;
   color: var(--base);
}

#site-scroll-top:hover {
   background: var(--accent-2);
}

/* == social == */
:where(.wpex-classic-style) .wpex-social-btn {
   --wpex-icon-height: 25px;
   --wpex-icon-width: 25px;
   
   background: var(--wpex-accent);
   border-radius: 0 10px;
   color: var(--base);
   height: 50px;
   width: 50px;
}

:where(.wpex-classic-style) .wpex-social-btn:hover {
   background: var(--black);
   color: var(--base);
}

/*------------------------------------------------------------------------
## header
------------------------------------------------------------------------*/

#site-header {
   --wpex-main-nav-link-color: var(--black);
   --wpex-hover-main-nav-link-color: var(--base);
   --wpex-active-main-nav-link-color: var(--base);
   --wpex-surface-1: var(--accent-1);
   
   z-index: 2;
}

#site-header-inner {
   padding-top: 45px;
   padding-bottom: 45px;
}

/* == navigation == */
.main-navigation {
   --wpex-main-nav-link-padding-y: 0;
   --wpex-main-nav-link-padding-x: 1rem;
}

.main-navigation-ul>.menu-item {
   font-family: var(--wpex-heading-font-family);
   font-weight: var(--wpex-heading-font-weight);
   text-transform: uppercase;
   font-size: 1rem;
}

.main-navigation-ul>.menu-item>a {
   font-size: 0.9rem;
}

.main-navigation-ul>.menu-item>a>.link-inner {
   padding: 0;
   position: relative;
}
.main-navigation-ul>.menu-item>a>span::after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   display: block;
   height: 2px;
   width: 0;
   margin: 0 auto;
   bottom: -5px;
   background-color: var(--base);
   transition: all 0.3s ease-in-out;
}

.main-navigation-ul>.menu-item.current-menu-item>a>span::after,
.main-navigation-ul>.menu-item>a:hover>span::after {
   width: 100%;
}

/* == submenu == */
.main-navigation-ul .sub-menu {
   padding: 10px 15px;
   background: var(--base);
   border-radius: 5px;
}
.main-navigation-ul .sub-menu .menu-item {
   font-family: var(--wpex-body-font-family, var(--wpex-font-sans));
   font-size: var(--wpex-body-font-size);
   font-weight: var(--wpex-body-font-weight);
   color: var(--wpex-text-2);
}
.main-navigation-ul .sub-menu .menu-item a:hover {
   color: var(--wpex-accent);
}

/* == mobile == */
.wpex-mobile-toggle-menu-icon_buttons #site-logo {
   margin-left: 20px;
}

.mobile-toggle-nav {
   background: transparent;
}

.mobile-menu-toggle {
   background: var(--base);
   border-radius: 0 10px;
   padding: 12px;
}

.mobile-toggle-nav-inner.container {
   background: var(--accent-2);
   padding: 40px 30px 20px;
   margin: 20px 30px;
   border-radius: 5px;
}

.mobile-toggle-nav .mobile-toggle-nav-ul .menu-item {
   font-family: var(--wpex-heading-font-family);
   font-weight: var(--wpex-heading-font-weight);
   font-size: min(max(1rem, 1.955rem + 0.23vw), 1.25rem));
   font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
}

.mobile-toggle-nav .mobile-toggle-nav-ul .menu-item a {
   border: 0;
   color: var(--black);
}

.mobile-toggle-nav .mobile-toggle-nav-ul .menu-item.current-menu-item > span > a > span {
   border-bottom: 2px solid var(--base);
}

/* == search form == */

.searchform--classic .searchform-input {
   border-radius: 0px 10px;
   border: 0;
   padding-block: .8rem;
   padding-inline-start: 1.3rem;
   padding-inline-end: 40px;
   max-width: 180px;
}
.searchform--classic .searchform-input::placeholder {
   color: var(--black);
   opacity: .9;
}
.searchform--classic .searchform-submit {
   --wpex-icon-height: 22px;
   --wpex-icon-width: 22px;
   
   opacity: 1;
}
.searchform--classic .searchform-submit:hover {
   color: var(--accent-1);
}

/* == list items */

a.vcex-list-item-link .vcex-list-item-text  { 
   color: var(--black);
}


/*------------------------------------------------------------------------
## footer
------------------------------------------------------------------------*/

.site-footer {
   background: var(--accent-3);
}

/* ==  footer widgets == */

.footer-box.col.col-2 {
   margin-top: 34px;
}

#footer-widgets .widget-title {
   color: var(--black);
   font-size: min(max(125rem, 1.08rem + 0.23vw), 1.25rem));
   font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
   font-weight: 700;
   margin-bottom: 10px;
}
#footer-widgets .textwidget p,
#footer-widgets .textwidget ul li,
#footer-widgets .textwidget ul li a {
   font-size: 0.95rem;
   font-weight: 400;
   color: var(--black);
}
#footer-widgets .textwidget a:hover,
#footer-widgets .textwidget ul li a:hover {
   color: var(--accent-2);
}
#footer-widgets .textwidget p a {
   color: var(--black);
   text-decoration: underline;
}
#footer-widgets .textwidget p a:hover {
   text-decoration: none;
}

.wpex-info-widget >li {
   align-items: center;
}
.wpex-info-widget >li,
.wpex-info-widget >li a {
   color: var(--black);
}
.wpex-info-widget >li a {
   text-decoration: underline;
   text-underline-offset: 3px;
}
.wpex-info-widget >li a:hover {
   color: var(--accent-1);
}
.wpex-info-widget-icon .wpex-icon {
   --wpex-icon-height: 20px;
   --wpex-icon-width: 20px;
   background: var(--wpex-accent);
   border-radius: 0 10px;
   color: var(--base);
   height: 40px;
   width: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.wpex-fa-social-widget .wpex-social-btn {
   --wpex-icon-height: 20px;
   --wpex-icon-width: 20px;
}
#footer-widgets .widget_wpex_newsletter .widget-title {
   font-family: var(--wpex-body-font-family);
   font-size: 1.2rem;
   text-transform: inherit !important;
}
.wpex-simple-newsletter {
   justify-content: start;
}
.wpex-simple-newsletter label {
   flex-grow: inherit;
}
.wpex-simple-newsletter input[type="email"] {
   background-color: var(--wpex-bg-color);
   border-radius: 0 10px;   
   padding: 0 20px;
   max-width: 100%;
   width: 340px;
   height: 50px;
}
.wpex-simple-newsletter button[type="submit"] {
   font-size: 0;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 17 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.81122 0.313811C9.22613 -0.104604 9.8989 -0.104604 10.3138 0.313811L16.6888 6.74236C17.1037 7.16079 17.1037 7.83923 16.6888 8.25762L10.3138 14.6862C9.8989 15.1046 9.22613 15.1046 8.81122 14.6862C8.39628 14.2678 8.39628 13.5894 8.81122 13.171L13.3724 8.57144H1.0625C0.475703 8.57144 0 8.09176 0 7.5C0 6.90827 0.475703 6.42857 1.0625 6.42857H13.3724L8.81122 1.82905C8.39628 1.41062 8.39628 0.732237 8.81122 0.313811Z' fill='white'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center;
   width: 50px;
   height: 50px;
   border-radius: 0 10px;
   background-color: var(--accent-1);
   transform: translate(-7px, 0px);
}
.wpex-simple-newsletter button[type="submit"]:hover {
   background-color: var(--wpex-accent);
}

/* == footer bottom == */
#footer-bottom {
   border-top: 2px solid var(--wpex-bg-color);
}

#footer-bottom .footer-bottom-flex {
   justify-content: start;
   gap: 40px;
}

#copyright {
   color: var(--black);
   font-size: .8rem;
}

#footer-bottom .footer-bottom-flex {
   display: flex;
   gap: 0;
}

#footer-bottom-menu {
   margin-left: auto;
   margin-right: 0;
}

#footer-bottom-menu .menu-item a {
   color: var(--black);
   font-size: .8rem;
}

#footer-bottom-menu .menu-item a:hover {
   color: var(--accent-2);
}

#footer-bottom-menu li {
   display: inline-block;
   float: left;
}

#footer-bottom-menu li:not(:first-child) {
   margin-left: 0;
}

#footer-bottom-menu li:not(:last-child)::after {
   content: '-';
   margin: 0 8px;
}

/*------------------------------------------------------------------------
## Hero's
------------------------------------------------------------------------*/

/* == page title  == */
.page-header.default-page-header {
   background-color: var(--accent-1);
   background-image: url(assets/img/hero-default_objects-layer.png);
   background-size: auto 100%;
   background-position: center;
   background-repeat: no-repeat;
   
   padding-top: 290px;
   padding-bottom: 100px;
   margin-bottom: 40px;
   border: 0;
}
 
.page-header.default-page-header h1 { 
   font-size: clamp(2.188rem, 1.619rem + 2.84vw, 3.75rem);
}

/* == hero == */
.hero {
   min-height: 670px;
   background-color: var(--accent-1);
}

.hero--home {
   --wpex-site-header-height: 200px;
   
   background-image: url(assets/img/hero-home_objects-layer.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.hero--page {
   --wpex-site-header-height: 200px;
   
   background-image: url(assets/img/hero-page_objects-layer.png);
   background-size: auto 100%;
   background-position: center;
   background-repeat: no-repeat;
}

/*------------------------------------------------------------------------
## Archive
------------------------------------------------------------------------*/

/* ==  single post == */
.single-post #content {
   max-width: 960px;
   margin: 0 auto;
   padding-bottom: 70px;
}

/*------------------------------------------------------------------------
## Rows
------------------------------------------------------------------------*/

/* == home featured == */
.row--featuredblocks {
   margin-top: -180px;
}
.row--featuredblocks>.wpb_column>.vc_column-inner>.wpb_wrapper {
   background-color: var(--accent-3);
   display: flex;
   flex-flow: column;
   padding: 10%;
   height: 100%;
}
.row--featuredblocks>.wpb_column:nth-child(2)>.vc_column-inner>.wpb_wrapper {
   background-color: var(--accent-5);
}
.row--featuredblocks>.wpb_column:nth-child(3)>.vc_column-inner>.wpb_wrapper {
   background-color: var(--accent-4);
}
.row--featuredblocks>.wpb_column>.vc_column-inner>.wpb_wrapper .theme-button {
   margin-top: auto;
   margin-bottom: 0;
   width: fit-content;
}
.row--featuredblocks>.wpb_column>.vc_column-inner>.wpb_wrapper .theme-txt-link {
   margin-top: 10px;
}

/* == news == */
.row--news {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='759' height='658' fill='none'%3E%3Cpath fill='%23FCDC7A' d='M569.25 0H0v658h569.25L759 329 569.25 0Z'/%3E%3C/svg%3E");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: calc(100vw - 1340px + -50% ) center;
}
.row--news .news-featured .wpex-card-blog-list_1 .wpex-card-details {
   display: flex;
   flex-flow: column;
   justify-content: center;
   padding-left: 30px;
}

/* == job video == */
.vc-job-video figure a {
   display: flex;
   flex-flow: row-reverse;
   align-items: center;
   position: relative;
}
.vc-job-video figure img {
   width: 70%;
   border: 25px solid var(--accent-5);
   position: relative;
   z-index: -1;
}

.vc-job-video figure a::after {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' fill='none'%3E%3Cpath d='M0.286133 0L15.7147 9L0.286133 18V0Z' fill='%2300ABFF'/%3E%3C/svg%3E");
   background-color: var(--base);
   background-size: 16px 18px;
   background-repeat: no-repeat;
   background-position: center;
   width: 50px;
   height: 50px;
   border-radius: 0px 10px;
   display: block;
   position: absolute;
   z-index: 99;
   top: 50%;
   right: 30%;
   transform: translate(-25px, -25px)
}

.vc-job-video figure .figcaption {
   background: var(--base);
   padding: 5%;
   font-family: var(--wpex-heading-font-family);
   font-weight: var(--wpex-heading-font-weight);
   color: var(--black);
   width: calc(30% + 100px);
   position: absolute;
   left: 0;
}

/*------------------------------------------------------------------------
## Elements
------------------------------------------------------------------------*/

/* == sliders == */
.vcex-testimonials-fullslider .sp-buttons {
   text-align: left !important;
   padding: 0;
   margin-top: 20px;   
}

.vcex-testimonials-fullslider .sp-button.sp-selected-button, .vcex-testimonials-fullslider .sp-button:hover {
   background-color: var(--accent-1) !important;
}

/* == questions == */
.loading-blur {
   filter: blur(3px);
   pointer-events: none;
   opacity: 0.6; 
   transition: filter 0.3s ease, opacity 0.3s ease;
}

.vcex-searchbar-input {
   --wpex-input-bg: var(--wpex-bg-color);
   --wpex-input-border-color: var(--wpex-bg-color);
   --wpex-focus-input-bg: var(--wpex-bg-color);
   --wpex-focus-input-outline-color: var(--accent-1);
   --wpex-focus-input-outline-width: 2px;
   
   border-radius: 0px 10px;
   height: 80px;
   padding: 0 30px;
   font-size: 1.1rem;
   border: 0;
}
.vcex-searchbar-input::placeholder {
   color: var(--black);
   opacity: .9;
}
.studentenvragen-overview {
   width: 100%;
}
.wpex-card-toggle_1 {
   padding: 20px;
   background-color: var(--base);
   border-bottom: 1px solid var(--wpex-bg-color);
}
.wpex-card-toggle_1 .vcex-toggle__heading {
   text-transform: inherit;
   font-weight: 700;
}
.wpex-card-toggle_1 .vcex-toggle__heading a {
   flex-direction: inherit;
}
.wpex-card-toggle_1 .vcex-toggle__icon {
   margin-inline-start: 0;
   margin-inline-end: 12px;
   background-color: var(--accent-4);
   border-radius: 5px 0;
   height: 30px;
   width: 30px;
   justify-content: center;
}

.wpex-card-toggle_1 .vcex-toggle__icon svg {
   height: 20px;
}
.termlist__item {
   margin-bottom: .6rem;
}
.termlist__item a {
   color: var(--black);
   text-decoration: underline;
   text-underline-offset: 2px;
   text-decoration-thickness: 1px;
}
.termlist__item a::before {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2300ABFF' d='M10.2 1.7 9.01 2.89l4.76 4.76H0v1.7h13.77l-4.76 4.76 1.19 1.19L17 8.5l-6.8-6.8Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h17v17H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
   width: 17px;
   height: 17px;
   display: inline-block;
   margin-right: 7px;
   position: relative;
   transform: translateY(3px);
}
.termlist__item a:hover {
   color: var(--accent-1);
}
.termlist__item--current>a {
   color: var(--accent-1);
   font-weight: 700;
}

/* == events == */
.aankomende-events-blok tr td {
   border: 0;
}
.aankomende-events-blok tr td.event-datum {
   padding: 0;
   white-space: nowrap;
}
.aankomende-events-blok h4.event-titel {
   font-family: var(--wpex-body-font-family);
   font-size: 1.1rem;
}
.tribe-events {
   --tec-color-text-primary: var(--black);
}
.tribe-events-event-meta:before, .tribe-events-event-meta~div:not(.tribe-events-event-meta,.event-tickets) {
   border-top: 0 !important;
}

.agenda-contactformulier {
   order: 3 !important;
   background-color: var(--base);
   padding: 10%;
   margin: 30px 0;
}

/* == studentenraad == */
.callout-square {
   background-color: var(--accent-1);
   margin-top: 70px;
}
.callout-square .vc_column-inner {
   height: 350px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 0;
}

/* == studentenraad detail en archief == */
.widget ul.studentenraad-themalijst li {
   font-family: 'JOB', sans-serif;
   font-weight: 700;
   font-size: 18px;
   margin-bottom: 10px;
}

.widget ul.studentenraad-themalijst li a {
   color: var(--black);
   transition: all ease 0.3s;
}

.widget ul.studentenraad-themalijst li.active-widget-item > a,
.widget ul.studentenraad-themalijst li a:hover {
   color: var(--wpex-accent);
   text-decoration: none;
}

.widget ul.studentenraad-themalijst li ul li a {
   font-weight: 400;
}

.widget ul.studentenraad-themalijst li ul {
   margin-left: 16px;
}

/* == Teaserbox == */

.teaser-wrapper .wpb_wrapper {
   height: 100%;
}

.vcex-teaser.teaser--about {
   display: flex;
   align-items: center;
   flex-flow: row;
   background-color: var(--black);
   color: var(--base); 
   height: 100%;
   padding: 40px 0;
   
   --wpex-heading-color: var(--base);
}

.teaser--about .vcex-teaser-media {
   width: 50%;
   transform: translateX(-40px);
}
.teaser--about .vcex-teaser-content {
   width: 50%;
}


.vcex-teaser.studentenraad {
   padding: 15px;
   aspect-ratio: 1 / 1;
}

/* == contact == */

.contactblock span.wpex-flex.wpex-icon--w.wpex-icon {
   --wpex-icon-height: 20px;
   --wpex-icon-width: 20px;
   background: var(--wpex-accent);
   border-radius: 0 10px;
   color: var(--base) !important;
   height: 40px;
   width: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.contactblock .wpex-child-inherit-color *:not(.theme-button):not(.button):not(.wpex-alert):not(.wpex-heading):not(pre):not(code),
.contactblock .wpex-child-inherit-color a:not(.theme-button):not(.button):hover path {
   fill: currentColor;
}


/* theme card */
.wpex-card.wpex-card-title_1 .wpex-card-title > a {
   background-color: var(--base);
   padding: 40px 25px;
   width: 100%;
   display: block;
   border-radius: 0px 30px;
   position: relative;
}
.wpex-card.wpex-card-title_1 .wpex-card-title > a:after {
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='18' fill='none'%3E%3Cpath fill='%230F296D' d='M1.957.799a1.167 1.167 0 0 0-.768 2.066l7.139 6.116-7.14 6.114a1.166 1.166 0 1 0 1.516 1.766l8.174-6.994a1.167 1.167 0 0 0 0-1.775l-8.174-7A1.167 1.167 0 0 0 1.957.8Z'/%3E%3C/svg%3E");
   display: flex;
   align-items: center;
   justify-content: center;
   height: 45px;
   width: 38px;
   position: absolute;
   right: 25px;
   top: 50%;
   transform: translateY(-50%);
   background-color: var(--accent-4);
   border-radius: 0px 10px;
}

/*------------------------------------------------------------------------
## mobile
------------------------------------------------------------------------*/

@media screen and (max-width : 1500px) {

   /* == header == */
   .main-navigation {
     --wpex-main-nav-link-padding-x: 0.5rem;
   }
   .main-navigation-ul>.menu-item>a {
      font-size: 0.8rem;
   }
}

@media screen and (max-width : 959px) {

   /* == header == */
   
   /* == hero == */
   
   /* == studentenvragen == */
}

@media screen and (max-width : 767px) {

   /* == footer == */
   #footer-widgets .col {
     width: 100% !important;
   }
   /* == row reverse == */
   .mobile-column-reverse {
     flex-flow: column-reverse;
   }
   
   /* == home ==*/
   .teaserbox--markt {
     flex-direction: column;
   }

}

@media only screen and (max-width: 480px) {}