/**
Theme Name: Astra Child
Author: Jos Berkers
Author URI: https://www.josberkers.nl/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

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

/* Waar dient dit voor? */
.site-logo-img img {
    filter: none;
}

p, .entry-content p {
    margin-top: 1.4em;
    margin-bottom: 0;
}

/* De standaard titel verbergen */
.ast-advanced-headers-title {
  display: none;
}

.ast-advanced-headers-layout {
	height: 450px;	
}

/* Formulier kleuren */
#biancaform {
  color: #CF3381;
}

#footerinfoform {
	color: #CF3381;
}

#block-22 {
	margin: 0;
}

.wpcf7 form .wpcf7-response-output {
	border: none
}

/* Animaties vertragen */
[data-aos] {
    transition-duration: 1500ms !important; 
    transition-delay: 300ms !important;
}

/* Het slotje rechts in het menu */
.slotje-icoon a:before {
	content: "\f160";
	font-family: dashicons;
	margin-right: 5px;
}

.dashicons {
	vertical-align: middle;
	margin-bottom: 7px;
}

/* De entries van het menu iets dichter bij elkaar */
.main-header-menu .menu-link, .main-header-menu>a {
    padding: 0 10px;
}

p, .entry-content p {
    margin-top: 0;
    margin-bottom: 0;
}

.wp-block-uagb-advanced-heading .uagb-heading-text {
	margin-top: 33px;	
}

/* Zorg dat de banner-container meeschaalt */
.site-header {
    width: 100% !important;
    max-width: 100% !important;
}

.ast-title-bar-wrap {
    background-image: url(https://biancac.nl/wp-content/uploads/Biance-C-Header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain !important;
    width: 100%;
    height: 0;
    padding-top: 23.38%; /* Berekend op basis van 1240px breedte */
	  margin-top: -7px !important;
		background-color: #FFFFFF;
}

@media (max-width: 768px) {
	.ast-title-bar-wrap {
		margin-top: -7px !important;
	}
	.uagb-container-inner-blocks-wrap {
		padding-left: 30px;
	}
}

/* Aanpassingen voor formulier in footer */

/* Container instellingen */
#footerinfoform .inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* De invoervelden en knop */
#footerinfoform input[type="text"],
#footerinfoform input[type="email"],
#footerinfoform .wpcf7-submit {
    font-size: 13px; /* Kleinere letters */
    height: 36px;    /* Compactere hoogte */
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Zorg dat velden flexibel zijn */
#footerinfoform .wpcf7-form-control-wrap {
    flex: 1;
    min-width: 140px;
}

/* Herstel de fout uit de vorige stap: toon de p-tags maar verwijder hun ruimte */
#footerinfoform p {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important; 
}

/* Container instellingen */
/* De Verzendknop styling */
#footerinfoform .wpcf7-submit {
    background-color: #cf3481;
    color: #ffffff;
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
    text-transform: uppercase;
    font-size: 12px;
}

/* Hover effect */
#footerinfoform .wpcf7-submit:hover {
    background-color: #DB67A3;
}

/* Verwijder de spinner/loader ruimte voor extra strakheid */
#footerinfoform .wpcf7-spinner {
    position: absolute;
    margin: 0;
}
/* EINDE FORMUILIER IN FOOTER */

/* BEGIN FORMULIER MELDINGEN */
/* Basis styling met vaste rode tekst */
.wpcf7 form .wpcf7-response-output {
    margin: 20px 0;
    padding: 15px 25px;
    border: 4px solid #CF3381; 
    border-radius: 12px;
    font-weight: 800;
    text-align: center;
    color: #CF3381 !important; /* Altijd de rode kleur */
    background-color: #ffffff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Variërende kaderkleuren */
.wpcf7 form.sent .wpcf7-response-output { border-color: #08c2cf; }    /* Blauw */
.wpcf7 form.invalid .wpcf7-response-output { border-color: #f8af3c; } /* Oranje/Geel */
.wpcf7 form.failed .wpcf7-response-output { 
    border-color: #CF3381; /* Rood */
    animation: shake 0.5s ease-in-out; 
}

/* Shake animatie */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-10px); }
    40%, 80% { transform: translateX(10px); }
}
/* EINDE FORMULIER MELDINGEN */

/* De kleuren voor de link in de optredens naar de Galerij */
a.optredenlink {
	color: #08c2cf;
	font-size: 15px;
}

a:hover.optredenlink {
	color: #CF3381;
}

/* Het Google Captcha icoon verbergen */
.grecaptcha-badge {
	display: none !important;
}

/* Het standaard Details-blok is sober - CCS aanpassingen */

/* De hoofdompaling van het uitklapmenu */
details {
    background: #f9f9f9; /* Lichte achtergrond */
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* De titel (summary) */
details summary {
    font-weight: bold;
    font-size: 1.2rem;
    cursor: pointer;
    color: #333;
    list-style: none; /* Verwijdert het standaard pijltje */
}

/* De tekst/inhoud wanneer uitgeklapt */
details[open] {
    background: #ffffff;
    border: 1px solid #000; /* Accentkleur bij openen */
}

details summary::marker {
    color: #CF3381; /* Jouw accentkleur */
}

/* Icoon voor Foto's - Fototoestel */
details.galerijfotos summary::before { 
    content: "\1F4F8\00a0\00a0"; 
}

/* Icoon voor Video - Filmcamera */
details.galerijvideos summary::before { 
    content: "\1F3AC\00a0\00a0"; 
}

/* Icoon voor Audio - Muzieknoot */
details.galerijaudio summary::before { 
    content: "\1F3B5\00a0\00a0"; 
}

/* Optioneel: Stijl de titels voor meer rust */
details summary {
    list-style: none; /* Verwijdert standaard pijltje */
    cursor: pointer;
    padding: 10px 0;
    font-weight: bold;
}