/*
 Theme Name:   Happiness
 Theme URI:    http://www.centrumvoorhappiness.nl
 Description:  Theme for centrumvoorhappiness.nl
 Author:       Mark Janine Erik 
 Author URI:   http://www.welcomehomepage.net/
 Version:      22.5.23 
 Build:        22.6.14 
*/

html,body { margin:0; padding:0; width:100%; min-height:100vh; }
*,*::before,*::after { box-sizing: border-box; }

/* Default font Montserrat */
body { font-family:Montserrat, Helvetica, Arial, Lucida, sans-serif; 
	   overflow-y: scroll; color: #747d88; }

.et_pb_fullwidth_image { overflow: hidden; }
.et_pb_fullwidth_image img { min-width:550px; }

/* DIVI menu: Ook al staan de paddings op 0 in divi, toch zijn er flinke ongewenste paddings...
	divi -> header -> menu-instellingen -> geavanceerd -> CSS Id -> happymenu
    Kan euruit gebruik nu mn eigen menu.php en .css
 */
.et-db #et-boc .et-l #happymenu .et-menu-nav > ul ul { padding:3px 0 0 0; }
.et-db #et-boc .et-l #happymenu .et_pb_menu__menu > nav > ul { padding:0 !important; }
.et-db #et-boc .et-l #happymenu .et_pb_row { min-height:33px; }

/* menu uitlijning en z-index */
@media (max-width: 980px) 
{	.et-db #et-boc .et-l #happymenu .et_pb_menu__wrap { justify-content: end; } 	}

@media (min-width: 981px) 
{	.et-db #et-boc .et-l #happymenu .et_pb_menu__wrap { justify-content: center; } 	}


.et-db #et-boc .et-l { position:relative; z-index:9;  }
.et-db #et-boc article { position:relative; z-index:1;  }

/* captcha input veld proberen iets mooier te maken */
.et-db #et-boc .et-l .et_pb_contact input.et_pb_contact_captcha 
{ margin:10px 0; padding: 4px !important }

/* Text ruimte mobiel (screen < 980px) */ 
@media (max-width: 980px)
{   .et-db #et-boc .et-l .et_pb_text_inner, 
    .et-db #et-boc .et-l .et_pb_promo_description 
    { padding: 0 25px 0 25px; } 
}

/* happyverdeler style to set position in the page for #links (anachors) .entry-content .et-1 .et_pb_row */
.et-db #et-boc .entry-content .et_pb_row .happyverdeler 
{ visibility: hidden; margin-top:-20vh; height:25vh; }  

/* Nieuwsbrief Homepage */
#et-boc #mc_embed_signup 
{ display:flex; flex-wrap:wrap; justify-content: space-evenly; gap:40px; align-items: center }
#et-boc #img_home_nieuwsbrief { width:244px; height:160px; }
#et-boc #home_form_nieuwsbrief h2 { color:red; font-size:1.5em; }
#et-boc #home_form_nieuwsbrief .indicates-required { font-size:0.9em; text-align:right; }
#et-boc #home_form_nieuwsbrief .asterisk { color:red; }
#et-boc #home_form_nieuwsbrief label { display:block; }
#et-boc #home_form_nieuwsbrief input { width:435px; }
#et-boc #home_form_nieuwsbrief .button { margin-top:22px; text-align:center; cursor: pointer; }
@media (max-width: 490px) 
{   #et-boc #home_form_nieuwsbrief { margin:0 15px 0 15px; } 
    #et-boc #home_form_nieuwsbrief input { width:340px; }
}

/* Make top header image scrolable for small mobile screens */
.et-db #et-boc #top_image_tag { overflow-x: auto; }

/* Clip scrollbar topimage */
@media (max-width: 980px)
{ .et-db #et-boc #top_image_tag { clip-path: inset(0 0 12px 0); } }


/* Verjaardags balonnen onder de menu balk */
/*
.et-l { background-image: url("BirthdayBallons.png"); background-repeat: repeat-x; background-attachment: fixed; background-position: 350px -30px; }
.et_builder_outer_content,#agd_div_header { background-image: url("BirthdayBallons.png"); background-repeat: repeat-x; background-position: 340px calc( 15vw - 50px );  }



#agd_div_header { background-position: 340px -40px; }  

#agd_div_header h2 { height:95px; margin-top:0; padding: 65px 3px 3px 3px;  }

*/ 

/* Fix tussen agenda en menu zat een ruimte mobiel */
#google_agenda { margin-top: -12px; }
@media (max-width: 560px) { .et_builder_outer_content { background-position: 340px 30px;  } #agd_div_header { background-position: 340px -45px; }   }


/* maak van div echt een box in plaats van een textbox zodat er geen ruimte onderzit */
.has-box-shadow-overlay { display:flex !important;  }

/* Voegt een shadow toe onder de flyer wanneer deze met class shadow_flyer is ingesteld */
#et-boc .shadow_flyer img { box-shadow: 3px 3px 10px #4447;  }