/*
 Theme Name:   	Astra Child
 Theme URI:    	https://royaltyfree.bcmstream.com/
 Description:  	Child theme van Astra
 Author:      		Frits Strijbos
 Author URI:   	https://royaltyfree.bcmstream.com/
 Template:     	astra
 Version:      		1.0.0
 Text Domain:  	astra-child
*/

@import url("../astra/style.css");

/* Gradient verzendknop WPForms */
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background: rgb(190,53,11);
    background: linear-gradient(90deg, rgba(190,53,11,1) 0%, rgba(251,139,0,1)   100%);
    color: white;
    border: none!important;
    font-size: 1em;
    padding: 10px 15px;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
    background: linear-gradient(90deg, rgba(251,139,0,1) 0%, rgba(190,53,11,1) 100%);
    color: white;
    border: none!important;
    cursor: pointer;
}

/* Achtergrondkleur submenu items */
.main-header-menu .sub-menu {
    background: #202020;
}

/* Aanpassing padding in submenu */
.main-header-menu .sub-menu .menu-link {
    padding: .5em 1em;
}

/* Aanpassen kleur knoppen cookie melding */
.cn-button.bootstrap {
    color: #fff;
    background: #be350b;
}

/* Stippellijn bij UPS'en verbergen */
.uc_rounded_icons_bullets .uc_top_border {
    border-left: 0px dashed!important;
}

p:empty:before {
    content: none;
}

/* uitlijnen tekst in midden van UPS bullets */
.uc_rounded_icons_bullets .uc_rounded_icons_bullets_row .uc_content_box h2 {
	  margin-top: 9px!important;
}

/* Aanpassingen flipbox branches */
.uc_contrast-flipbox .uc_front {
    padding: 30px 0 0 0 !important;
}
.uc_contrast-flipbox, .uc_contrast-flipbox .flip-box-wrap .ifb-flip-box {
    height: 310px!important;
	  margin-bottom: 20px;
}

/* Aanpassingen lettergrootte knoppen */
.vc_btn3.vc_btn3-size-md {
    font-size: 16px!important;
}

/* Uitlijnen opsommingen */
dl, ol, ul {
    list-style-position: outside;
	  margin-left: 20px;
}

/* Maak Astra Header Sticky */
/* Zorg dat de header over de foto heen valt (transparant begin) */
.ast-main-header-wrap {
    position: absolute;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease-in-out;
}

/* De styling zodra je gaat scrollen (Sticky status) */
.ast-main-header-wrap.sticky-active {
    position: fixed;
    top: 0px;
    background-color: #202020 !important; /* Volledig zwart */
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    animation: slideDown 0.3s ease-out;
}

/* Animatie voor het vloeiend verschijnen */
@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}