/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 10 2026 | 05:42:33 */
/* =====================================
   WP-Members Register Form
   TRUE 2 Fields Per Row
   (Label + Input together)
===================================== */
div#wpmem_reg {
    max-width: 100% !important;
}
/* WP-Members register form two-column layout */
/*#wpmem_reg fieldset { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 24px; row-gap: 18px; }*/

#wpmem_reg fieldset { display: flex; flex-wrap:wrap; }


/* Each field stays stacked (label on top of input) */
#wpmem_reg .wpmem-row {
    display: flex;
    flex-direction: column;
	width:50%;
	padding:0px 10px 5px 10px;
}

/*#wpmem_reg fieldset .wpmem-row:first-child {width:100%!important; }*/

#wpmem_reg fieldset .wpmem-row:nth-child(8), #wpmem_reg fieldset .wpmem-row:nth-child(9), #wpmem_reg fieldset .wpmem-row:nth-child(10), #wpmem_reg fieldset .wpmem-row:nth-child(11) {width:25%!important; }




/* Make inputs full width */
#wpmem_reg .div_text input,
#wpmem_reg .div_text select {
    width: 100%;
	margin: 0px;
}

/* Full-width rows (submit, notes, etc.) */
#wpmem_reg .button_div,
#wpmem_reg .req-text {
    grid-column: 1 / -1;
}
@media (max-width: 768px) {
    #wpmem_reg fieldset {
        grid-template-columns: 1fr;
    }
}
input.buttons.btn.btn-primary.w-100 {
    margin-top: 0px !important;
}



@media only screen and (max-width:767px){
#wpmem_reg fieldset { display: flex; flex-direction: column; }
#wpmem_reg .wpmem-row { width:100%;	padding:0 0 10px 0;}
#wpmem_reg fieldset .wpmem-row:nth-child(8), #wpmem_reg fieldset .wpmem-row:nth-child(9), #wpmem_reg fieldset .wpmem-row:nth-child(10), #wpmem_reg fieldset .wpmem-row:nth-child(11) {width:100%!important; }
}

#wpmem_reg .wpmem-row-full {
    display: block;
    width: 100%;
    padding: 0px 10px 5px 10px;
}

#wpmem_reg .div_text_full{
    padding: 10px 0 0 0;
}