/*
Theme Name: JNews - Child Theme
Version: 1.0.0
Theme URI: http://themeforest.net/?ref=jegtheme
Description: A basic starter child theme for customization purpose of JNews theme.
Author: Jegtheme
Author URI: http://themeforest.net/user/jegtheme?ref=jegtheme
Template: jnews
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css?family=Bree+Serif&display=swap&subset=latin-ext");

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bree Serif", serif !important;
  margin-top: 0 !important;
}

.content-inner ol,
.content-inner ul {
  margin: -0.2em 0 1.2em;
}

.entry-content blockquote {
	line-height: 1.4em;
}

@media screen and (min-width: 768px) {
	.entry-content blockquote {
		font-size: 18px;
	}
}

.hide-on-normal {display:none;}

article .jeg_thumb .jeg_post_category a {
  padding: 5px 6px 2px;
}

.jeg_post_meta {
  margin-top: -10px;
  margin-bottom: 10px;
}

.jeg_meta_date .fa-clock-o {
  display: none;
}

.jeg_post_meta > .jeg_meta_author,
.fa-clock-o::before {
  display: none !important;
}
.jeg_post_excerpt {
  margin-top: 0px;
}
.jeg_meta_date a,
.jeg_modified_date a {
  font-size: 1.2em;
}

.widget_tag_cloud h3.jeg_block_title {
  font-weight: normal;
}

/**menu */
.jeg_bottombar.jeg_navbar .jeg_nav_item.jeg_search_wrapper.search_icon.jeg_search_popup_expand {
  margin-top: -7px;
}

/**zoekveld**/

.jeg_search_popup_expand .jeg_search_form,
.jeg_search_popup_expand .jeg_search_input,
.jeg_mobile_wrapper .jeg_search_no_expand .jeg_search_input {
  box-shadow: none;
  color: #b99646;
}
.fa-close::before,
.fa-remove::before,
.fa-times::before {
  color: #b99646;
}

/***homeapge bloken leesmeer **/
.vc_btn3.vc_btn3-size-md {
  padding-top: 4px;
  padding-bottom: 4px;
}

/** Social media icon  make-over */
.socials_widget.nobg .jeg_facebook .fa,
.socials_widget .jeg_facebook .fa,
.socials_widget.nobg .jeg_instagram .fa,
.socials_widget .jeg_instagram .fa,
.socials_widget.nobg .jeg_twitter .fa,
.socials_widget .jeg_twitter .fa {
  background: #000 !important;
  color: #fff !important;
  width: 29px;
  height: 29px;
  display: block;
  float: left;
  line-height: 29px;
  border-radius: 100%;
  margin: 0px;
  font-size: 20px;
}

/*mobile menu bars */
.fa.fa-bars {
  background-color: black;
  color: white;
  border-radius: 100%;
  font-size: 14px;
  padding: 10px;
}

.jeg_topbar .socials_widget a .fa {
  margin-top: 15px;
  width: 26px;
  height: 26px;
  font-size: 1.8em;
}

.sitting-girl-icon::after {
  content: "";
  width: 50px;
  height: 80px;
  background: url("https://voorwerkendeouders.nl/wp-content/uploads/2019/11/girl-sitting.png")
    no-repeat 0 0;
  top: -20px;
  right: 35px;
  position: absolute;
  display: inline-block;
}

/*Footer menu **/

#menu-footer-navigation {
  display: block;
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.jeg_footer .widget_nav_menu li {
  padding: 0 5px!important;
  display: inline-block;
}
.jeg_footer .widget_nav_menu li a {
  color: #fff;
}
.jeg_footer .widget_nav_menu li a:hover,
.jeg_footer .widget_nav_menu li.current-menu-item a {
  color: #000;
}

/*Mobiel Menu and submenu font reset to Hind*/
ul.jeg_mobile_menu ul.sub-menu li a {
  text-transform: capitalize;
}
ul.jeg_mobile_menu li a {
  text-transform: uppercase;
  font-weight: normal;
}

.sub-menu li *,
.jeg_mobile_menu li * {
  font-family: "Hind";
  font-weight: normal;
}

.jeg_menu li > ul {
  min-width: 5em;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 4px rgba(0, 0, 0, 0.18);
}

.jeg_midbar {
  box-shadow: 0 0 10px #b8bbbd;
}
.jeg_header .jeg_bottombar {
  padding-top: 5px;
}
.jeg_header .jeg_menu.jeg_main_menu > li.menu-item.current_page_item a,
.jeg_header .jeg_menu.jeg_main_menu > li.menu-item.current-menu-item a {
  color: #b99646;
}

/* homepage tegels */
.bordered-content .jeg_wrapper {
  border: 1px solid #b9b9b9;
  box-sizing: border-box;
  padding: 0;
  margin-bottom: 1rem;
}

.bordered-content h3 {
  margin: 0 1rem 0.5rem;
  padding-top: 1rem;
}

.bordered-content .wpb_text_column {
  padding: 0 1rem 0.5rem;
  margin-bottom: 1rem;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-grey:focus,
.vc_btn3.vc_btn3-color-grey:hover {
  background-color: #a88535 !important;
  color: #fff !important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
  background-color: #b99646 !important;
  color: #fff !important;
}

.vwo-button {
  width: 100%;
  color: #ffffff;
  scroll-margin-bottom: 0;
  position: relative;
}

.vwo-button.vc_btn3-container {
  margin-bottom: 0;
}

.vwo-button button.vc_general.vc_btn3 {
  background-color: #b99646;
  color: inherit;
  width: 100%;
  text-align: center;
  padding: 5px 5px 5px 10px;
}

.vwo-button button.vc_general.vc_btn3:hover {
  background-color: #b99646;
  color: #000000;
}

.vwo-button button.vc_general.vc_btn3.vc_btn3-icon-right .vc_btn3-icon {
  right: 12px;
}

.vwo-button a.vc_general.vc_btn3 {
  line-height: 1.2;
  display: block;
  padding: 5px 3px 3px;
}

/* nieuwsbrief formulier styling */
.jeg_main_content .mc4wp-form {
  border: none;
  padding: 0;
  margin: 0;
}

.jeg_main_content .mc4wp-form .mc4wp-form-fields {
  max-width: none;
}

.jeg_main_content .mc4wp-form #newsletter_form > input {
  float: left;
  display: block;
  width: auto;
  margin-right: 1rem;
}

/*obsidiaan edit form*/

.jeg_main_content .mc4wp-form #newsletter_form > input {
  width: 250px;
  margin: 0 5px 15px 15px;
}

/*** WPFORMS   MOLLIE ABONNEMENTEN **/

.hideMollieFormField {display:none;}

#wpforms-2232.wpforms-container-full .wpforms-form button[type="submit"] {
  padding: 3px 50px;
}

#wpforms-652 .wpforms-form .wpforms-title {
  font-size: 14px;
}
div.wpforms-container-full .wpforms-form button[type="submit"], #form_763_field_9 {
  background-color: #b99646;
  color: #fff;
  border: none;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover, #form_763_field_9:hover {
  background-color: #a88535;
  color: #000;
  border: none;
}

#form_763_field_9 {padding:15px 20px; cursor: pointer;
    }

#form_763_field_6 {min-height: 10px !important;
    height: 36px;
    width: 80px !important;
    overflow: hidden;
    border:4px solid #002a97;
 /* omhoog schuiven over een <br> element*/
  margin-top:-17px;
  color:#002a97;
  font-weight: bold;
  text-align: center;
  }

/** Einde mollie forms **/

/* hang in there boy - contact form */
#rfmp_open_amount_763 {margin-top:5px;}
input[name=rfmp_amount_763] {
background:#E6E6E6;
color:#002a97;
width: 120px !important;
overflow: hidden !important;
border:none;
}
.rfmp_currency_763 {display:none;}

#wpforms-652 .wpforms-head-container {
  padding-bottom: 0;
}

#wpforms-652 .wpforms-field-label-inline,
#wpforms-652 .wpforms-title {
  color: #fff;
}

#wpforms-652::after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 80px;
  background: url("https://voorwerkendeouders.nl/wp-content/uploads/2019/11/boy-hanging.png")
    0 0 no-repeat;
  bottom: -60px;
  right: 30px;
}
/**nieuwsbrief homepage **/
#newsform_home_mobile2 .wpforms-container .boy button:after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 80px;
  background: url("https://voorwerkendeouders.nl/wp-content/uploads/2019/11/boy-hanging.png")
  0 0 no-repeat;
  bottom: -18px;
  left: 5px;
}

#newsform_home_mobile2 .wpforms-page-indicator {
  display: none;
}

#newsform_home_mobile2 .wpforms-field-pagebreak.boy {
  overflow: visible;
}

#newsform_home_mobile2 .wpforms-page-button,
#newsform_home_mobile2 button[type='submit'] {
  width: 100%;
  font-weight: bold;
}

#newsform_home_mobile2,
#newsform_home_mobile,
#newsform_home {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0 0 2rem !important;
  background-color: #002a97 !important;
  color: #ffffff;
}

#newsform_home2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0 0 2rem !important;
  background-color: #002a97 !important;
  color: #ffffff;
}

#newsform_home_mobile2  label.wpforms-error,
#newsform_home2 label.wpforms-error,
#newsform_home_mobile2  em.wpforms-error,
#newsform_home2 em.wpforms-error {
  position: absolute;
  background-color: white;
  border: 1px solid red;
  padding: 2px 12px;
  box-shadow: 2px 2px;
  top: 50px;
}

#newsform_home_mobile2 .wpforms-field.wpforms-has-error {
  padding-bottom: 50px;
}

#newsform_home2 .wpforms-container {
  margin: -15px 10px -28px;
}

#newsform_home2 button[type='submit'],
#newsform_home2 .wpforms-field input,
#newsform_home2 .wpforms-container.inline-fields .wpforms-submit-container {
  width: 250px;
}

#newsform_home2 .wpforms-container.inline-fields .wpforms-field-container {
  width: calc(100% - 280px);
}

@media only screen and (min-width: 986px) and (max-width: 1199px) {
  #newsform_home2 button[type='submit'],
  #newsform_home2 .wpforms-field input,
  #newsform_home2 .wpforms-container.inline-fields .wpforms-submit-container {
    width: 205px;
  }

  #newsform_home2 .wpforms-container.inline-fields .wpforms-field-container {
    width: calc(100% - 230px);
  }
}

@media only screen and (min-width: 567px) and (max-width: 985px) {
  #newsform_home2 .inline-fields form.wpforms-form {
    display: block;
  }

  #newsform_home2 button[type='submit'],
  #newsform_home2 .wpforms-field input,
  #newsform_home2 .wpforms-container.inline-fields .wpforms-submit-container {
    width: 212px;
  }

  #newsform_home2 .wpforms-container.inline-fields .wpforms-field-container {
    width: 100%;
  }

  #newsform_home2 .wpforms-submit-container {
    margin-top: 0;
    margin-left: 0;
  }
}


.mc4wp-alert.mc4wp-success {
  background-color: #bfeebf;
  border: 0;
  border-radius: 2px;
  margin: 8px 15px;
  font-size: 1rem;
}

#newsform_home_mobile .wpb_content_element,
#newsform_home .wpb_content_element {
  margin-bottom: 0;
}

#newsform_home_mobile button.vc_general {
  margin: 2rem 15px;
  width: 95%;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}

#newsform_home_mobile .submit-field,
#newsform_home .submit-field {
  float: left;
  width: 250px;
  margin: 0 5px 15px 15px;
  position: relative;
}

.newsform .wpforms-submit:after,
#newsform_home_mobile .vc_btn3:after,
#newsform_home .submit-field:after { /*hanging hild */
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 80px;
  background: url("https://voorwerkendeouders.nl/wp-content/uploads/2019/11/boy-hanging.png")
    0 0 no-repeat;
  top: -22px;
  left: 3px;
}

@media only screen and (max-width: 566px) {
  #newsform_home_mobile .submit-field,
  #newsform_home .submit-field {
    width: 95%;
  }
  .jeg_main_content .mc4wp-form #newsletter_form > input {
    width: 95% !important;
    margin-left: 15px !important;
  }
}

@media only screen and (min-width: 567px) and (max-width: 985px) {
  #newsform_home_mobile .submit-field,
  #newsform_home .submit-field {
    width: 45%;
  }

  #mc4wp-form-2 #newsletter_form > input,
  #newsform_home_mobile #newsletter_form > input {
    width: 45%;
  }
}
@media only screen and (min-width: 986px) and (max-width: 1199px) {
  #newsform_home_mobile .submit-field,
  #newsform_home .submit-field {
    width: 205px;
  }

  #mc4wp-form-2 #newsletter_form > input,
  #newsform_home_mobile #newsletter_form > input {
    width: 205px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  /*** laten staan!!*/
  #wpforms-652::after {
    bottom: -90px !important;
  }
}

/*post exceprts */

.jeg_post_category span a.category-nieuws {
  display: none;
}

.vwo-postgrid-link a,
.vwo-postexcerpt-txt p {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.vc_gitem-post-data-source-post_excerpt {
  margin-bottom: 0px;
}

.jeg_readmore {
  border: none;
  background: transparent;
  box-shadow: none !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #b99646 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: lowercase !important;
}

.jeg_readmore::before {
  content: "...";
}

.jeg_readmore:hover {
  border: none;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #000000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* facebook widget styling */
.widget.facebook-widget .jeg_block_heading {
  margin-bottom: 0;
}

  .widget.facebook-widget .jeg_block_heading h3 {
  width: 100%;
  font-family: "Hind" !important;
}

.widget.facebook-widget .jeg_block_heading h3 span {
  display: block;
  text-align: center;
}

.widget.facebook-widget .jeg_facebook_widget {
  border: 1px solid #002A97;
  box-sizing: border-box;
}

/* footer styling */
#footer {
  margin-bottom: 2rem;
}

#footer .footer-icon-row-mobile,
#footer .footer-icon-row {
  background-color: #b99646;
  overflow: visible;
}

#footer .footer-icon-row {
  display: none;
}

#footer .footer-icon-row-mobile {
  height: 94px;
}

@media screen and (min-width: 567px) {
  #footer .footer-icon-row {
    display: block;
    height: 100px;
  }

  #footer .footer-icon-row-mobile {
    display: none;
  }
}

@media screen and (min-width: 767px) {
  #footer .footer-icon-row {
    height: 125px;
  }

}

@media screen and (min-width: 992px) {
  #footer .footer-icon-row {
    height: 164px;
  }
}

@media screen and (min-width: 1200px) {
  #footer .footer-icon-row {
    height: 198px;
  }
}

/* responsive   DIVERSE BREEKPUNTEN*/

@media only screen and (max-width: 637px) {
  .hide-on-mobile {display: none;}
  .hide-on-normal {display:block;}
  form#mc4wp-form-3 {display:none;}
}

@media only screen and (max-width: 567px) {
  .hidden-phone {
    display: none;
  }
}

@media only screen and (min-width: 638px) and (max-width: 760px) {
  /*.hanging-child-icon {
    bottom: -171px;
    left: 511px;
  }*/
.hanging-child-icon {
    bottom: -111px;
    left: 511px;
  }

.hide-on-normal {display: block;}
.hide-on-mobile {display: none;}
form#mc4wp-form-3 {display:none;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hanging-child-icon {
    bottom: -6px;
    left: 555px;
  }
}
@media only screen and (min-width: 1200px) {

  .jeg_main.jeg_sidebar_none {
      width: 860px;
      margin: 0 auto;
  }

  .jeg_postblock_5 .jeg_post_title {
    font-size: 24px !important;
  }
    .hanging-child-icon {
    bottom: -6px;
    left: 284px;
  }
}

/*********** Paytium aanpassingen *****/
/** paytium fields **/

.pt-checkout-form {
  width:100%;
  border:none;
  padding: 0;
}

.pt-checkout-form label,
.pt-checkout-form input,
.pt-quantity-input,
.pt-payment-btn{
  width: 100%;
}

.pt-checkout-form input.parsley-error {
  border-color: #a94442;
}

.pt-checkout-form label {
  /* font-weight: bold; */
}

.entry-content input:not([type="submit"]) {
  width:100%;
}

label {display:inline-flex;}

.pt-form-group-field-terms {
  display: flex;
  margin-bottom: 0;
  align-items: baseline;
}

.pt-form-group-field-terms label {
  font-weight: normal;
}

.pt-checkout-form .has-quantity-input label {
  display: inline-block;
  width: auto;
}
.pt-checkout-form .has-quantity-input .pt-quantity-input {
  float: right;
  width: auto;
}

.pt-form-group-7 label {
  font-weight: normal;
  font-style: italic;
}

.pt-field-checkbox {
  width:18px !important;
  margin: 0 5px 0 0;
}

.pt-form-group-total-amount {
  font-weight:bold;
}

.entry-content .pt-checkout-form button.pt-payment-btn span {
  color: #ffffff;
}

.pt-checkout-form ul.parsley-errors-list.filled {
  font-size: .9rem;
  padding: 0;
}

/** paytium button **/
.pt-checkout-form button.pt-payment-btn {
  padding: 5px 5px 3px;
  margin-top: 15px;
}

.pt-checkout-form button.pt-payment-btn:hover {
  background-color:#a88535;
  border-radius:0;
}

.pt-checkout-form button.pt-payment-btn {
  background-color:#b99646;
  border-radius:0;
}

.pt-field-prefill-warning-hint {
  display: none;
}

.pt-radio-group.pt-subscription-optional > label {
  display: inline-block;
  width: 100px;
}

.pt-radio-group.pt-subscription-optional input[type="radio"] {
  width: auto;
}

/** end of paytium fields **/


/** facebook widget styling **/
#jnews_facebook_page-3 .jeg_block_heading h3 {
  font-size: 22px;
  font-weight: normal;
}

.vwo-button a {
  background-color: #a88535 !important;
  border-radius: 0 !important;
  padding: 10px 20px !important;
  color: #ffffff !important;
  font-family: "Bree Serif", serif;
  font-size: 1.3rem !important;
  display: inline-block !important;
  margin-bottom: 30px !important;
}

.vwo-button a:hover {
  color: #000000 !important;
}