.elementor-4859 .elementor-element.elementor-element-b611621{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;overflow:visible;}.elementor-4859 .elementor-element.elementor-element-b611621:not(.elementor-motion-effects-element-type-background), .elementor-4859 .elementor-element.elementor-element-b611621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDFDF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4859 .elementor-element.elementor-element-02336f4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-4859 .elementor-element.elementor-element-3f5bddb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-4859 .elementor-element.elementor-element-9d3b041 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-4859 .elementor-element.elementor-element-040ff2f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-4859 .elementor-element.elementor-element-6ea6872 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-4859 .elementor-element.elementor-element-ebcdd1b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4859 .elementor-element.elementor-element-b049540{--display:flex;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--border-radius:8px 8px 8px 8px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-4859 .elementor-element.elementor-element-b049540:not(.elementor-motion-effects-element-type-background), .elementor-4859 .elementor-element.elementor-element-b049540 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4859 .elementor-element.elementor-element-e59c3ec{text-align:center;}.elementor-4859 .elementor-element.elementor-element-e59c3ec .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}@media(min-width:768px){.elementor-4859 .elementor-element.elementor-element-b049540{--width:100%;}}@media(max-width:767px){.elementor-4859 .elementor-element.elementor-element-b611621{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4859 .elementor-element.elementor-element-02336f4 .elementor-heading-title{font-size:16px;}.elementor-4859 .elementor-element.elementor-element-3f5bddb .elementor-heading-title{font-size:16px;}.elementor-4859 .elementor-element.elementor-element-9d3b041 .elementor-heading-title{font-size:16px;}.elementor-4859 .elementor-element.elementor-element-040ff2f .elementor-heading-title{font-size:16px;}.elementor-4859 .elementor-element.elementor-element-6ea6872 .elementor-heading-title{font-size:16px;}.elementor-4859 .elementor-element.elementor-element-ebcdd1b{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-4859 .elementor-element.elementor-element-e59c3ec{text-align:center;}.elementor-4859 .elementor-element.elementor-element-e59c3ec .elementor-heading-title{font-size:30px;}}/* Start custom CSS for shortcode, class: .elementor-element-35e9a75 *//** * LOGIN/REGISTER FORM — LAYOUT OVERRIDE (design only, no functional change) * ----------------------------------------------------------- * Restyles the existing [apiac_login_register] shortcode output to match * the client's reference layout: label-left/input-right rows, placeholder * text, password show/hide eye icon, and register/login switch links * placed under the form instead of tabs above it. * * Deploy: WPCode > Add Snippet > New CSS Snippet > paste this file. * Also add the companion JS file as a separate JS Snippet (Footer). * Insertion: Auto Insert / Site Wide (or restrict to the login-register * page). Save & Activate both. Then purge LiteSpeed Cache. * ----------------------------------------------------------- */ .apiac-auth-wrap { max-width: 560px; } /* Hide the original top tabs — we keep them in the DOM (still fully functional, just invisible) and trigger them programmatically from the new links placed under the form. */ .apiac-auth-wrap .apiac-fc-tabs { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } .apiac-auth-heading { font-size: 22px; font-weight: 700; color: #1a1f28; margin: 0 0 26px; } .apiac-auth-wrap .apiac-fc-field { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; } .apiac-auth-wrap .apiac-fc-field label { flex: 0 0 92px; text-align: left; font-size: 14px; color: #4b5563; margin: 0; } .apiac-auth-wrap .apiac-fc-input { flex: 1; padding: 11px 14px !important; border: 1.5px solid #dfe3ea !important; border-radius: 6px !important; font-size: 14px; background: #fff !important; } .apiac-auth-wrap .apiac-fc-input::placeholder { color: #a3a9b3; } .apiac-auth-wrap .apiac-fc-input:focus { outline: none; border-color: #0b4ea2 !important; box-shadow: 0 0 0 3px rgba(11, 78, 162, .1); } /* Password field + eye toggle */ .apiac-pw-wrap { position: relative; flex: 1; display: flex; } .apiac-pw-wrap .apiac-fc-input { padding-right: 42px !important; } .apiac-pw-toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #9aa2ae; display: flex; align-items: center; user-select: none; } .apiac-pw-toggle svg { width: 18px; height: 18px; } /* Submit row: button + switch links inline, left-aligned like the reference (not a full-width stacked button) */ .apiac-auth-wrap .apiac-fc-btn[type="submit"] { flex: 0 0 auto; padding: 11px 34px !important; margin-left: 108px; } .apiac-auth-submit-row { display: flex; align-items: center; gap: 14px; margin-top: 6px; } .apiac-auth-submit-row .apiac-fc-btn[type="submit"] { margin-left: 0 !important; } .apiac-auth-switch-link { font-size: 13px; color: #0b4ea2; text-decoration: none; cursor: pointer; background: none; border: none; padding: 0; } .apiac-auth-switch-link:hover { text-decoration: underline; } .apiac-auth-divider { color: #d0d3d9; font-size: 13px; } @media (max-width: 480px) { .apiac-auth-wrap .apiac-fc-field { flex-direction: column; align-items: stretch; gap: 6px; } .apiac-auth-wrap .apiac-fc-field label { flex: none; } .apiac-auth-wrap .apiac-fc-btn[type="submit"] { margin-left: 0; } } button.apiac-fc-btn { background: #306E9A; color: white; border: none; } button.apiac-auth-switch-link { border-bottom: 1px solid #306E9A; border-top: none; border-left: none; border-radius: 0; border-right: none; color: #306E9A; padding: 0 20px; font-size: 20px; } h2.apiac-auth-heading { display: none; }/* End custom CSS */