/*
 Theme Name:   Astra Child
 Theme URI:	http://example.com/astra-child
 Description:  Astra Child 
 Author:   	Ralph Nijssen
 Author URI:   https://www.wpastra.com
 Template: 	astra
 Version:  	1.0.0
 License:  	GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:     	astra
 Text Domain:  astrachild
*/
.message-bar-usps__item {
    align-items: center;
    box-sizing: border-box;
    display: flex
;
    flex: 0 0 auto;
    justify-content: center;
    max-width: 100%;
    padding: .25em .5em;
    text-align: left;
}
.message-bar-usps {
    display: flex
;
    justify-content: center;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
ul {
    list-style-type: disc;
}
user agent stylesheet
ul {
    list-style-type: disc;
}
.message-bar--accent {
    background: #f22c6a;
    color: #fff;
}
.message-bar {
    max-width: 100vw;
    text-align: center;
}

/* Lijnen links en rechts van het menu in de below-header */
.ast-builder-menu-1 {
  position: relative;
  display: inline-block;
}

.ast-builder-menu-1::before,
.ast-builder-menu-1::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%; /* lengte van de lijn */
  height: 1px;
  background-color: #ccc; /* kleur van de lijn */
  transform: translateY(-50%);
}

.ast-builder-menu-1::before {
  right: 100%;
  margin-right: 15px; /* afstand tussen lijn en menu */
}

.ast-builder-menu-1::after {
  left: 100%;
  margin-left: 15px; /* afstand tussen lijn en menu */
}

/* Optioneel: menu centreren binnen de header */
.site-header-below-section-center {
  justify-content: center;
}
.customslider{
	margin-top:-100px;
}

/* ----------------------------------------------
   ABOVE HEADER - PIXEL PERFECT RESTORE
   ---------------------------------------------- */

/* Container stylen zoals oude website */
.site-above-header-wrap {
    background-color: #f52b6e !important; /* exact dezelfde roze kleur */
    padding: 6px 0 !important;           /* exact zoals oude bar (dunne padding) */
}

/* De message-bar container */
.message-bar__container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* UL styling */
.message-bar-usps {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* LI styling (items naast elkaar met vaste spacing) */
.message-bar-usps__item {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin: 0 18px !important;           /* ruimte tussen USP’s */
    display: flex !important;
    align-items: center !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;      /* voorkomt rare break in tekst */
}

/* Icon styling */
.message-bar-usps__item i {
    color: #ffffff !important;
    font-size: 15px !important;
    margin-right: 6px !important;
    position: relative;
    top: 1px; /* perfect vertical_alignment zoals oude header */
}

/* Forceer geen extra Astra spacing of gaps */
.ast-builder-layout-element {
    margin: 0 !important;
    padding: 0 !important;
}

/* Mobiel weergave netjes onder elkaar */
@media (max-width: 768px) {
    .message-bar-usps__item {
        margin: 4px 10px !important;
        font-size: 14px !important;
    }
}