/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for TrendsByBakas.nl
 Author:         Daniel Philipsen - Strila.nl
 Author URI:     https://strila.nl
 Template:       Divi
 Version:        1.0.0
*/

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

.wdc_image_carousel_0 .wdc-image-carousel-item figure {
  height: 300px !important;
}

.wdc_image_carousel_0 .wdc-image-carousel-item figure img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}

/* Fonts & Menu
------------------------------------------------------- */

h3 {
  padding-bottom: 40px; /* 40px */
  line-height: 1.5em !important;
}

.no-padding h3 {
  padding: 0 !important;
}

p {
  padding-bottom: initial;
}

p a,
.blue-bold-underlined p {
  text-decoration: underline;
  text-underline-offset: 2.5px;
}

sup {
  bottom: 0.5em;
  font-size: 0.8em;
}

.f-w-800 {
  font-weight: 800;
}

#top-header a {
  font-weight: 800 !important;
}

.wdc-testimonial-review {
  color: #ffffff !important;
  font-style: italic;
  line-height: 1.5em;
}

.wdc-testimonial-review {
  margin-bottom: 0 !important;
  margin: auto;
}

.wdc-testimonial-reviewer-text h3 {
  color: #211452 !important;
  font-family: "Lato", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 1.4em;
  text-align: center;
}

/***  MENU ***/

#logo {
  max-height: 100% !important;
}

a.button-gold:hover {
  border-color: #b59352 !important;
}

.a-blue-to-gold p a {
  text-decoration: none !important;
  font-weight: 700 !important;
}

.a-blue-to-gold p a:hover {
  color: #b59352;
  text-decoration: underline !important;
  text-underline-offset: 2.5px;
}

/* Divi & WP CSS
------------------------------------------------------- */

/* Hide the top-header (secondary menu) on scroll */
#top-header {
  z-index: 9;
}

#main-header {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#main-header.et-fixed-header {
  top: 0 !important;
}

.gallery img {
  border: none !important;
  padding-right: 40px;
}

.et_pb_scroll_top.et-pb-icon {
  background: #b59352;
  bottom: 75px;
  right: 50px;
  border-radius: 0 !important;
  font-size: 60px;
  padding: 2.5px 0 !important;
  box-shadow: 3px 3px 6px rgb(0 0 0 / 15%);
}

.et-pb-icon {
  font-weight: 700;
}

.et_pb_scroll_top:before {
  margin-right: 1px;
  margin-left: -1px;
}

/* Custom CSS
------------------------------------------------------- */

.section_specialty--full-width .et_pb_row {
  margin: auto 0;
  width: 100% !important;
}

.section_specialty--full-width {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.tbb-row-text-buttons .tbb-text-buttons {
  display: inline-block;
}

/* place button modules next to each other in the same column */
.tbb-inline-buttons .et_pb_button_module_wrapper {
  display: inline-block;
}

.tbb-inline-buttons
  .et_pb_button_module_wrapper
  + .et_pb_button_module_wrapper {
  text-align: center !important;
}

footer .social-icons img {
  max-width: 56px !important;
}

.disable-lightbox a {
  pointer-events: none !important;
}

.disable-lightbox .et_overlay {
  display: none !important;
}

/* Boek verbergen in Engelse pagina */

#vital-countryside,
#vital-countryside-video {
  display: none !important;
}

/* Eerder verschenen boeken op Engels/Nederlands wel/niet weergeven */

.hide_it {
  display: none;
}

body.lang-nl .hide_on_nl {
  display: none !important;
}


/* WooCommerce
------------------------------------------------------- */

input.qty {
    height: 69px;
}

.et_pb_wc_add_to_cart_0 .button:after {
	display: none;
}

/* Responsive CSS
------------------------------------------------------- */

@media only screen and (min-width: 1400px) {
  body.page .btn-row {
    position: absolute !important;
    bottom: 0px !important;
  }
}

@media only screen and (min-width: 1389px) and (max-width: 1502px) {
  .hide-between-menu-switch {
    display: none !important;
  }
}

@media only screen and (min-width: 980px) and (max-width: 1389px) {
  .show-on-large-screens {
    display: none !important;
  }
}

@media only screen and (min-width: 1390px) {
  .show-on-small-screens {
    display: none !important;
  }
}

@media only screen and (min-width: 981px) {
  /* NAVIGATIE */

  #top-menu-nav ul#top-menu li a {
    font-weight: 800;
  }

  .nav li ul {
    padding: 0 !important;
    width: auto !important;
  }

  #et-secondary-menu {
    padding-right: 1vw;
  }

  #top-header .container {
    padding-top: 0 !important;
  }

  #et-secondary-menu > ul > li a {
    padding-top: 0.75em !important;
  }

  #et-secondary-nav li {
    background: #b59352;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-right: -5px !important;
  }

  #et-secondary-nav > li:last-child {
    padding-right: 15px !important;
  }

  #et-secondary-nav li.wpml-ls-current-language {
    background: #ffffff;
  }

  #et-secondary-nav li.wpml-ls-current-language a span {
    color: #b59352 !important;
  }

  #main-header .nav li ul a {
    /* sub-menu items */
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    line-height: 1.2em !important;
    padding: 0 10px !important;
    color: #ffffff !important;
  }

  #top-menu li li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: block !important;
    height: 40px;
    padding: 10px !important;
  }

  #top-menu li li:hover,
  /* .et-fixed-header #top-menu li.current-menu-item > a, */
  .et-fixed-header #top-menu li.current_page_item:hover > a {
    background: #ffffff !important;
    color: #b59352 !important;
  }

  #top-menu li li:hover a {
    color: #b59352 !important;
    opacity: 1 !important;
  }

  #top-menu li li a:hover {
    background-color: #ffffff !important;
    opacity: 1 !important;
  }

  #top-menu li li a {
    -webkit-transition: all 0s ease-in-out !important;
    transition: all 0s ease-in-out !important;
  }

  #top-menu li li a {
    display: block;
    padding: 6px 20px !important;
    width: max-content !important;
  }

  #top-menu-nav ul#top-menu > li a {
    line-height: 90px;
    padding: 0 1vw !important;
  }

  header.et-fixed-header #top-menu-nav ul#top-menu > li a {
    line-height: 60px;
    padding: 0 1vw !important;
  }

  #top-menu .menu-item-has-children > a:first-child,
  #et-secondary-nav .menu-item-has-children > a:first-child,
  .nav li {
    padding-right: 0 !important;
  }

  #top-menu-nav ul#top-menu li .current-menu-parent,
  #top-menu-nav > ul > li > a[aria-current],
  .current-menu-ancestor,
  .current-menu-parent,
  .current_page_ancestor,
  .current-page-ancestor,
  .current-page-parent,
  .current_page_parent {
    background: #b59352 !important;
  }

  .et-fixed-header #top-menu li.current-menu-item > a:hover {
    color: #b59352 !important;
  }

  #top-menu .menu-item-has-children > a:first-child:after {
    display: none !important;
  }

  #main-header {
    box-shadow: 0 5px 6px rgb(0 0 0 / 30%) !important;
  }
  #main-header.et-fixed-header {
    box-shadow: 0 3px 4px rgb(0 0 0 / 25%) !important;
  }
  .et_header_style_left #et-top-navigation,
  .et_header_style_split #et-top-navigation {
    padding: 0 !important;
  }
  .et_header_style_left #et-top-navigation nav > ul > li > a,
  .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 0 !important;
  }

  /* EIND VAN NAVIGATIE */

  .btn-row .et_pb_button {
    font-size: min(18px, 1.7vw) !important;
  }

  .buttons .et_pb_button {
    font-size: min(18px, 1.1vw) !important;
  }

  /* Over mij pagina > specialty section > afbeeldingen dichter bij elkaar */
  .custom-gutter-width .et_pb_column_1_4 {
    margin-right: 3% !important;
  }

  .custom-gutter-width .et_pb_image {
    margin-bottom: 5.093% !important;
  }

  .parent-over
    .et_pb_row_inner.et_pb_row_inner_0.custom-gutter-width.et_pb_gutters2.et_pb_row_1-4_1-4,
  .parent-over-2
    .et_pb_row_inner.et_pb_row_inner_0.custom-gutter-width.et_pb_gutters2.et_pb_row_1-4_1-4 {
    width: 103%;
  }

  .parent-over .et_section_specialty .et_pb_row,
  .parent-over-2 .et_section_specialty .et_pb_row {
    max-width: 1535px !important;
  }

  /* Gallery images */

  .et_pb_gutters2 .et_pb_column_1_2 .et_pb_grid_item {
    width: 47.36% !important;
    margin-bottom: 2.64% !important;
  }

  .et_pb_gutters2 .et_pb_column_1_2 .et_pb_grid_item.first_in_row {
    margin-right: 2.64% !important;
  }

  footer .column--social-icon {
    width: 290px !important;
  }
}

@media only screen and (max-width: 980px) {
	
	.reverse {
    display: flex;
    flex-direction: column-reverse;
}
	
  /*** wrap row in a flex box ***/
  .custom_row,
  .custom_section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }

  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }

  .custom_section .et_pb_row {
    display: flex !important;
    flex-direction: column !important;
  }

  .custom_section .et_pb_column_single {
    -webkit-order: 1;
    order: 1;
  }

  .custom_section .et_pb_specialty_column {
    -webkit-order: 2;
    order: 2;
  }

  #et_mobile_nav_menu .show-on-small-screens {
    display: none !important;
  }

  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }
/*   .social-icons .et_pb_text_inner {
    display: flex;
    justify-content: center;
  }
  .social-icons .et_pb_text_inner img {
    margin-right: 15px !important;
  }
  .social-icons .et_pb_text_inner a:last-child img {
    margin-right: 0px !important;
  }
  .column--social-icon {
    margin: 10px 0 0 10px;
  } */
}

/* 0. voorkom <br> of lege <p> onder de iconen */
.footer-social .et_pb_text_inner br,
.footer-social .et_pb_text_inner p:empty {
  display: none;
}

/* 1. wrapper als flex-rij */
.footer-social .et_pb_text_inner {
  display: flex;
  align-items: center;
  justify-content: center; /* of flex-start */
}

/* 2. alle icon-links */
.footer-social a.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin-right: 8px;
}
.footer-social a.social-icon:last-child {
  margin-right: 0;
}

/* 3. écht gouden cirkel voor PNG’s zonder ingebakken cirkel */
.footer-social a.social-icon.x-icon {
  background-color: #b9975b;
  border-radius: 50%;
}

/* 4. laat ingebakken cirkels van de andere PNG’s intact */
.footer-social a.social-icon:not(.x-icon) {
  background: none;
  border-radius: 50%;
}

/* 5. schaal alle icoon-afbeeldingen */
.footer-social a.social-icon img {
  display: block;
  max-width: 60%;
  height: auto;
}

/* 6. extra fine-tuning voor X, TikTok en Instagram */
.footer-social a.social-icon.x-icon img {
  width: 15px;
  height: 15px;
}

/* maak het Instagram-icoon wat groter */
.footer-social a.social-icon.ig-icon img {
  width: auto;
  height: 35px;
}

/* maak het Tiktok-icoon wat groter */
.footer-social a.social-icon.tt-icon img{
  width: auto;
  height: 20px;
}



@media only screen and (max-width: 500px) {
  h2 {
    font-size: 1.5em !important;
  }
}