/*
Theme Name: Webvolt Custom Child Theme
Theme URI: https://webvolt.nl
Description: 4RevisionEngines website child theme.
Author: Webvolt
Author URI: https://webvolt.nl
Template: Divi
Version: 1.0.1
Text Domain: Webvolt custom child theme
*/

/*
 * 🚨 DO NOT EDIT THE DATA ABOVE THIS LINE 🚨
 *
 * The docblock above is responsible for linking the parent theme (Divi) to the current child theme.
 * One single CSS comment bepaalt de hele child theme koppeling. 🤯
 *
 * Learn more about child themes:
 * 📖 https://developer.wordpress.org/themes/advanced-topics/child-themes/
 */

/* 🔹 CUSTOM CSS GOES HERE 🔹 */

:root {
    --re-primary-color: #000;
    --re-text-color: #FFF;
    --re-secondary-color: #2B2B2B;
    --re-accent-color: #FFED00;
}

/* Footer text support */
.et_pb_text_1_tb_footer.et_pb_text a:hover, .et_pb_text_2_tb_footer.et_pb_text a:hover, .et_pb_text_3_tb_footer.et_pb_text a:hover, .et_pb_text_4_tb_footer.et_pb_text a:hover, .et_pb_text_5_tb_footer.et_pb_text a:hover, .et_pb_text_7_tb_footer.et_pb_text a:hover, .et_pb_text_8_tb_footer.et_pb_text a:hover, .et_pb_text_9_tb_footer.et_pb_text a:hover, .et_pb_text_10_tb_footer.et_pb_text a:hover, .et_pb_text_11_tb_footer.et_pb_text a:hover {
    color: var(--re-accent-color) !important;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:500&display=swap');

.et_pb_text_3 h3 {
    color: var(--re-accent-color) !important;
}

.et-l--footer .et_pb_text a.rev4-footer-link:hover {
    color: var(--re-accent-color) !important;
}

/* LOGO */
#logo {
    height: 150px !important;
    transition: opacity 0.5s ease;
    opacity: 1;
}

.et-fixed-header #logo {
    opacity: 0;
}

/* Homepage */
.image-zoom-wrapper {
  overflow: hidden;
  border-radius: 6px;
  cursor: pointer;
}

.image-zoom-wrapper {
  transition: transform 0.7s ease, background-size 0.5s ease;
  background-position: center;
  /* background-size: 100%; */
}

.image-zoom-wrapper:hover {
  background-size: 200%;
  transform: rotate(-2deg);
}

/* Hamburger icoon standaard wit */
.mobile_menu_bar,
.mobile_menu_bar:before {
    color: white;
    transition: color 0.3s ease;
}

/* Hover: accentkleur */
.mobile_menu_bar:hover,
.mobile_menu_bar:hover:before {
    color: var(--re-accent-color);
}

.et_mobile_menu {
  border-color: var(--re-accent-color);
}


.divi_table_of_contents li:hover a {
    color: var(--re-accent-color) !important;
    border-color: var(--re-accent-color) !important;
}

.divi_table_of_contents li a::after,
.divi_table_of_contents li a::before {
    background-color: var(--re-accent-color) !important; /* als ze bg gebruiken voor het lijntje */
}

/* 🔹 END CUSTOM CSS 🔹 */

/* MAILPOET */

.mailpoet_confirm_unsubscribe, .mailpoet_unsubscribed_content, .mailpoet_paragraph, .mailpoet-change-email-info, .mailpoet_welcome_back {
    color: #fff !important;
}

.mailpoet_confirm_unsubscribe a, .mailpoet_unsubscribed_content strong a, .mailpoet-submit-success {
    color: var(--re-accent-color) !important;
}

.terms-and-conditions-text h1, .terms-and-conditions-text h2, .insta-text h3 {
    color: #fff !important;
}

.insta-text p.sbi_bio {
    color: #fff !important;
    font-size: 12px !important;
}


#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: #2b2b2b;
}

#top-menu a {
    color: #ffffff;
}

#clear-filters-btn {
  font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  background-color: #000 !important; /* zwarte achtergrond */
  color: #fff !important; /* witte tekst */
  border: 2px solid #fff !important; /* subtiele witte rand */
  border-radius: 6px;
  padding: 6px 12px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
}

#clear-filters-btn:hover {
  background-color: #222 !important; /* iets lichter bij hover */
  border-color: var(--re-accent-color) !important; /* subtiele gele border als accent bij hover */
  color: var(--re-accent-color) !important; /* optioneel: geel bij hover voor extra flair */
}

/* 
 * Hide recaptcha badge 
 * https://developers.google.com/recaptcha/docs/faq
*/
.grecaptcha-badge {
	visibility: hidden;
	opacity: 0;
	display: none;
}

.captcha-notice {
	font-size:10px !important;
}

.captcha-link {
    color: #000 !important;
}

.et_pb_newsletter_success, .et_pb_newsletter_success h2 {
    color: #000 !important;
}

.et_pb_newsletter_success::after {
    color: #000 !important;
    content: "Thanks for subscribing";
}

#progress-bar-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #FFF;
	display: none;
    z-index: 99909 !important;
}

#progress-bar {
	height: 100%;
	background-color: var(--re-accent-color) ;
	width: 0;
}