/*
Theme Name: PONCK Theme
Template: Impreza
Version: 1.0
Author:	PONCK | The Web Company
Theme URI: https://ponck.nl/diensten/website-laten-maken/
Author URI: https://ponck.nl/
*/

/* opmaak inschrijfformulier*/

/* CSS voor .crd-course-info */
.crd-course-info {
    padding: 20px;
}
.crd-course-info h3 {
    margin-bottom: 15px;
}
.crd-course-info div {
    margin-bottom: 15px;
}
.crd-course-info input,
.crd-course-info select,
.crd-course-info textarea {
    margin-bottom: 10px;
}
.crd-course-info .crd-registration-error {
    margin-bottom: 10px;
   
}
.crd-course-info button {
    margin-top: 15px;
}

/* CSS voor .crd-personal-info */
.crd-personal-info {
    padding: 20px;
}
.crd-personal-info h3 {
    margin-bottom: 15px;
}
.crd-personal-info div {
    margin-bottom: 15px;
}
.crd-personal-info input,
.crd-personal-info select,
.crd-personal-info textarea {
    margin-bottom: 10px;
}
.crd-personal-info .crd-registration-error {
    margin-bottom: 10px;
 
}
.crd-personal-info button {
    margin-top: 15px;
}

/* CSS voor .crd-payment-info */
.crd-payment-info,
.crd-course-info {
    padding: 20px;
}
.crd-payment-info h3,
.crd-course-info h3 {
    margin-bottom: 15px;
}
.crd-payment-info div,
.crd-course-info div {
    margin-bottom: 15px;
}
.crd-payment-info input,
.crd-course-info input,
.crd-payment-info select,
.crd-course-info select,
.crd-payment-info textarea,
.crd-course-info textarea {
    margin-bottom: 10px;
}
.crd-payment-info .crd-registration-error,
.crd-course-info .crd-registration-error {
    margin-bottom: 10px;
  
}
.crd-payment-info button,
.crd-course-info button {
    margin-top: 15px;
}

.back-course-personal-info-button,
.course-personal-info-button,
.back-course-info-button,
.course-info-button {
    background: none !important;
    border: none !important; /* Als je ook de rand wilt verwijderen */
    color: inherit !important; /* Als je de tekstkleur wilt behouden */
    cursor: pointer !important; /* Zorgt ervoor dat de cursor verandert naar een handje bij hover */
    padding: 10px 10px 10px 10px !important; /* Optioneel: voeg wat padding toe voor een betere klikbare oppervlakte */
    font-size: inherit !important; /* Zorgt ervoor dat het lettertype hetzelfde blijft als de omgeving */
    text-decoration: none !important; /* Verwijdert de onderstreping */
    position: relative !important; /* Zorgt ervoor dat de pseudo-elementen correct worden geplaatst */
}

.back-course-personal-info-button::before,
.back-course-info-button::before {
    content: '\f053'; /* Unicode voor chevron-left in Font Awesome */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.course-personal-info-button::after,
.course-info-button::after {
    content: '\f054'; /* Unicode voor chevron-right in Font Awesome */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.course-personal-info-button:hover,
.back-course-personal-info-button:hover,
.back-course-info-button:hover,
.course-info-button:hover {
    text-decoration: none !important; /* Verwijdert de onderstreping bij hover, optioneel */
    color: #D1972A!important; /* Verandert de kleur bij hover, kies een kleur die bij je ontwerp past */
}

.radio {
    margin-right: 20px; /* Pas de waarde aan naar wens */
}

.crd-date-of-birth select.birth-day,
.crd-date-of-birth select.birth-month,
.crd-date-of-birth select.birth-year {
    margin-right: 10px !important; /* Pas de waarde aan naar wens */
}

.crd-date-of-birth select.birth-year {
    margin-right: 0 !important; /* Zorg ervoor dat het laatste select-element geen marge heeft */
}



table {
    border-collapse: collapse; /* Zorgt ervoor dat randen samenvallen */
    width: 100%; /* Houdt de tabel op volledige breedte */
}

table td,
table th {
    border: none !important; /* Verwijdert alle randen van de cellen */
    padding: 8px; /* Optionele padding voor cellen */
}

table tr {
    border: none !important; /* Verwijdert de rand van de rijen */
}

/* verberg label class*/
.hide-label label {
    display: none;
}


/* Submit button mailchimp */
/* Specific targeting for the submit button with umsubmit class */
#mc_embed_shell #mc_embed_signup .umsubmit {
  font-family: 'Titillium Web', sans-serif !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: min(20px, 50px) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  padding: 0.7em 1.3em !important;
  border-radius: 0 !important;
  letter-spacing: 0em !important;
  background: transparent !important;
  border: none !important;
  box-shadow: 0px 3px 0px 0px #ffffff !important;
  color: #ffffff !important; /* Ensure the text is white */
  cursor: pointer !important; /* Indicate it's clickable */
}

#mc_embed_shell #mc_embed_signup .umsubmit:before {
  border-width: 0px !important;
}

#mc_embed_shell #mc_embed_signup .umsubmit:hover {
  background: transparent !important;
  box-shadow: 0px 3px 0px 0px #D1972A !important;
  border-color: transparent !important;
  color: #ffffff !important;
}


/* hidden toevoegen in css*/
.hidden {
    display: none !important;
}

/* small text voor registratieform */
small {
    color: #666;
    font-size: 0.9em;
}

/*==========
 * ALLE 2026 TOEVOEGINGEN
=============*/
/* video blok styling sitewide */
/* Video styling site wide */
.w-video {
    border-radius: 14px;        /* afgeronde hoeken */
    overflow: hidden;           /* zorgt dat iframe ook afgerond blijft */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18); /* zachte dropshadow */
    transition: all 0.3s ease;
}

/* iets subtiel hover effect */
.w-video:hover {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

/* Alle chevron-right verplaatst met hover */
/* Basis animatie */
.fa-chevron-right,
.fas.fa-chevron-right,
.far.fa-chevron-right,
.icon-chevron-right,
svg[class*="chevron-right"] {
    transition: transform 0.25s ease;
}

/* Verplaats bij hover van parent element */
a:hover .fa-chevron-right,
button:hover .fa-chevron-right,
a:hover .fas.fa-chevron-right,
button:hover .fas.fa-chevron-right,
a:hover .icon-chevron-right,
button:hover .icon-chevron-right,
a:hover svg[class*="chevron-right"],
button:hover svg[class*="chevron-right"] {
    transform: translateX(4px);
}

/** =======
 * Cropable header image inladen in template header
 ========== **/
.header-bg-source{
    display:none;
}

/* hb menu aanpassing */
img[src="/wp-content/uploads/2024/06/menu-new.svg"] {
  margin-bottom: 8px !important;
}