/*
 Theme Name:     Nederlandse Gordon Setter Club
 Theme URI:      https://www.gorsonsetter.nl
 Description:    Nederlandse Gordon Setter Club theme built on Divi
 Author:         vascofialho.nl 
 Author URI:     https://www.vascofialho.nl
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here 
------------------------------------------------------------------------------------------------------------------------------------------------------  */

	/* All the main Tupperware
    ========================================================================================================================== */
        #main-content { background-color: transparent !important; }
    /* ======================================================================================================================= */

	/* text overrides and supplementals
    ========================================================================================================================== */
		p img { width: 100%; height: auto; }
    /* ======================================================================================================================= */

	/* Main Menu overrides
    ========================================================================================================================== */
		/* submenu */
		.nav li ul   { width: fit-content; display: flex; flex-direction: column; min-width: 200px; }
		.nav li li 	 { padding-left: 0px !important; padding-right: 0px !important; width: 100%; white-space: nowrap; }
		.nav li li a { width: auto !important;  }
    /* ======================================================================================================================= */

	/* All in one wp security Lock page
    ==========================================================================================================================*/
        font-face { font-family: work-sans; src: url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap'); } 

        body { background-color: #DDD5C7 !important; }

        .aiowps-site-lockout-body         { line-height: 2.7em; }
        .aiowps-site-lockout-body-content {  }
        .aiowps-site-lockout-box          { margin-right: auto; margin-left: auto; max-width: 800px; margin-top: 100px; padding: 30px; border: 0; }
        .aiowps-site-lockout-msg p        { font-family: "work-sans", sans-serif; color: #2E4E3F; font-size: 25pt; font-weight: bold; text-align: center; }
    /* ======================================================================================================================= */

	/* 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; }
        /* ----------------------------------------------------------------------------------------------------- */

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

/* ---------------------------------------------------------------------------------------------------------------------------------------------------  */
/* EOF 
/* ---------------------------------------------------------------------------------------------------------------------------------------------------  */