/* Theme Name: Hello Elementor Child Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Template: hello-elementor Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready Version: 3.4.6.1770035526 Updated: 2026-02-02 12:32:06 */ /** * CSS for custom Php form */ *, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section { width: 100%; margin: 0 0 25px; padding: 15px; border: solid 1px #f3f3f3; box-shadow: 2px 4px 6px #ccc; } .post-213 { max-width: 1024px !important; margin: 0; padding: 15px;} /* .membership-roster-form, .post-213 { max-width: 1024px !important; margin:0;} */ #member_type, #membership_type {} .mmbr_type_radio { width: 24%; display: inline-block; } .mmbr_type_fields_wraper { width: 75%; display: inline-block; } .mmbr_type_fields_wraper .mmbr_type_fields { margin-top:8px; } #diocese_amount_wrapper { display: none; } .mmbrshp_type_wrapper { width: 100%; padding: 2px 0; } .mmbrshp_type_wrapper div { min-height: 38px; margin-left: 1%; display: inline-block; } .mmbrshp_type_wrapper div:nth-child(1) { width: 23%; margin-left: 0; } .mmbrshp_type_wrapper div:nth-child(2) { width: 22%; } .mmbrshp_type_wrapper div:nth-child(3) { width: 25%; } .mmbrshp_type_wrapper div:nth-child(3) input, .mmbrshp_type_wrapper div:nth-child(3) input:hover { border: none; border-bottom: 1px solid #cccccc; } .mmbrshp_type_wrapper div:nth-child(4) { width: 25%; } .mmbrshp_type_wrapper div:nth-child(4) .fee_display { width: 100%; /* min-height: 38px; */ padding: 7px 0; background: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; /* line-height: 20px; */ text-align: center; } .mmbrshp_type_wrapper:last-child div { font-weight: bold; } .display-box { min-height: 38px; padding: 8px 10px; background: #f9f9f9; font-size: 14px; font-weight: bold; text-align: center; border: 1px solid #d0d0d0; } #MMBR_DTL { width: 100%; margin: 20px 0 10px; } #MMBR_DTL h4 { padding: 15px; box-shadow: 2px 4px 6px #ccc; } #MMBR_DTL .msg_empty { width: 100%; padding: 15px; font-size: 14px; color: #ff0000; font-weight: 600; box-shadow: 2px 4px 6px #ccc; } #MMBR_DTL .member_dtl_form { width: 100%; padding: 15px; box-shadow: 2px 4px 6px #ccc; } .member_dtl_form .member-row { padding-bottom: 20px; border-bottom: double 4px #737373; } .member_dtl_form .member-row:last-child { border-bottom: none; } .member_dtl_form .member_dtl_wrap { width: 100%; } .member_dtl_form .member_dtl_wrap .member_dtl_field { width: 48.75%; margin-right: 1%; display: inline-block; } .member_dtl_form .member_dtl_wrap .member_dtl_address { width: 99%; } .prvw_btn { padding: 10px 15px !important; background: rgb(1, 148, 1) !important; font-size: 15px !important; color: #fff !important; border: none !important; letter-spacing: 1px !important; } #MBR_ROSTER_PREVIEW {} #MBR_ROSTER_PREVIEW h2 {width: 100%; font-size: 30px; color: #299f29; font-weight: bold; } #MBR_ROSTER_PREVIEW h3 {width: 100%; font-size: 24px; color: #ff0000; font-weight: 500; } #MBR_ROSTER_PREVIEW .table .row {width: 100%;} #MBR_ROSTER_PREVIEW .table .row div {width: 50%; display: inline; } #MBR_ROSTER_PREVIEW .table .row div:nth-child(1) { font-weight: bold; } .mmbrshp_sum .row, .mmbr_dtls .row { width: 100%; padding: 6px 0; border-bottom: dotted 2px #f3f3f3; } .mmbrshp_sum .row2 { display: none; } .mmbrshp_sum .headRow, .mmbr_dtls .headRow { font-weight: 500;} .mmbrshp_sum .row div { display: inline-block; text-align: center;} .mmbrshp_sum .row div:nth-child(1) { width: 24.5%; } .mmbrshp_sum .row div:nth-child(2) { width: 24.5%; } .mmbrshp_sum .row div:nth-child(3) { width: 24.5%; } .mmbrshp_sum .row div:nth-child(4) { width: 24.5%; } .membership_type .option span.fscrn {} .membership_type .option span.mbl { display: none !important; } .mmbr_dtls .each_member {width: 100%; padding: 25px; } .mmbr_dtls .each_member div { display: inline-block; font-size: 14px; text-align: center; } .mmbr_dtls .each_member div span { display: none;} .mmbr_dtls .each_member div.mmbr_srl { width: 77px; color:salmon; font-weight: 400;} .mmbr_dtls .each_member div.mmbr_name { width: 200px; text-align: left; } .mmbr_dtls .each_member div.mmbr_email { width: 200px; } .mmbr_dtls .each_member div.mmbr_contact { width: 120px; } .mmbr_dtls .each_member div.mmbr_exp { width: 120px; } .mmbr_dtls .each_member div.mmbr_address { width: auto; display: inline; text-wrap: wrap; } .bottomButtons { width: 100%; display: flex; flex-direction: row; justify-content: space-around; gap: 20px; } .btnOnPreview { padding: 15px 30px; background-color: blanchedalmond; color:brown; font-size: 18px; text-decoration: none; cursor: pointer; } .btnOnPreview:last-child { flex-direction: right; } @media (max-width: 1024px) { .mmbr_dtls .each_member { padding: 5px 0; } .mmbr_dtls .each_member div.mmbr_srl { width: 8%; } .mmbr_dtls .each_member div.mmbr_name { width: 15%; } .mmbr_dtls .each_member div.mmbr_email { width: 20%; } .mmbr_dtls .each_member div.mmbr_contact { width: 11%; } .mmbr_dtls .each_member div.mmbr_exp { width: 12%; } .mmbr_dtls .each_member div.mmbr_address { width: 33%; } } @media (max-width: 1000px) { .member_dtl_form .member_dtl_wrap .member_dtl_field { width: 48%; } } @media (max-width: 768px) { .post-213 { width: 100%; margin: 0 !important; padding: 10px !important;} .mmbr_type_radio { width: 39%; } .mmbr_type_fields_wraper { width: 60%; } .membership-roster-form { padding:10px; } .mmbrshp_type_wrapper div:nth-child(1){ width: 21%; } .mmbrshp_type_wrapper div:nth-child(2){ width: 25%; } .mmbrshp_type_wrapper div:nth-child(3){ width: 25%; } .mmbrshp_type_wrapper div:nth-child(4){ width: 15%; } .membership_type .option span.fscrn { font-size: 12px; } .mmbr_dtls .each_member { padding: 15px; } .mmbr_dtls .headRow { display: none; } .mmbr_dtls .each_member div { width: 49% !important; text-align: left; } .mmbr_dtls .each_member div span { display: block; text-align: left; font-weight: bold; } } @media (max-width: 650px) { .member_type .row div {width: 100%; display: block; } .mmbr_type_radio, .mmbr_type_fields_wraper { width: 100%; display: block; } .mmbrshp_type_wrapper div:nth-child(1){ width: 21%; } .mmbrshp_type_wrapper div:nth-child(2){ width: 25%; } .mmbrshp_type_wrapper div:nth-child(3){ width: 30%; } .mmbrshp_type_wrapper div:nth-child(4){ width: 15%; } .member_dtl_form .member_dtl_wrap .member_dtl_field { width: 99%; } } @media (max-width: 600px) { .mmbrshp_type_wrapper {padding: 15px 0 0;} .mmbrshp_type_wrapper div:nth-child(1), .mmbrshp_type_wrapper div:nth-child(2), .mmbrshp_type_wrapper div:nth-child(3), .mmbrshp_type_wrapper div:nth-child(4) { width: 49%; display: inline-block; } .mmbrshp_type_wrapper div:nth-child(1), .mmbrshp_type_wrapper div:nth-child(2) {min-height: 30px;} .mmbrshp_type_wrapper div:nth-child(3) {margin-left:0;} .mmbrshp_sum .row { display: none; } .mmbrshp_sum .row2 { width: 100%; display: inline-block;} .mmbrshp_sum .row2 .mmbr_sum_mbl { width:100%; } .mmbrshp_sum .row2 .box1 { width: 70%; text-align: left; display: inline-block;} .mmbrshp_sum .row2 .box2 { width: auto; text-align: right; display: inline-block;} .mmbrshp_sum .row2:last-child { margin-top: 20px; font-weight: bold;} } @media (max-width: 510px) { .mmbrshp_type_wrapper div:nth-child(1), .mmbrshp_type_wrapper div:nth-child(2) { width: 100%; display: block; } .mmbrshp_type_wrapper div:nth-child(3), .mmbrshp_type_wrapper div:nth-child(4) { width: 48%; } #MBR_ROSTER_PREVIEW .table .row div {width: 99%; display: block; } .mmbrshp_sum .row2 .box1 { width: 100%; display: block;} .mmbrshp_sum .row2 .box2 { width: 100%; text-align: right; display: block;} .mmbrshp_sum .row2:last-child .box1, .mmbrshp_sum .row2:last-child .box2 { text-align: center;} .mmbr_dtls .each_member { padding: 10px; } .mmbr_dtls .each_member div { width: 100% !important; display: inline-block;} .mmbr_dtls .each_member div span { display: inline; } }