/*
Theme Name:     Jupiter Child Theme
Theme URI:    http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Marketing by Nomads
Author URI:   https://marketingbynomads.com
Last update:  06-12-2022
Template:       jupiter
Text Domain:  mk_framework
Domain Path:  /languages/
*/

@import 'jupiter-theme-options.css';

/*
1. GLOBAL
  1.1 UITLIJNING
  1.2 UITLIJNING MOBILE
  1.3 HEADER
  1.4 FOOTER
  1.5 BREADCRUMB
  1.6 FONTS
  1.7 BUTTONS
  1.8 SEARCH
  1.9 TABEL
  1.10 Google reCaptcha
  1.11 Blockquote
2. HOMEPAGINA
3. PAGINAS
4. ARTIKELEN
5. GRAVITY FORM
6. CONTACT FORMS
7. ONZE DOCENTEN
*/

/*** 1. GLOBAL ***/

/* 1.1 UITLIJNING */

.vc_row {
  margin-left: auto;
  margin-right: auto;
}

#theme-page .theme-page-wrapper {
  margin-left: 0px;
  margin-right: 0px;
}
#theme-page .theme-page-wrapper .theme-content {
  padding: 30px 0px;
}
.single-post #theme-page .theme-page-wrapper .theme-content {
  padding-right: 30px;
}

/* 1.2 UITLIJNING MOBILE */

@media (max-width: 960px) {
  .theme-page-wrapper:not(.full-width-layout) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  img.mk-desktop-logo.dark-logo {
    margin-left: 10px;
  }
}

@media (min-width: 768px) {
  #mk-theme-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mk-blog-thumbnail-item .featured-image {
    max-width: 30% !important;
  }
}

@media (max-width: 767px) {
  #theme-page .theme-page-wrapper .theme-content {
    padding-right: 0px;
  }
}

@media handheld, only screen and (max-width: 768px) {
  .category #theme-page,
  .date #theme-page,
  .author #theme-page {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* EINDE UITLIJNING */

/* 1.3 HEADER */

/* Pre header (snel contact) */
#mk-theme-container .mk-header-tagline {
  float: right;
  /*color: #084686;
  font-weight: 600;
  font-size: 15px;*/
}
.mk-header-tagline a {
  font-size: 13px;
  text-decoration: underline;
}

/* uitlijning pagina en header */
.header-grid.mk-grid {
  margin-left: 0px;
  margin-right: 0px;
}
.mk-header-inner {
  border: 0px !important;
}

/* Hide line under header */
.header-style-1.header-align-left .mk-grid .mk-header-nav-container {
  border-bottom: 1px solid #e4e4e4;
}
.header-style-1.header-align-left .header-logo a {
  margin-left: 0px;
}

/* header uitlijning bij vergroten image */
.mk-header-holder.fancybox-margin {
  right: auto;
}

/* Hide line under header */
.mk-header {
  background-color: #ededed !important;
  border-bottom: 0px;
}
.header-style-1.header-align-left .mk-grid .mk-header-nav-container {
  border-bottom: 0px !important;
}

/* EINDE HEADER */

/* 1.4 FOOTER */

/* Aanmelding nieuwsbrief in footer */
#nieuwsbrief {
  width: 100%;
}
#nieuwsbriefsubmit {
  border: 1px solid #f15d22;
  background-color: #f15d22;
  margin-bottom: 0px;
}
#nieuwsbriefsubmit:hover {
  color: #f15d22 !important;
  background-color: #ffffff;
}
div.wpcf7-validation-errors {
  color: red;
}
div.wpcf7-mail-sent-ok {
  color: #398f14;
}

/* padding footer menu */
#mk-footer .widget-sub-navigation ul li a,
#mk-footer .widget_nav_menu ul li a {
  padding: 0 15px 0 5px;
}

.widget-sub-navigation,
.widget_nav_menu,
.widget_product_categories,
.woocommerce-MyAccount-navigation {
  padding: 0px;
}

/*Sub footer (copyright) left padding*/
.mk-footer-copyright {
  margin-left: 30px;
}

/* EINDE FOOTER */

/* 1.5 BREADCRUMB */

#mk-breadcrumbs .mk-breadcrumbs-inner {
  padding: 0px;
  float: left;
  color: #ffffff !important;
  font-weight: 700;
}

.archive #mk-breadcrumbs .mk-breadcrumbs-inner {
  display: none !important;
}

#mk-breadcrumbs .mk-breadcrumbs-inner a {
  color: #ffffff !important;
  font-weight: 100;
  text-decoration: underline;
}
.mk-breadcrumbs-inner.light-skin {
  margin-left: 20px !important;
}
.title_margin_left {
  margin-left: 20px;
}

/* EINDE BREADCRUMB */

/* 1.6 FONTS */

@media (max-width: 780px) {
  /* mobile font */
  .master-holder h1 {
    font-size: 26px;
  }
}
/* Jupiter 6 bug na opdate */
.HomeTitle p {
  color: #ffffff;
}

h2 p {
  color: #084686;
}

h1 p {
  color: #ffffff;
}

/* 1.7 BUTTONS */

/* Button borders */
.border_button {
  border: 1px solid #f15d22;
}

.border_button_grey {
  border: 1px solid #bbbbbb;
}
.border_button_grey:hover {
  border: 1px solid #666666;
}

/* 1.8 SEARCH */

/* Search bar */
input#s {
  height: 40px;
  margin-top: 4px;
  width: 100%; /*180px;*/
  /*border-radius: 0px !important;*/
}

/* 1.9 TABEL */

/* Alignment and padding tables */
table td {
  text-align: left;
  padding: 0px;
}

/* go to top button vs Google reCAPTCHA v3 icon */
a.mk-go-top.js-smooth-scroll.js-bottom-corner-btn.js-bottom-corner-btn--back.is-active {
  bottom: 85px;
}

/* 1.10 Google reCAPTCHA */

/* Hide Recaptcha on embed page*/
body.recaptcha-hidden .grecaptcha-badge {
  display: none !important;
}

/* 1.11 Blockquote */

blockquote p {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #888888;
}
blockquote {
  font-style: italic;
}

/*** EINDE GLOBAL ***/

/*** 2. HOMEPAGINA ***/

/* Homepage uitgelicht button styling */
.home .mk-button--size-large {
  padding: 20px 0px;
}
.home .vc_btn3.vc_btn3-color-warning,
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat {
  background-color: #f15d22;
  border: 1px solid #f15d22;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 2px;
  font-weight: bold;
}
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-warning:focus,
.vc_btn3.vc_btn3-color-warning:hover {
  background-color: #ffffff;
  color: #f15d22;
}

/* Homepage uitgelicht styling */
.uitgelicht_excerpt p {
  margin-bottom: 5px;
}
.uitgelicht_bold {
  font-weight: bold;
}
.uitgelicht_bottom p {
  margin-bottom: 10px;
}
/* hide next course date in backoffice */
.next_course_date {
  display: none;
}

/*** EINDE HOMEPAGINA ***/

/*** 3. PAGINAS ***/

	/* Meer informatie sidebar */
		.custom-sidebar-info .custom-button {
			background-color: #084686;
			border: 1px solid #084686;
			color: white;
			width: 100%;
			padding: 10px 20px 10px 20px;
			border: none;
			cursor: pointer;
			letter-spacing: 1px;
			font-weight: 700;
			font-size: 14px;
			margin-top: 10px;
		}

		.custom-sidebar-info .custom-button:hover {
			background-color: #fff;
			color: #084686;
			border: 1px solid #084686;
		}

		#gravity-form-container {
			margin-top: 20px;
		}

/* Button styling 'Direct inschrijven' */
#mk-button-inschrijven {
  background-color: #f15d22;
  margin-bottom: 15px;
}
#mk-button-inschrijven:hover {
  background-color: #ffffff;
}
#mk-button-inschrijven .mk-button:hover {
  color: #f15d22 !important;
}

/* Button styling 'Vrijblijvende optie nemen' */
#mk-button-option {
  background-color: #bbbbbb;
  margin-bottom: 15px;
}
#mk-button-option:hover {
  background-color: #ffffff;
}
#mk-button-option .mk-button:hover {
  color: #666666 !important;
}

/* center PE punten on moible */
@media handheld, only screen and (max-width: 780px) {
  .center_on_mobile {
    text-align: center !important;
  }
}

/* Right column course */
.opleiding_right_column {
  padding-right: 0px;
}
@media handheld, only screen and (max-width: 780px) {
  .opleiding_right_column {
    padding-right: 15px;
  }
}

/* parrallax height page image */
.mk-parallax-enabled {
  height: 280px;
}

/* margin left page titels */
.left_20px {
  margin-left: 20px !important;
}

/* title align smartphone */
@media handheld, only screen and (max-width: 767px) {
  .page-title {
    text-align: center !important;
  }
}

/* Visual composer post grid - filter tabs  (zoek uw opleiding) */
.vc_grid-filter-item:hover,
.vc_grid-filter-item.vc_active {
  background-color: #f15d22 !important;
}

/* Weergave artikel carousel */
.artikelPostTitle {
  text-shadow: 0px 0px 10px #222;
}

/* Tabbladen bij opleiding */

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
  /*background-color: #ffffff!important;*/
}
.vc_tta-container .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
  color: #ffffff;
  background-color: #f15d22;
}

li.vc_tta-tab {
  vertical-align: bottom;
}
.vc_tta-container .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
  color: #ffffff !important;
  background-color: #f15d23 !important;
  padding: 15px 20px !important;
}
.vc_tta-container .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
  padding: 10px 20px !important;
}

/* praktische informatie bij opleiding */

.infoBlock {
  border: 1px solid #084686;
  border-radius: 5px;
  padding: 25px 20px 5px 20px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.infoBlock,
.infoBlock p {
  font-size: 14px;
}

.infoBlock hr {
  border-top: 1px solid #f15d22;
  margin-bottom: 20px;
}

.infoBlock i {
  margin-right: 5px;
}

/* investering bij parktische informatie */

.courseinvestment td.investmenttotal {
  border-top: 1px solid #b4b4b4;
  padding-top: 3px;
  font-weight: 500;
}
.courseinvestment td {
}
.courseinvestment .investment {
  text-align: right;
  font-weight: 500;
}

/* stel een vraag bij een opleiding */

.vraagOpleiding {
  border: 1px solid #084686;
  border-radius: 5px;
  padding: 25px 20px 25px 20px;
  margin-top: 30px;
}
.vraagOpleiding h2 {
  margin-bottom: 10px;
}
.vraagOpleiding li {
  margin-top: 0 !important;
}
.vraagOpleiding input {
  margin-top: 0 !important;
}

/* course button */
.coursebuttoncontainer {
  margin-bottom: 15px;
}
a.coursebutton {
  background-color: #f15d22;
  color: #fff;
  padding: 38px 44px;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 2px;
  text-align: center;
  display: block;
  float: none;
  border: 1px solid #f15d22;
}
a.coursebutton:hover {
  background-color: #fff;
  color: #f15d22;
}

/* course option button */
.courseoptionbuttoncontainer {
  margin-bottom: 15px;
}
a.courseoptionbutton {
  background-color: #084686;
  color: #fff;
  padding: 20px 28px;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 2px;
  text-align: center;
  display: block;
  float: none;
  border: 1px solid #084686;
}
a.courseoptionbutton:hover {
  background-color: #fff;
  color: #084686;
}

/* course in company button */
.incompanybuttoncontainer {
  margin-bottom: 15px;
}
a.incompanybutton {
  background-color: #f15d22;
  color: #fff;
  padding: 38px 44px;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 2px;
  text-align: center;
  display: block;
  float: none;
  border: 1px solid #f15d22;
}
a.incompanybutton:hover {
  background-color: #fff;
  color: #f15d22;
}

/* course button small */
.courseoptionbuttoncontainersmall {
  margin-bottom: 15px;
}
a.coursebuttonsmall {
  background-color: #f15d22;
  color: #fff;
  padding: 14px 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 2px;
  text-align: center;
  display: block;
  float: none;
  border: 1px solid #f15d22;
}
a.coursebuttonsmall:hover {
  background-color: #fff;
  color: #f15d22;
}

/* course option button small */
a.courseoptionbuttonsmall {
  background-color: #084686;
  color: #fff;
  padding: 14px 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 2px;
  text-align: center;
  display: block;
  float: none;
  border: 1px solid #084686;
}
a.courseoptionbuttonsmall:hover {
  background-color: #fff;
  color: #084686;
}

/* Opleidingskalender */

/* Opleidingskalender tabel */
.TFtable {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 50px;
}
.TFtable tr {
  height: 50px !important;
}
.TFtable .ColumnCourse {
  width: 35%;
}
.TFtable .ColumnDate {
  width: 30%;
}
.TFtable .ColumnCTA {
  width: 35%;
}
.TFtable th {
  text-align: left;
  padding: 8px;
  font-weight: 500;
  text-transform: none;
  font-size: 14px;
  background-color: #084686;
  color: #ffffff;
}
.TFtable td,
.TFtable th {
  padding: 8px;
  vertical-align: middle;
}
/* provide some minimal visual accomodation for IE8 and below */
.TFtable tr {
  background-color: #f9f9f9;
  border-bottom: 1px solid #a2a2a2;
}
/*  Define the background color for all the ODD background rows  */
.TFtable tr:nth-child(odd) {
  background-color: #f9f9f9;
}
/*  Define the background color for all the EVEN background rows  */
.TFtable tr:nth-child(even) {
  background-color: #ffffff;
}
.TFtable tr:hover {
  background-color: #f1f1f1;
}
.TFtable li {
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 20px;
}
.TFtable ul {
  margin-bottom: 0;
}
.TFtable ul li {
  margin-left: 0;
}

/* Opleidingskalender button */
.CalendarButton,
.CalendarButtonOption {
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  float: right;
  margin-right: 20px;
  padding: 5px 15px;
  width: 150px;
  text-align: center;
}
.TFtable button:focus {
  outline: 0;
}
.CalendarButton {
  background-color: #f15d22;
  border: 1px solid #f15d22;
}
.CalendarButton:hover {
  background-color: #ffffff;
  color: #f15d22;
}
.CalendarButtonOption {
  background-color: #bbbbbb;
  border: 1px solid #bbbbbb;
}
.CalendarButtonOption:hover {
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  color: #bbbbbb;
}

/* Opleidingskalender mobile settings */
@media screen and (max-width: 1094px) and (min-width: 768px) {
  .CalendarButton {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .CourseCalendar h2 {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .CourseCalendar table,
  .CourseCalendar thead,
  .CourseCalendar tbody,
  .CourseCalendar th,
  .CourseCalendar td,
  .CourseCalendar tr {
    display: block;
  }
  .TFtable tr {
    height: auto !important;
  }
  th.ColumnDate,
  th.ColumnCTA {
    display: none;
  }
  .TFtable .ColumnCourse {
    width: 100%;
  }
  .TFtable .ColumnDate {
    width: 100%;
  }
  .TFtable .ColumnCTA {
    width: 100%;
  }
  .TFtable td,
  .TFtable th {
    padding-left: 15px;
    padding-right: 15px;
  }
  .CalendarButton,
  .CalendarButtonOption {
    float: none;
    width: 49%;
  }
  .CalendarButton {
    margin-left: auto;
    margin-right: 2%;
  }
  .CalendarButtonOption {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .CalendarButton {
  }
}

/* START [coursegrid] */
.course-item {
  background-color: #f4f4f4;
  padding: 20px;
  padding-top: 45px;
}

.course-item__heading {
  position: relative;
  padding-right: 40px;
}

.course-item__heading:after {
  content: '';
  width: 90px;
  height: 0px;
  border-bottom: 1px solid #f15d22;
  display: block;
  margin-bottom: 15px;
}

.course-item__heading h2 a {
  color: #084686;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}

.course-item__heading h2 a:hover {
  color: #f15d22;
}

.course-item__badge {
  height: 50px;
  width: 50px;
  position: absolute;
  top: -15px;
  right: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.course-item__label {
  position: absolute;
  left: 20px;
  top: 0;
  background-color: #f15d22;
  padding: 2px 5px;
  display: block;
  color: #fff;
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
}

.course-item__body {
  margin-bottom: 20px;
}

.course-item__body ul,
.course-item__body ol {
  margin-left: 6px;
}

.course-item__thumbnail {
  text-align: right;
}

.course-item__thumbnail a {
  color: #f15d22;
  vertical-align: middle;
  white-space: nowrap;
  transition: 0.3s;
}

.course-item__thumbnail a:after {
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  color: #fff;
  background-color: #f15d22;
  vertical-align: middle;
  height: 35px;
  width: 35px;
  padding: 4px;
  text-align: center;
  font-size: 12px;
  margin-left: 15px;
}

.course-item__thumbnail a:hover {
  opacity: 0.8;
}

.vc_col-sm-4 .vc_grid-container .vc_grid .vc_col-sm-4,
.vc_col-sm-3 .vc_grid-container .vc_grid .vc_col-sm-4 {
  width: 100%;
}

/* END [coursegrid] */

/*COURSE HEADER BADGE*/
.сourse-header {
  margin-bottom: 30px;
}
.course-header__badge {
  width: 94px;
  height: 94px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-right: 0;
  margin-left: auto;
}

@media (max-width: 767px) {
  .сourse-header {
    text-align: center;
  }
  .course-header__badge {
    margin-right: auto;
  }
}

.vc_col-sm-4 .vc_grid-container .vc_grid .vc_col-sm-4,
.vc_col-sm-3 .vc_grid-container .vc_grid .vc_col-sm-4 {
  width: 100%;
}

/* categorieen overzicht bij artikelen */

.artikelCat {
  /*  margin-bottom:10px!important;*/
}
.artikelCat p {
  text-align: center;
  font-size: 13px;
}
.artikelCat a {
  border: 1px solid #ededed;
  padding: 5px;
  margin-left: 2px;
  margin-right: 2px;
}

/* size search input */
input#s {
  width: 100%;
  border: 1px solid #777;
  border-radius: 5px;
}

/*** EINDE PAGINAS ***/

/*** 4. ARTIKELEN ***/

/* POSTS */

/* hide title bar in single post */
.single-post #mk-page-introduce.intro-left {
  display: none;
}
.single-post #theme-page .theme-page-wrapper .theme-content {
  padding: 0px 0px;
}
.single-post #theme-page .theme-page-wrapper {
  margin: 0px auto;
}
/* tijd weergave post */
#\32 325 time {
  display: none !important;
}
#\32 325 time .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date {
  display: none !important;
}
div#post-2325 time {
  display: none !important;
}

/* uitlijnen en marge titel en image in post */
.single-social-section {
  padding-right: 20px; /*was 20*/
}
.featured-image img {
  margin: auto;
}
.mk-blog-single .featured-image {
  text-align: center;
}
#theme-page .theme-page-wrapper .theme-content {
  padding-right: 0 !important;
}
.mk-blog-single .blog-single-title,
.mk-blog-hero .content-holder .the-title {
  padding-left: 20px;
}
.mk-blog-single .blog-single-meta {
  margin-bottom: 5px;
  padding-left: 20px;
  float: none !important;
}

/* uitlijnen pagina, titel en social share in post mobile */
@media handheld, only screen and (max-width: 960px) {
  .single-social-section {
    float: right !important;
    padding-right: 2px;
  }
  .mk-blog-single .blog-single-title,
  .mk-blog-hero .content-holder .the-title {
    padding-left: 0px;
  }
  /*.single-social-section{
          padding-right: 0px;
        }*/
  .mk-blog-single .blog-single-meta {
    padding-left: 0px;
  }
  /* align social section */
  .mk-blog-single .single-social-section .mk-blog-print {
    float: right !important;
  }
  .mk-blog-single .single-social-section .blog-share-container {
    float: right !important;
  }
  .mk-blog-single .single-social-section .mk-love-holder {
    float: right !important;
  }
  .single .master-holder h2 {
    font-size: 20px;
  }
  .single .theme-page-wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .single .vc_col-sm-8 {
    padding-left: 0px !important;
    padding-right: 5px;
  }
}

/* CATEGORY WISE SEARCH */
/* Category Wise Search */
input#searchsubmit {
  background-color: #f15d22;
  border: 1px solid #f15d22;
  border-radius: 0px !important;
  color: #fff;
  padding-bottom: 9px;
  padding-top: 9px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 600;
}
input#searchsubmit:hover {
  background-color: #ffffff;
  color: #f15d22;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
@media handheld, only screen and (max-width: 1160px) {
  input#searchsubmit {
    width: 100%;
    margin-bottom: 20px;
  }
}
#searchform_cat {
  display: inline !important;
}
select#searchform_cat {
  width: 210px !important;
  min-width: 210px;
}

/*WP SEARCH WIDGET: SEARCH FIELD BORDER AND BORDER COLOR*/
.widget .mk-searchform .text-input {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* Screen reader (reed more) */
label.screen-reader-text {
  display: block;
}

/* Tables in wpbakery builder */

.mk-single-content .mk-fancy-table th {
  text-align: left;
}
.mk-single-content .mk-fancy-table.table-style1 td {
  text-align: left;
}

/*** EINDE ARTIKELEN ***/

/*** 5. START GRAVITY FORM STYLING ***/

/*** GRAVITY FORM FIELD STYLING ***/

/* inschrijf form */
	#gform_1 input[type="text"], 
	#gform_1 input[type="email"], 
	#gform_1 input[type="url"], 
	#gform_1 input[type="tel"], 
	#gform_1 input[type="number"], 
	#gform_1 input[type="password"], 
	#gform_1 textarea {
	  font-size: 13px;
	  color: #333333;
	  padding: 10px;
	  background-color: #fafafa;
	  border: 1px solid #ccc;
	  font-family: Ubuntu;
	  font-weight:500;
	}
	#gform_1 input[type="text"]:focus, 
	#gform_1 input[type="email"]:focus, 
	#gform_1 input[type="url"]:focus, 
	#gform_1 input[type="tel"]:focus, 
	#gform_1 input[type="number"]:focus, 
	#gform_1 input[type="password"]:focus, 
	#gform_1 textarea:focus {
		background-color:#ffffff;
	}
	#gform_1 input::placeholder, 
	#gform_1 textarea::placeholder,
	#gform_1 input::placeholder, 
	#gform_1 textarea::placeholder {
		font-size:13px;
		letter-spacing:0;
		color:#979797;
		font-weight:100;
	}

/* in company form */
	#gform_2 input[type="text"], 
	#gform_2 input[type="email"], 
	#gform_2 input[type="url"], 
	#gform_2 input[type="tel"], 
	#gform_2 input[type="number"], 
	#gform_2 input[type="password"], 
	#gform_2 textarea {
	  font-size: 13px;
	  color: #333333;
	  padding: 10px;
	  background-color: #fafafa;
	  border: 1px solid #ccc;
	  font-family: Ubuntu;
	  font-weight: 500;
	}
	#gform_2 input[type="text"]:focus, 
	#gform_2 input[type="email"]:focus, 
	#gform_2 input[type="url"]:focus, 
	#gform_2 input[type="tel"]:focus, 
	#gform_2 input[type="number"]:focus, 
	#gform_2 input[type="password"]:focus, 
	#gform_2 textarea:focus {
		background-color:#ffffff;
	}
	#gform_2 input::placeholder, 
	#gform_2 textarea::placeholder,
	#gform_2 input::placeholder, 
	#gform_2 textarea::placeholder {
		font-size:13px;
		letter-spacing:0;
		color:#979797;
		font-weight: 100;
	}

/* optie form */
	#gform_4 input[type="text"], 
	#gform_4 input[type="email"], 
	#gform_4 input[type="url"], 
	#gform_4 input[type="tel"], 
	#gform_4 input[type="number"], 
	#gform_4 input[type="password"], 
	#gform_4 textarea {
	  font-size: 13px;
	  color: #333333;
	  padding: 10px;
	  background-color: #fafafa;
	  border: 1px solid #ccc;
	  font-family: Ubuntu;
	  font-weight: 500;
	}
	#gform_4 input[type="text"]:focus, 
	#gform_4 input[type="email"]:focus, 
	#gform_4 input[type="url"]:focus, 
	#gform_4 input[type="tel"]:focus, 
	#gform_4 input[type="number"]:focus, 
	#gform_4 input[type="password"]:focus, 
	#gform_4 textarea:focus {
		background-color:#ffffff;
	}
	#gform_4 input::placeholder, 
	#gform_4 textarea::placeholder,
	#gform_4 input::placeholder, 
	#gform_4 textarea::placeholder {
		font-size:13px;
		letter-spacing:0;
		color:#979797;
		font-weight:100;
	}

/* stel een vraag opleiding form */
	#gform_7 input[type="text"], 
	#gform_7 input[type="email"], 
	#gform_7 input[type="url"], 
	#gform_7 input[type="tel"], 
	#gform_7 input[type="number"], 
	#gform_7 input[type="password"], 
	#gform_7 textarea {
	  font-size: 13px;
	  color: #333333;
	  padding: 10px;
	  background-color: #fafafa;
	  border: 1px solid #ccc;
	  font-family: Ubuntu;
	  font-weight:500;
	}
	#gform_7 input[type="text"]:focus, 
	#gform_7 input[type="email"]:focus, 
	#gform_7 input[type="url"]:focus, 
	#gform_7 input[type="tel"]:focus, 
	#gform_7 input[type="number"]:focus, 
	#gform_7 input[type="password"]:focus, 
	#gform_7 textarea:focus {
		background-color:#ffffff;
	}
	#gform_7 input::placeholder, 
	#gform_7 textarea::placeholder,
	#gform_7 input::placeholder, 
	#gform_7 textarea::placeholder {
		font-size:13px;
		letter-spacing:0;
		color:#979797;
		font-weight:100;
	}

/* meer informatie form */
	#gform_11 input[type="text"], 
	#gform_11 input[type="email"], 
	#gform_11 input[type="url"], 
	#gform_11 input[type="tel"], 
	#gform_11 input[type="number"], 
	#gform_11 input[type="password"], 
	#gform_11 textarea {
	  font-size: 13px;
	  color: #333333;
	  padding: 10px;
	  background-color: #ffffff;
	  border: 1px solid #ccc;
	  font-family: Ubuntu;
	  font-weight:500;
	}
	#gform_11 input[type="text"]:focus, 
	#gform_11 input[type="email"]:focus, 
	#gform_11 input[type="url"]:focus, 
	#gform_11 input[type="tel"]:focus, 
	#gform_11 input[type="number"]:focus, 
	#gform_11 input[type="password"]:focus, 
	#gform_11 textarea:focus {
		background-color:#ffffff;
	}
	#gform_11 input::placeholder, 
	#gform_11 textarea::placeholder,
	#gform_11 input::placeholder, 
	#gform_11 textarea::placeholder {
		font-size:13px;
		letter-spacing:0;
		color:#979797;
		font-weight:100;
	}

/* Nieuwsbrief sign up opleiding form */
	#gform_12 input[type="text"], 
	#gform_12 input[type="email"], 
	#gform_12 input[type="url"], 
	#gform_12 input[type="tel"], 
	#gform_12 input[type="number"], 
	#gform_12 input[type="password"], 
	#gform_12 textarea {
	  font-size: 13px;
	  color: #333333;
	  padding: 10px;
	  background-color: #fafafa;
	  border: 1px solid #ccc;
	  font-family: Ubuntu;
	  font-weight:500;
	}
	#gform_12 input[type="text"]:focus, 
	#gform_12 input[type="email"]:focus, 
	#gform_12 input[type="url"]:focus, 
	#gform_12 input[type="tel"]:focus, 
	#gform_12 input[type="number"]:focus, 
	#gform_12 input[type="password"]:focus, 
	#gform_12 textarea:focus {
		background-color:#ffffff;
	}
	#gform_12 input::placeholder, 
	#gform_12 textarea::placeholder,
	#gform_12 input::placeholder, 
	#gform_12 textarea::placeholder {
		font-size:13px;
		letter-spacing:0;
		color:#979797;
		font-weight:100;
	}
	#gform_12 .gform-footer.gform_footer.top_label {
		padding: 0;
	}

select {
  background-color: #fafafa !important;
}

/* GRAVITY FORM BUTTON STYLING */
.gform_wrapper .gform_footer input.button {
  float: right;
  border: 1px solid #f15d22 !important;
  width: 200px;
}
.gform_wrapper .gform_footer input.button:hover {
  background-color: #ffffff !important;
  color: #f15d22 !important;
}
/* GRAVITY FORM LINE UNDER SECTON*/
.gform_wrapper .gsection {
  border-bottom: 0px solid #ccc;
}
/*GRAVITY FORM FONT COLOR IN DROPDOWNS*/
#theme-page select,
.woocommerce select {
  color: #767676;
  background-color: #fafafa;
  border: 1px solid #ccc;
  background: url(../../images/selectbox-arrow.png) right center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 12px;
  line-height: 11px;
  min-width: 220px !important; /*nodig voor wise widget? was 240px */
  max-width: 100%;
}
.gform_wrapper select {
  padding: 12px 14px 12px 10px !important;
}
/*GRAVITY FORM FONT COLOR FIELD LABELS*/
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
  color: #4d4d4d;
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 0;
}
/*GRAVITY FORM FONT COLOR OF CHECKED CHECK BOXES*/
.gform_wrapper ul.gfield_checkbox li input[type='checkbox']:checked + label,
.gform_wrapper ul.gfield_radio li input[type='radio']:checked + label {
  color: #4d4d4d;
}
/*GRAVITY FORM LABEL DATE FIELD*/
.gform_wrapper .field_sublabel_below div[class*='gfield_date_'].ginput_container label {
  display: none !important;
}

h3.gsection_title {
  margin-top: 20px;
  margin-bottom: 0;
}
.gform_wrapper.gravity-theme .gsection {
  border-bottom: 0;
}
p.gform_required_legend {
  display: none;
}
.gchoice label {
  font-size: 13px !important;
}

/* confirm message Gravity Form */
.confirm_message {
  border-color: #cfebfe;
  background-color: #dff2fe;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 3em 3em 1em 3em;
}
.confirm_image {
  max-width: unset !important;
  width: auto !important;
  margin-right: 3em;
}
@media handheld, only screen and (max-width: 780px) {
  .confirm_message {
    padding: 2em 1em 0em 1em;
  }
  .confirm_image {
    margin-right: 1em;
  }
}
/* Gravity Form confirmation Message */
.gform_confirmation_message {
  border-color: #cfebfe;
  background-color: #dff2fe;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 2em 3em 2em 3em;
}
.gform_confirmation_message h3::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f00c';
  color: #fff;
  background-color: #8bc34a;
  padding: 8px 10px 8px 10px;
  border-radius: 25px;
  margin-right: 15px;
}
.gform_confirmation_message h3 {
  margin-bottom: 15px;
}

/*** END GRAVITY FORM STYLING ***/

/*** 6. CONTACT FORMS ***/

/* Algemene Contact form 7 settings */
.cf7cs_form315 {
  height: 120px;
}
span.wpcf7-not-valid-tip {
  top: -30px;
  right: 0px;
}

/* Contact formulieren: Bel mij terug en stuur mij meer informatie aanpassingen */
.mk-accordion.simple-style .mk-accordion-tab:before {
  color: #084686 !important;
  content: '\f067' !important;
  font-size: 16px;
  left: 10px;
  right: auto;
  margin-left: -25px !important;
}
.mk-accordion.simple-style .mk-accordion-tab:after {
  /* content: "\f067" !important;*/
  font-size: 16px;
  left: 10px;
  right: auto;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 100%;
}
.wpcf7-submit {
  color: #ffffff;
  background-color: #084686;
  border: 1px solid #084686;
  text-transform: none !important;
}
.wpcf7-submit:hover {
  color: #084686 !important;
  background-color: #ffffff !important;
}
/* Einde Bel mij terug en stuur mij meer informatie aanpassingen  */

/*** EINDE CONTACT FORMS ***/

/*** 7. ONZE DOCENTEN ***/

/* DOCENT */
/*.mk-about-author-wrapper .about-author-desc {
/*  display: none !important;
/*}
/*.mk-about-author-wrapper .about-author-social {
/*  display: none !important;
/*}
/*.bio_text {
/*  padding-bottom: 40px;
/*  margin-left: 10px;
/*}
/*
/*.bio_text p {
/*  margin-bottom: 10px;
/*}
/*
/*.socialLinkedIn {
/*  background: url('icon-linkedin.png') no-repeat 0 0;
/*  background-size: 32px 32px;
/*  width: 32px;
/*  height: 32px;
/*  display: inline-block;
/*  margin: 0 10px 0 0;
/*  padding: 0;
/*  line-height: 0;
/*  font-size: 0;
/*  text-decoration: none;
/*  text-indent: -9999px;
/*}
/*
/*.socialTwitter {
/*  background: url('icon-twitter.png') no-repeat 0 0;
/*  background-size: 32px 32px;
/*  width: 32px;
/*  height: 32px;
/*  display: inline-block;
/*  margin: 0 10px 0 0;
/*  padding: 0;
/*  line-height: 0;
/*  font-size: 0;
/*  text-decoration: none;
/*  text-indent: -9999px;
/*}
/*
/*#mk-employees-list li {
/*  cursor: pointer;
/*}
/*span.team-member-name {
/*  font-weight: 700;
/*  text-transform: none !important;
/*}
/*span.team-member-desc {
/*  margin-top: 10px !important;
/*  line-height: 20px;
/*}
/*
/*.mk-employees.simple-style .mk-employee-item .team-thumbnail img {
/*  border-radius: 150px;
/*}
/*.bio_text h3 {
/*  margin-top: -18px !important;
/*  color: #084686 !important;
/*}
/*
/*.page-subtitle {
/*  display: none;
/*}
/*
/*.mk-employees ul {
/*  list-style-type: none;
/*  overflow: hidden;
/*}
/*
/*.mk-employees.classic-style.four-column .mk-employee-item,
/*.mk-employees.simple-style.four-column .mk-employee-item {
/*  height: 330px;
/*  margin-top: 20px;
/*  margin-bottom: 20px;
/*}
/*
/*/
* text padding artikelen en opleidingen docenten pagina */
/*.mk-blog-thumbnail-item.content-align-right .item-wrapper {
/*  padding: 20px 30px 15px;
/*}
/*
/*@media screen and (min-width: 1180px) {
/*  .single #fancy-title-3 {
/*    text-align: left;
/*    margin-left: 125px;
/*  }
/*  .single li.mk-employee-item.em-first-column {
/*    width: 330px; /*was 330*/
/*    display: block;
/*    float: left;
/*  }
/*}
/*
/*@media handheld, only screen and (max-width: 960px) {
/*  .page-template-authors .theme-page-wrapper {
/*    padding-left: 45px;
/*  }
/*}
/*
/*.wpb_row.vc_row.vc_row-fluid.mk-fullwidth-false.attched-false.vc_row-fluid {
/*  /*.page-template-authors padding-left:45px; /*was 70*/
/*}
/*
/*@media handheld, only screen and (max-width: 780px) {
/*  /* margins all pages mobile */
/*  .page-template-authors .wpb_row.vc_row.vc_row-fluid.mk-fullwidth-false.attched-false.vc_row-fluid {
/*    padding-left: 0px !important;
/*    margin-right: 0px !important;
/*  }
/*}
/*
/*@media screen and (min-width: 1180px) {
/*  .page-template-authors li.mk-employee-item.em-first-column {
/*    width: 345px; /*was 330*/
/*    display: block;
/*    float: left;
/*  }
/*}
/*
/*@media screen and (min-width: 767px) and (max-width: 1180px) {
/*  .page-template-authors li.mk-employee-item.em-first-column {
/*    width: 300px; /*was 330*/
/*    display: block;
/*    float: left;
/*  }
/*}
/*
/*@media screen and (min-width: 1210px) {
/*  .page-template-default li.mk-employee-item.em-first-column {
/*    width: 345px; /*was 330*/
/*    display: block;
/*    float: left;
/*  }
/*}
/*
/*@media screen and (min-width: 797px) and (max-width: 1210px) {
/*  .page-template-default li.mk-employee-item.em-first-column {
/*    width: 300px; /*was 330*/
/*    display: block;
/*    float: left;
/*  }
/*}
/*
/*li.mk-employee-item.em-first-column {
/*  text-align: center;
/*}
/*
/*li.mk-employee-item.em-first-column span {
/*  display: block;
/*}
/*
/*/* aanpassing onze mensen detail pagina */
/*.author .mk-blog-thumbnail-item .featured-image {
/*  max-width: 30% !important;
/*}
/*
/*@media (max-width: 767px) {
/*  .mk-blog-thumbnail-item.content-align-right .item-wrapper {
/*    float: none;
/*  }
/*  .mk-blog-thumbnail-item .item-wrapper {
/*    padding: 0px !important;
/*  }
/*  .author .mk-blog-thumbnail-item .featured-image {
/*    max-width: 100% !important;
/*  }
/*  .author h3 {
/*    font-size: 18px;
/*  }
/*  .author h2 {
/*    font-size: 24px;
/*    padding-bottom: 10px;
/*  }
/*}*/

/* Onze mensen */
.mk-about-author-wrapper .about-author-desc {
  display: none !important;
}
.mk-about-author-wrapper .about-author-social {
  display: none !important;
}
.bio_text {
  padding-bottom: 40px;
  margin-left: 10px;
}

.bio_text p {
  margin-bottom: 10px;
}

.socialLinkedIn {
  background: url('icon-linkedin.png') no-repeat 0 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  text-decoration: none;
  text-indent: -9999px;
}

.socialTwitter {
  background: url('icon-twitter.png') no-repeat 0 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  text-decoration: none;
  text-indent: -9999px;
}

#mk-employees-list li {
  cursor: pointer;
}
span.team-member-name {
  font-weight: 700;
  text-transform: none !important;
}
span.team-member-desc {
  margin-top: 10px !important;
  line-height: 20px;
}

.mk-employees.simple-style .mk-employee-item .team-thumbnail img {
  border-radius: 150px;
}
.bio_text h3 {
  margin-top: -18px !important;
  color: #084686 !important;
}

.page-subtitle {
  display: none;
}

.mk-employees ul {
  list-style-type: none;
  overflow: hidden;
}

.mk-employees.classic-style.four-column .mk-employee-item,
.mk-employees.simple-style.four-column .mk-employee-item {
  height: 330px;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1180px) {
  .single #fancy-title-3 {
    text-align: left;
    margin-left: 125px;
  }
  .single li.mk-employee-item.em-first-column {
    width: 50%; /*was 330px*/
    display: block;
    float: left;
  }
}

@media handheld, only screen and (max-width: 960px) {
  .page-template-authors .theme-page-wrapper {
    padding-left: 45px;
  }
}

@media handheld, only screen and (max-width: 780px) {
  /* margins all pages mobile */
  .page-template-authors .wpb_row.vc_row.vc_row-fluid.mk-fullwidth-false.attched-false.vc_row-fluid {
    padding-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media screen and (min-width: 1180px) {
  .page-template-authors li.mk-employee-item.em-first-column {
    width: 369px; /*was 330*/
    display: block;
    float: left;
  }
}

@media screen and (min-width: 767px) and (max-width: 1180px) {
  .page-template-authors li.mk-employee-item.em-first-column {
    width: 300px; /*was 330*/
    display: block;
    float: left;
  }
}

@media screen and (min-width: 1210px) {
  .page-template-default li.mk-employee-item.em-first-column {
    width: 345px; /*was 330*/
    display: block;
    float: left;
  }
}

@media screen and (min-width: 797px) and (max-width: 1210px) {
  .page-template-default li.mk-employee-item.em-first-column {
    width: 300px; /*was 330*/
    display: block;
    float: left;
  }
}

li.mk-employee-item.em-first-column {
  text-align: center;
}

li.mk-employee-item.em-first-column span {
  display: block;
}

/* aanpassing onze mensen detail pagina */
.author .mk-blog-thumbnail-item .featured-image {
  max-width: 30% !important;
}

@media handheld, only screen and (max-width: 767px) {
  .mk-blog-thumbnail-item.content-align-right .item-wrapper {
    float: none;
  }
  .mk-blog-thumbnail-item .item-wrapper {
    padding: 0px !important;
  }
  .author .mk-blog-thumbnail-item .featured-image {
    max-width: 100% !important;
  }
  .author h3 {
    font-size: 18px;
  }
  .author h2 {
    font-size: 24px;
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 501px) {
  .Author {
    display: flex;
    margin-bottom: 40px;
  }
  .AuthorAvatar {
    float: left;
    width: 30%;
    padding-right: 3%;
  }
  .AuthorBio {
    float: right;
    width: 70%;
  }
  .AuthorBio h2 {
    margin-bottom: 10px;
  }
  .AuthorBio h3 {
    color: #084686;
    font-size: 22px;
  }
  .AuthorBio .socialLinkedIn {
    margin-top: 20px;
  }
}

@media screen and (max-width: 500px) {
  .Author {
    margin-bottom: 20px;
  }
  .AuthorAvatar {
    margin-bottom: 20px;
  }
  .AuthorBio h2 {
    margin-bottom: 10px;
  }
  .AuthorBio h3 {
    color: #084686;
    font-size: 22px;
  }
  .AuthorBio .socialLinkedIn {
    margin-top: 20px;
  }
}

/* Weergave medewerker in post */
/*    .mk-about-author-wrapper {
      overflow:hidden;  
    }

    .mk-about-author-wrapper .avatar-wrapper{
      float:none; 
      margin: 0 auto;
    }

    .mk-about-author-wrapper .mk-about-author-meta {
      display: block;
      margin-left: 0;
      text-align: center;
    }
    .author-item {
      float:left; 
      width:180px;
    }
    .about-author-name {
      padding-left: 0 !important;
    }*/

.AuthorsPost {
  margin-bottom: 40px;
  padding: 40px 0 10px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.AuthorPost {
  width: 33%;
  display: inline-table;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .AuthorPost {
    width: 49%;
  }
}
@media screen and (max-width: 500px) {
  .AuthorPost {
    width: 100%;
  }
}
.AuthorPostAvatar {
  margin-bottom: 15px;
}
.AuthorPostAvatar img {
  width: 150px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.AuthorPostName {
  margin-bottom: 5px;
}
.AuthorPostName a {
  font-weight: 700;
  color: #000000;
}
.AuthorPostDesc {
  text-align: center;
  padding: 0 10px 0 10px;
}

/* EINDE ONZE MENSEN */

.star-rating {
  display: inline-flex;
  margin-right: 10px;
}

.hidden-review {
  display: none !important;
}

.course-reviews-container {
  /*max-width: 600px;*/
  margin: 30px auto;
}

.courses-headline h2 {
  margin-bottom: 0;
}

.courses-headline {
  margin-bottom: 15px;
}

@media (min-width: 500px) {
  .courses-headline {
    display: flex;
    justify-content: space-between;
  }
}

.reviews-item {
  padding: 15px 20px;
  margin-bottom: 20px;
}

.reviews-item:nth-child(odd) {
  background-color: #ffffff;
}
.page-template-reviews .reviews-item:nth-child(odd) {
    background-color: #fafafa;
}

.review-heading > * {
  display: inline-flex;
  vertical-align: middle;
}

.review-heading h3 {
  margin-bottom: 0;
}

.review-heading {
  margin-bottom: 10px;
}

.rating-container h1 {
  display: inline-block;
  margin-right: 15px;
}

.reviews-link {
  display: inline-block;
}
.reviews-link > * {
  vertical-align: middle;
}

.star {
  width: 15px;
  height: 15px;
  background: gray; /* Color for inactive stars */
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  margin-right: 2px;
}

.star.active {
  background: orange; /* Color for active stars */
}

.star.half-active {
  background: linear-gradient(to right, orange 50%, gray 50%); /* Color for half stars */
}