/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       MiCTra
 Template:     generatepress
 Version:      0.1
*/

/* CUSTOM STUFF HERE */
/* GENERAL */
/* html { scroll-behavior: smooth; } */
a { color: #BEC3BA; }
a:hover { color: #86908D; }
h2 { font-size: 30px; color: #86908D; }
h3 { color: #86908D; }

/* FONTS */
body, html, h1, h2, h3, h4, input { font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

/* HEADER */
/* LOGO push into position */
.navigation-branding img, .site-logo.mobile-header-logo img { padding: 0!important; }
/* LOGO mobile */
/* .site-logo.mobile-header-logo img { width: 90px!important; height: 90px!important; } */

/* NAVIGATION */
/* push main nav to center - not needed anymore
#site-navigation { display: flex;
	justify-content: center;
} */
.nav-float-left .inside-header .main-navigation { float: none; clear: both!important; }
/* nav bar vertical center */
.inside-header { padding-top: 0px; }
/* nav bar push into position 
.main-navigation:not(#sticky-navigation):not(#mobile-header) { padding-top: 0px; 
} */
/* ANCHORS */
#b-jump-wrap { width: 100%;
	display: flex;
	justify-content: center; 
} 
.b-jump { display: flex;
	align-items: center;
  	justify-content: center;
	margin-top: -110px;
	scroll-margin-top: 100px;
}
.b-jump a { color: #BEC3BA; }
.b-jump a:hover { color: #86908D; }
#jumped { scroll-margin-top: 100px; 
}
#j-bloemen, #j-kamer, #j-tuin, #j-zijdenbloemen, 
#j-interieur, #j-workshops, #j-nieuwsbrief, 
#j-vacatures, #j-overons { scroll-margin-top: 200px; 
}
/* vacatures */
.page-id-2003 .b-jump a { color: #8aa788; } 
#j-contact { scroll-margin-top: 150px; } 
@media screen and (max-width: 1100px) { 
	#b-jump-wrap { display: none; }
}
/* TABLES */
.t-open { border: 0px; 
	width: 90%; 
}
.t-open td, .t-open th { border: 0px; }
td, th { padding: 0; }

/* BUTTONS */
button:hover, button:focus { color: initial; background-color: initial; }
.button.ghost, a.button,
.button.ghost:visited,
a.button:visited {     
    background: #f0f0f0;    
	padding: 20px;
	font-size: 20px; 
	color: #3a3a3a;
	border: 1px solid #dcdcdc; 
	border-radius: 50%; 
	font-weight: bold;
	text-transform: uppercase;
} 
.button.ghost:hover, 
.button.ghost:active {     
    background: transparent;     
    color: #222;     
    border: 1px solid #dcdcdc; 
	border-radius: 50%; 
	font-weight: bold;
	text-transform: uppercase;
}
.button { margin-bottom: 15px; }
.b-space { text-align: center; 
	margin-top: 40px;
	margin-bottom: 80px;
}
/* HEADER LOGO */
.header_logo { display: flex;
  align-items: center;
  justify-content: center; 
}
/* HEADER TITLES for pages */
.home .header_title h1 { font-size: 5vw;
	margin-top: 50px; }
.header_title h1 { font-family: 'Architects Daughter'; 
	font-size: 6vw; 
	color: #fff;
	text-shadow: 2px 2px 4px #000000;
	margin-top: 50px;
}
/* SLIDER AREA text on slides */
#n2-ss-2 .n2-font-104d6902c27873f4bc4d30f33625a4e6-paragraph {
	text-shadow: 2px 2px 4px #000000!important;
}
/* SLIDER SWIPER */
/* .swiper-slide {
	margin: 40px;
	background-color: #BEC3BA;
	/* width: 100vw;
	position: relative;
  	left: 50%;
  	right: 50%;
  	margin-left: -50vw;
  	margin-right: -50vw;
} */
 
/* HOME page */
.home h1 { font-size: 50px; color: #86908D; }
@media screen and (max-width:480px) { 
	.home h1 { font-size: 27px; }
	.home h2 { font-size: 21px; }
}
/* HOME page intro */
#intro { border-top: initial; }
#intro { background-color: #fff; 
	color: #BEC3BA; 
	text-align: center;
}
#intro h2 { color: #BEC3BA; }
/* #speelserand { background-image: url(/wp-content/uploads/2025/05/Verfstreep.png); 
	background-size: 100%; }
h2.speels-titel { text-align: center; 
	font-family: 'Kaushan Script', cursive;
	color: #355E3B; 
} */
/* HOME page adres */
.opn-tijden { display:flex;
	justify-content: center; }
.opn-adres { display: flex; 
	justify-content: center; }
.home .gmap { text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
/* ACCORDIONS */
#acc-wrapper { display: flex; 
    flex-flow: row wrap; 
	justify-content: space-around;
}
.acc-item { width: 30%; }
.accordion-toggle {cursor: pointer;}
.accordion-content {display: none; 
	padding: 10px;
  	background-color: #BEC3BA;
	color: #fff;
	text-align: left;
}
.accordion-content.default { display: block; }
/* Style the header to open and close the accordion panel */
.accordion-head { background-color: #BEC3BA;
	color: #fff; /*#86908D; */
	font-weight: 600;
	cursor: pointer;
	padding: 20px 10px 10px 10px;
	text-align: center;
	/* border: 1px solid #fff; */
	outline: none;
	transition: 0.5s; 
}
.ah-title:hover {
	color: #86908D;
}
/* Accordions responsive */
@media screen and (max-width: 768px) { 
	.acc-item { width: 100%; } 
	.accordion-head { margin-bottom: 20px; }
}
/* Buttons in accordion */
.accordion-head .button.tijd { background-color: #86908D; }
.accordion-head .button.tijd:hover { color: #fff!important; }

/* HOME page new assortiment blok 6 pics */
#actie, #actie-mob, #bloemen, 
#kamerplanten, #kamerplanten-mob, #tuinplanten, 
#zijdenbloemen, #zijdenbloemen-mob, #interieur, #social { background-color: #fff;
	font-size: 20px;
	color: #86908D;
}
#groep-2-fotos-boven, #groep-2-fotos, #groep-2-fotos-onder { 
	display: flex; 
	flex-flow: row wrap;
	justify-content: center;
	position: relative;
}
#groep-2-fotos-boven .ab-2f-item-ac .ab-bl-ins,
#groep-2-fotos-boven .ab-2f-item-lb .ab-bl-ins,
#groep-2-fotos .ab-2f-item-kp .ab-bl-ins,
#groep-2-fotos .ab-2f-item-tp .ab-bl-ins,
#groep-2-fotos-onder .ab-2f-item-zb .ab-bl-ins,
#groep-2-fotos-onder .ab-2f-item-it .ab-bl-ins { 
	display: flex;
	flex-flow: column wrap;
	justify-content: left;
	text-shadow: 2px 2px 4px #000000;
    padding-top: 30px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.ab-bl-subtitle h2 { font-family: 'Kaushan Script', cursive;
	color: #BEC3BA;
	font-size: 28px;
	font-weight: 500;
	text-align: left;
}
#groep-2-fotos-boven .ab-2f-item-ac .ab-bl-ins .ab-button,
#groep-2-fotos-boven .ab-2f-item-lb .ab-bl-ins .ab-button,
#groep-2-fotos .ab-2f-item-kp .ab-bl-ins .ab-button,
#groep-2-fotos .ab-2f-item-tp .ab-bl-ins .ab-button,
#groep-2-fotos-onder .ab-2f-item-zb .ab-bl-ins .ab-button,
#groep-2-fotos-onder .ab-2f-item-it .ab-bl-ins .ab-button  { position: absolute;
	margin-left: 0;
	bottom: 25px;
}
#lees-meer-1, #lees-meer-1:hover,
#lees-meer-2, #lees-meer-2:hover,
#lees-meer-3, #lees-meer-3:hover,
#lees-meer-4, #lees-meer-4:hover,
#lees-meer-5, #lees-meer-5:hover,
#lees-meer-6, #lees-meer-6:hover { color: #fff;
	text-shadow: 2px 2px 4px #000000;
	border: 2px solid #fff; 
	background-color: transparent; 	
}
#lees-meer-1:hover,
#lees-meer-2:hover, 
#lees-meer-3:hover, 
#lees-meer-4:hover,
#lees-meer-5:hover,
#lees-meer-6:hover { background-color: rgba(134, 144, 139, 0.6); 
}
/* groep 2 fotos 2x 500px boven - midden - onder */
#groep-2-fotos-boven .ab-2fotos,
#groep-2-fotos .ab-2fotos,
#groep-2-fotos-onder .ab-2fotos {
	display: flex; 
	flex-flow: row wrap;
	justify-content: center;
}
#groep-2-fotos-boven .ab-2f-item-ac { box-sizing: border-box; 
	max-width: 100%;
	width: 500px;
	height: 500px;
	margin: 0 25px 0 0;
	background-image: url('/wp-content/uploads/2025/06/Foto4Voor.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}
#groep-2-fotos-boven .ab-2f-item-lb { box-sizing: border-box; 
	max-width: 100%;
	width: 500px;
	height: 500px;
	margin: 0;
	background-image: url('/wp-content/uploads/2025/07/Bloemen-Luxe-750x750-1.jpg');
	background-repeat: no-repeat;
	background-size:  100% 100%;
	position: relative;
}
#groep-2-fotos .ab-2f-item-kp { box-sizing: border-box; 
	max-width: 100%;
	width: 500px;
	height: 500px;
	margin: 0 25px 0 0;
	background-image: url('/wp-content/uploads/2025/05/Kamerplanten-nwsite-500x500-1.jpg');
	background-repeat: no-repeat;
	background-size:  100% 100%;
	position: relative;
}
#groep-2-fotos .ab-2f-item-tp {
	box-sizing: border-box; 
	max-width: 100%;
	width: 500px;
	height: 500px;
	margin: 0 0 0 0;
	background-image: url('/wp-content/uploads/2025/05/Tuinplanten-nwsite-500x500-1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
} 
#groep-2-fotos-onder .ab-2f-item-zb { box-sizing: border-box; 
	max-width: 100%;
	width: 500px;
	height: 500px;
	margin: 0 25px 0 0;
	background-image: url('/wp-content/uploads/2025/05/ZijdenBloemen2-nwsite-500x500-1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}
#groep-2-fotos-onder .ab-2f-item-it {
	box-sizing: border-box; 
	max-width: 100%;
	width: 500px;
	height: 500px;
	margin: 0 0 0 0;
	background-image: url('/wp-content/uploads/2025/05/Interieur-nwsite-500x500-1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}
/* responsive margin corrections on background pictures */
/* correction on container padding 1026 - 1137 */
@media all and (min-width:1026px) and (max-width:1137px) {
	.generate-sections-inside-container {
  		padding-left: 0px;
  		padding-right: 0px; }
	#groep-2-fotos-boven .ab-2f-item-ac,
	#groep-2-fotos .ab-2f-item-kp, 
	#groep-2-fotos-onder .ab-2f-item-zb { margin-right: 0; 
		margin-bottom: 25px; } 
}
/* below 1025px remove margin-right for left side pictures */
@media all and (max-width:1025px) {
	#groep-2-fotos-boven .ab-2f-item-ac,
	#groep-2-fotos .ab-2f-item-kp, 
	#groep-2-fotos-onder .ab-2f-item-zb { margin-right: 0; 
		margin-bottom: 25px; } 
}
/* push below 500px pictures into viewport */
@media all and (max-width: 500px) {
	#groep-2-fotos-boven .ab-2f-item-ac,
	#groep-2-fotos-boven .ab-2f-item-lb,
	#groep-2-fotos .ab-2f-item-kp, 
    #groep-2-fotos .ab-2f-item-tp,
    #groep-2-fotos-onder .ab-2f-item-zb,
    #groep-2-fotos-onder .ab-2f-item-it { 
		max-width: 100vw; 
		height: 500px;
	    background-size: cover; }
}
/* Push mob content div below 768px  */
@media screen and (max-width: 1025px) { 
	#actie-mob, #kamerplanten-mob, #zijdenbloemen-mob { width: 100%; 
		padding-left: 30px;
		padding-right: 30px; }
	#bloemen, #tuinplanten, #interieur { text-align: left!important; } 
}
/* OTHER corrections on HOME */
/* color text on backgroud pictures */
.ab-link { color: #fff; }
.ab-bl-subtitle h2 { color: #fff; }

/* Hide all text below the pictures */
#actie, #actie-mob, #bloemen, 
#kamerplanten, #kamerplanten-mob, #tuinplanten, 
#zijdenbloemen, #zijdenbloemen-mob, #interieur { 
	display: none;
  	overflow: hidden;
}
/* fade text in text sections */
.slow-move { animation: fadein 1s; }
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* push UL/LI to right - indent */
#actie .align-left, #actie-mob .align-left, #bloemen .align-left,
#kamerplanten .align-left, #kamerplanten-mob .align-left,
#tuinplanten .align-left,
#zijdenbloemen .align-left, #zijdenbloemen-mob .align-left,
#interieur .align-left { text-align: left;
	margin-left: 3em;
}
/* change width for content sections 1200 to 1025*/
#actie .grid-container,
#bloemen .grid-container,
#kamerplanten .grid-container,
#tuinplanten .grid-container,
#zijdenbloemen .grid-container,
#interieur .grid-container { max-width: 1000px; }

/* END HOME PAGE */

/* OTHER CONTENT */
#aanbieding-hoogte, #webshop { height: 300px; }
#aanbieding-hoogte, #webshop { display: flex;
  	align-items: center;
  	justify-content: center; 
}
#webshop .header_title h1 { margin-top: 0px; }
#aanbieding { width: 500px; 
	padding: 20px; 
	background-color: rgba(255, 255, 255,0.4);
	border: 5px solid #ebe1ce;
	font-size: 30px;
	text-align: center; }
.ab-text { color: #ebe1ce; }

#service ul { list-style-type: none; }
#service li.flower { background-image: url('/wp-content/uploads/2020/11/sl_bloem_100.png');
	background-repeat: no-repeat;
	background-position: left 20%;
	background-size: 25px;
	margin-left: 50px;
	padding-left: 35px;
	padding-bottom: 20px;
	text-align: left;
	font-size: 25px;
	color: #333;
}

#socials { display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center; 
}
.soc1 { width: 340px; 
	margin-right: 20px; 
	margin-bottom: 40px;  
}
.soc2 { width: 500px; 
        max-width: 100%; 
        margin-bottom: 40px; 
}
/* ASSORTIMENT subpagina's */
#assortiment { max-width: 100%; 
	display: flex; 
	flex-flow: row wrap;
	justify-content: center;
	margin-bottom: 70px;
}
.ass-pic-item { box-sizing: border-box; 
	width: 300px;
	height: 300px; 
	border: 7px solid #ebe1ce;
	background-size: 300px;
	margin-right: 3%; 
}
.ass-txt-item { width: 320px; 
	height: 300px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	/* align-items: center; */ 
}
.ass-txt-item-tit h2 { margin-bottom: 25px; }
@media screen and (max-width: 480px) { 
	#assortiment {margin-bottom: 35px; }
}

/* nieuwsbrief */
#news { display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap; 
}
#links { width: 45%; 
	margin-right: 3%;
}
#rechts { width: 45%; 
}
@media screen and (max-width: 480px) {
	#links, #rechts { width: 100%; margin-right: 0; }
}
/* CONTACT */
#contact-wrapper { display: flex; 
	flex-flow: row wrap; 
	justify-content: center;
}
.c-item { width: 30%; margin-bottom: 30px; }
.c-item:not(:last-child) { margin-right: 25px; }
.page-id-1573 .accordion-head { text-align: center; padding-bottom: 20px; }

@media screen and (max-width: 480px) {
	.c-item { width: 100%; margin-right: 0; }
}
/* WINKELS */
a.tel-link  { color: #86908D; 
}
a.tel-link:hover { color: #000; }
.inside-grid-column { padding-right: 25px!important; }
.gmap { margin-top: 15px;
	margin-bottom: 15px;
}
/* WIDGET AREA */
.widget-area .widget {
    padding: 30px;
}

/* FOOTER */
.site-footer { color: #86908D; 
	background-color: #BEC3BA; 
	/* border-top: 7px solid #ebe1ce; */ 
}
#footer-widgets, .site-info { color: #86908D; 
	background-color: #BEC3BA; 
}
#footer-widgets a { color: #86908D; }
/* Widgets in footer */
.footer-widget-1, .footer-widget-2, .footer-widget-3 { text-align: center; 
	color: #fff; 
}
#footer-widgets a.tel-link, #footer-widgets a { color: #fff; 
}
#footer-widgets a.tel-link:hover,
#footer-widgets a:hover { color: #86908D; }

/* no FOOTER on CONTACT page */
.page-id-1573 #footer-widgets { display: none; }
.copyright-bar { color: #fff; }

/* DEVICES GENERAL */
/* push text in hero to the right */
@media screen and (min-width: 769px)
	and (max-width: 1199px) {
	.inside-page-hero { padding-left: 30px; padding-right: 30px; }
}
/* make aanbieding widget smaller */
@media screen and (min-width: 769px)
	and (max-width: 850px) {
		#custom_html-4 #aanbieding { width: 180px; }
}
/* correct size header below 787px */
@media screen and (max-width: 787px) {
	.inside-page-hero { padding-left: 30px; padding-right: 30px; }
	#mobile-header .inside-navigation { margin-left: 30px; }
	.site-logo.mobile-header-logo { margin-left: 0px!important; 
		padding: 0!important; /* margin-top: -10px; */ }
	.menu-toggle { font-size: 30px!important; }
	.main-navigation { padding-top: initial; }
}
/* Flower text smaller below 480px */
@media screen and (max-width: 480px) {
	.page-id-1934 .inside-article { padding: 10px!important; }
	#bloemenTekst { padding: 15px 20px 15px 20px;
		font-size: 16px; }
}
@media screen and (max-width: 480px) {
	.ass-pic-item img { height: 286px; }
}