/*
 Theme Name:     Ierse Roodwitte Setter club
 Theme URI:      https://ierseroodwittesetterclub.nl/
 Description:    Child theme of Divi, adapted specifically for this website. See Theme builder for all the templates. See pages and posts for all the content.  
 Author:         vascofialho.nl
 Author URI:     https://www.vascofialho.nl/
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------------------------------------------------------------------------------------------------------  */

    /* MISCELANEOUS HEADINGS
    ==========================================================================================================================*/
        #bestuursleden h3 { font-size: 14pt; line-height: 1.2em; }
    /* =======================================================================================================================*/

    /* MISCELANEOUS TUPPERWARE
    ==========================================================================================================================*/

		/* no posts in category */
		.entry { margin-top: 50px; text-align: center; }








    /* DIVI POSTS GALLERY
    ==========================================================================================================================*/
		/* Masonry container */
		ul.et_post_gallery.clearfix { margin-top: 50pt !important; padding: 0 !important; line-height: 1.7 !important; list-style: none !important;  column-count: 4; column-gap: 0.5rem; }

		/* Gallery items — no floats, use column flow */
		li.et_gallery_item.et_pb_gallery_image { break-inside: avoid; /* Prevent element splitting */ margin-bottom: 0.5rem; width: 100% !important; /* Let columns handle the width */ float: none !important; /* Disable floats */ }

		/* Images fill their container */
		li.et_gallery_item.et_pb_gallery_image a span.et_portfolio_image img.attachment-et-pb-portfolio-image.size-et-pb-portfolio-image { display: block; width: 100% !important; height: auto; }

		/* Responsive column counts */
		@media (max-width: 1200px) {
			ul.et_post_gallery.clearfix { column-count: 3; }
		}

		@media (max-width: 768px) {	
			ul.et_post_gallery.clearfix { column-count: 2; }
		}

		@media (max-width: 480px) {
			ul.et_post_gallery.clearfix { column-count: 1; }
		}

		.mfp-title { display: none !important; }
	/* =======================================================================================================================*/

    /* CONTACT FORM 7 SPECIFIC CSS
    ==========================================================================================================================*/

        /* From fields
        -------------------------------------------------------------------------------------------------------- */
            .wpcf7 {  }

            .wpcf7 input[type="text"],             
            .wpcf7 input[type="url"],             
            .wpcf7 input[type="tel"],             
            .wpcf7 input[type="email"]          { background-color: #eee; color: #999; padding: 14px; margin: 0px; border: 0; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important; width: 100%; }
            .wpcf7 input[type="date"]           { background-color: #eee; color: #999; padding: 13px; margin: 0px; border: 0; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important; width: 100%; }         

            .wpcf7 input[type="text"].onderwerp { width: 100%; color: #999 }

            .wpcf7 select                       { background-color: #eee; color: #999; padding: 10pt 10px 13px 10px; margin: 0px; border: 0; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important; width: 100%; }
            .wpcf7 textarea                     { background-color: #eee; color: #999; padding: 15px 15px 15px 15px; margin: 0px; border: 0; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important; width: 100%; }

            .wpcf7 input[type="submit"]         { background-color: #eee; color: #999; padding: 14px; margin: 2px; border: 0; width: 250px; cursor: pointer; transition: 300ms ease 0ms; }
            .wpcf7 input[type="submit"]:hover   { background-color: #eee; color: #999; padding: 14px; margin: 2px; border: 0; width: 250px; cursor: pointer; transition: 300ms ease 0ms; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important; }

            .wpcf7 input[type="text"]:focus, 
            .wpcf7 input[type="email"]:focus, 
            .wpcf7 select:focus, 
            .wpcf7 textarea:focus { color: #000; }
        /* ----------------------------------------------------------------------------------------------------- */

        /* Form containers
        -------------------------------------------------------------------------------------------------------- */
            .wpcf7 .form-container              { display: flex; flex-direction: column; gap: 2; width: 100%; }
            .wpcf7 .form-container h2           { text-align: center; border-bottom: 1px solid #8b2e2e; }
            .wpcf7 .form-container hr           { border-top: 1px solid #8b2e2e; }

            .wpcf7 .name-fields,
            .wpcf7 .contact-fields,
            .wpcf7 .personal-info,
            .wpcf7 .extra-info,
            .wpcf7 .address-info,
            .wpcf7 .location-info,
            .wpcf7 .contact-info,
            .wpcf7 .communication-info,
            .wpcf7 .dog-info,
            .wpcf7 .breeder-info,
            .wpcf7 .breeder-address-info,
            .wpcf7 .breeder-location-info,
            .wpcf7 .breeder-contact-info,
            .wpcf7 .volunteer-container,
            .wpcf7 .signature                   { display: flex; width: 100%; }

            .wpcf7 .personal-info > div         { flex: 1; }
            .wpcf7 .extra-info > div            { flex: 1; }

            .wpcf7 .name-fields    > div,
            .wpcf7 .contact-fields > div,
            .wpcf7 .address-info   > div,
            .wpcf7 .location-info  > div,
            .wpcf7 .contact-info   > div,
            .wpcf7 .communication-info > div,
            .wpcf7 .dog-info       > div,
            .wpcf7 .breeder-info   > div,
            .wpcf7 .breeder-address-info > div,
            .wpcf7 .breeder-location-info > div,
            .wpcf7 .breeder-contact-info > div,
            .wpcf7 .volunteer-container > div,
            .wpcf7 .signature      > div,
            .wpcf7 .form-container > div        { flex: 1; width: 100%; box-sizing: border-box; }
        /* ----------------------------------------------------------------------------------------------------- */        

        /* Vrijwilligerswerk: Ja/Nee-opties links, tekstveld rechts 
        -------------------------------------------------------------------------------------------------------- */
            .wpcf7 .volunteer-container     { display: flex; width: 100%; align-items: flex-start; /* Zorgt dat alles goed uitgelijnd is */}
            .wpcf7 .volunteer-options       { width: 50%; display: flex; flex-direction: column; gap: 10px; }
            .wpcf7 .volunteer-options label { font-weight: bold; display: inline-block; min-width: 150px; /* Houdt labels netjes uitgelijnd */ }
            .wpcf7 .volunteer-options div   { display: flex; align-items: center; gap: 10px; }
            .wpcf7 .volunteer-text          { width: 50%; }
        /* ----------------------------------------------------------------------------------------------------- */

        /* Security question
        -------------------------------------------------------------------------------------------------------- */
            .wpcf7 input[type="text"].aiowps-captcha-answer { width: 147px; }
        /* ----------------------------------------------------------------------------------------------------- */

    /* =======================================================================================================================*/

    /* ACF Map
    ==========================================================================================================================*/
        .acf-map     { width: 100%; height: 321px; border: #ccc solid 1px; margin: 0; padding: 0;}
        .acf-map img { max-width: inherit !important; }
    /* =======================================================================================================================*/



/* --------------------------------------------------------------------------------------------------------------------------------------------------- */