.elementor-728 .elementor-element.elementor-element-1115877:not(.elementor-motion-effects-element-type-background), .elementor-728 .elementor-element.elementor-element-1115877 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://mycollectivex.com/wp-content/uploads/2025/12/background-blue-scaled.jpg");background-size:cover;}.elementor-728 .elementor-element.elementor-element-1115877 > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-728 .elementor-element.elementor-element-1115877 > .elementor-container{max-width:1280px;min-height:80vh;}.elementor-728 .elementor-element.elementor-element-1115877{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-50px;margin-bottom:0px;z-index:15;}.elementor-bc-flex-widget .elementor-728 .elementor-element.elementor-element-c92749d.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-728 .elementor-element.elementor-element-c92749d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-728 .elementor-element.elementor-element-70bd967 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-bc-flex-widget .elementor-728 .elementor-element.elementor-element-15db957.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-728 .elementor-element.elementor-element-15db957.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-728 .elementor-element.elementor-element-15db957 > .elementor-element-populated{margin:0px 0100px 0px 0px;--e-column-margin-right:0100px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-728 .elementor-element.elementor-element-0871736{text-align:center;}.elementor-728 .elementor-element.elementor-element-0871736 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:65px;font-weight:800;text-transform:capitalize;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-d214a33 );}.elementor-728 .elementor-element.elementor-element-d09d4f3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-728 .elementor-element.elementor-element-d09d4f3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d214a33 );}.elementor-bc-flex-widget .elementor-728 .elementor-element.elementor-element-d09d4f3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-728 .elementor-element.elementor-element-d09d4f3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-728 .elementor-element.elementor-element-d09d4f3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-728 .elementor-element.elementor-element-d09d4f3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:80px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-728 .elementor-element.elementor-element-d09d4f3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-button:hover{background-color:var( --e-global-color-a33f1c6 );color:var( --e-global-color-d214a33 );}.elementor-728 .elementor-element.elementor-element-438bf28 > .elementor-widget-container{margin:25px 25px 25px 25px;}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-field-group{margin-bottom:10px;}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-728 .elementor-element.elementor-element-438bf28 .elementor-field-group > label{padding-bottom:0px;}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-button{color:var( --e-global-color-d214a33 );font-family:var( --e-global-typography-576edad-font-family ), Sans-serif;font-size:var( --e-global-typography-576edad-font-size );font-weight:var( --e-global-typography-576edad-font-weight );text-transform:var( --e-global-typography-576edad-text-transform );line-height:var( --e-global-typography-576edad-line-height );}.elementor-728 .elementor-element.elementor-element-b4b84f5 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-728 .elementor-element.elementor-element-b4b84f5{text-align:center;}.elementor-728 .elementor-element.elementor-element-b4b84f5 .elementor-heading-title{font-family:var( --e-global-typography-bb2a245-font-family ), Sans-serif;font-size:var( --e-global-typography-bb2a245-font-size );font-weight:var( --e-global-typography-bb2a245-font-weight );text-transform:var( --e-global-typography-bb2a245-text-transform );font-style:var( --e-global-typography-bb2a245-font-style );text-decoration:var( --e-global-typography-bb2a245-text-decoration );line-height:var( --e-global-typography-bb2a245-line-height );letter-spacing:var( --e-global-typography-bb2a245-letter-spacing );word-spacing:var( --e-global-typography-bb2a245-word-spacing );color:var( --e-global-color-d214a33 );}@media(max-width:1024px){.elementor-728 .elementor-element.elementor-element-1115877 > .elementor-container{max-width:650px;min-height:98vh;}.elementor-728 .elementor-element.elementor-element-1115877{margin-top:20px;margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-728 .elementor-element.elementor-element-0871736 .elementor-heading-title{font-size:50px;}.elementor-widget-login .elementor-form-fields-wrapper label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{font-size:var( --e-global-typography-text-font-size );}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-button{font-size:var( --e-global-typography-576edad-font-size );line-height:var( --e-global-typography-576edad-line-height );}.elementor-728 .elementor-element.elementor-element-b4b84f5 .elementor-heading-title{font-size:var( --e-global-typography-bb2a245-font-size );line-height:var( --e-global-typography-bb2a245-line-height );letter-spacing:var( --e-global-typography-bb2a245-letter-spacing );word-spacing:var( --e-global-typography-bb2a245-word-spacing );}}@media(max-width:767px){.elementor-728 .elementor-element.elementor-element-1115877 > .elementor-container{max-width:650px;min-height:95vh;}.elementor-728 .elementor-element.elementor-element-1115877{margin-top:-30px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-728 .elementor-element.elementor-element-c92749d > .elementor-element-populated{padding:0px 10px 0px 010px;}.elementor-728 .elementor-element.elementor-element-15db957 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:050px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-728 .elementor-element.elementor-element-0871736{width:100%;max-width:100%;text-align:center;}.elementor-728 .elementor-element.elementor-element-0871736 .elementor-heading-title{font-size:32px;}.elementor-728 .elementor-element.elementor-element-d09d4f3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-728 .elementor-element.elementor-element-d09d4f3 > .elementor-element-populated{margin:30px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-widget-login .elementor-form-fields-wrapper label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{font-size:var( --e-global-typography-text-font-size );}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-button{font-size:var( --e-global-typography-576edad-font-size );line-height:var( --e-global-typography-576edad-line-height );}.elementor-728 .elementor-element.elementor-element-b4b84f5 > .elementor-widget-container{margin:20px 10px 20px 10px;}.elementor-728 .elementor-element.elementor-element-b4b84f5 .elementor-heading-title{font-size:var( --e-global-typography-bb2a245-font-size );line-height:var( --e-global-typography-bb2a245-line-height );letter-spacing:var( --e-global-typography-bb2a245-letter-spacing );word-spacing:var( --e-global-typography-bb2a245-word-spacing );}}@media(min-width:768px){.elementor-728 .elementor-element.elementor-element-15db957{width:49.008%;}.elementor-728 .elementor-element.elementor-element-d09d4f3{width:50.954%;}}@media(min-width:1920px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-login .elementor-form-fields-wrapper label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{font-size:var( --e-global-typography-text-font-size );}.elementor-728 .elementor-element.elementor-element-438bf28 .elementor-button{font-size:var( --e-global-typography-576edad-font-size );line-height:var( --e-global-typography-576edad-line-height );}.elementor-728 .elementor-element.elementor-element-b4b84f5 .elementor-heading-title{font-size:var( --e-global-typography-bb2a245-font-size );line-height:var( --e-global-typography-bb2a245-line-height );letter-spacing:var( --e-global-typography-bb2a245-letter-spacing );word-spacing:var( --e-global-typography-bb2a245-word-spacing );}}/* Start custom CSS for column, class: .elementor-element-d09d4f3 *//* ========================================================= COLLECTIVEX LOGIN WIDGET Elementor Pro Login Widget Add class to widget: collectivex-login BRAND --------------------------------------------------------- Collective Blue: #0635AE Slate Navy: #243B53 Collective Sky: #3997F2 Collective Orange: #FF914D Orange Deep: #E87532 Graphite: #394148 Warm Ivory: #FAF7F2 Cloud: #F3F6FB Mist: #DED8D1 Slate: #746B64 White: #FFFFFF ========================================================= */ /* ========================================================= 01. LOGIN CARD ========================================================= */ .collectivex-login { --cx-blue: #0635AE; --cx-navy: #243B53; --cx-sky: #3997F2; --cx-orange: #FF914D; --cx-orange-deep: #E87532; --cx-graphite: #394148; --cx-slate: #746B64; --cx-white: #FFFFFF; --cx-cloud: #F3F6FB; --cx-warm: #FAF7F2; --cx-mist: #DED8D1; background: var(--cx-white); border: 1px solid rgba(36, 59, 83, 0.10); border-radius: 10px; padding: 44px; box-shadow: 0 14px 40px rgba(16, 43, 91, 0.10); width: 100%; } /* Remove any extra Elementor widget spacing */ .collectivex-login .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* ========================================================= 02. FORM ========================================================= */ .collectivex-login .elementor-login { width: 100%; margin: 0; font-family: "Source Sans 3", Arial, sans-serif; } /* ========================================================= 03. FIELD GROUPS ========================================================= */ .collectivex-login .elementor-field-group { margin-bottom: 22px !important; } /* ========================================================= 04. LABELS ========================================================= */ .collectivex-login .elementor-field-label, .collectivex-login label { display: block; color: var(--cx-navy) !important; font-family: "Montserrat", Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.4; margin-bottom: 8px; } /* ========================================================= 05. USERNAME + PASSWORD FIELDS ========================================================= */ .collectivex-login input[type="text"], .collectivex-login input[type="email"], .collectivex-login input[type="password"], .collectivex-login .elementor-field-textual { width: 100%; min-height: 54px; background: var(--cx-white) !important; color: var(--cx-graphite) !important; border: 1px solid #C9D0D8 !important; border-radius: 8px !important; padding: 13px 16px !important; font-family: "Source Sans 3", Arial, sans-serif !important; font-size: 16px !important; font-weight: 400; line-height: 1.4; box-shadow: none !important; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } /* Placeholder */ .collectivex-login input::placeholder { color: #87919A !important; opacity: 1; } /* Focus */ .collectivex-login input[type="text"]:focus, .collectivex-login input[type="email"]:focus, .collectivex-login input[type="password"]:focus, .collectivex-login .elementor-field-textual:focus { background: var(--cx-white) !important; border-color: var(--cx-blue) !important; box-shadow: 0 0 0 4px rgba(6, 53, 174, 0.10) !important; } /* ========================================================= 06. AUTOFILL Prevent Chrome yellow fields ========================================================= */ .collectivex-login input:-webkit-autofill, .collectivex-login input:-webkit-autofill:hover, .collectivex-login input:-webkit-autofill:focus { -webkit-text-fill-color: var(--cx-graphite) !important; -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important; transition: background-color 9999s ease-out; } /* ========================================================= 07. REMEMBER ME ========================================================= */ .collectivex-login .elementor-remember-me { color: var(--cx-graphite) !important; font-family: "Source Sans 3", Arial, sans-serif; font-size: 14px; font-weight: 400; } .collectivex-login .elementor-remember-me label { display: inline-flex; align-items: center; gap: 8px; color: var(--cx-graphite) !important; font-family: "Source Sans 3", Arial, sans-serif; font-size: 14px; font-weight: 400; margin: 0; } /* Checkbox */ .collectivex-login input[type="checkbox"] { width: 18px; height: 18px; margin: 0; accent-color: var(--cx-orange); cursor: pointer; } /* ========================================================= 08. LOST PASSWORD / REGISTER LINKS ========================================================= */ .collectivex-login .elementor-lost-password, .collectivex-login .elementor-register { color: var(--cx-blue) !important; font-family: "Source Sans 3", Arial, sans-serif; font-size: 14px; font-weight: 600; text-decoration: none !important; transition: color 0.2s ease; } .collectivex-login .elementor-lost-password:hover, .collectivex-login .elementor-register:hover { color: var(--cx-orange-deep) !important; text-decoration: underline !important; text-underline-offset: 3px; } /* ========================================================= 09. SUBMIT BUTTON ========================================================= */ .collectivex-login .elementor-button, .collectivex-login button[type="submit"] { width: 100%; min-height: 52px; display: inline-flex; align-items: center; justify-content: center; background: var(--cx-orange) !important; color: var(--cx-white) !important; border: 2px solid var(--cx-orange) !important; border-radius: 8px !important; padding: 14px 24px !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 10px 22px rgba(255, 145, 77, 0.22); cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } /* Hover */ .collectivex-login .elementor-button:hover, .collectivex-login button[type="submit"]:hover { background: var(--cx-orange-deep) !important; border-color: var(--cx-orange-deep) !important; color: var(--cx-white) !important; transform: translateY(-1px); box-shadow: 0 13px 26px rgba(232, 117, 50, 0.28); } /* Button focus */ .collectivex-login .elementor-button:focus-visible, .collectivex-login button[type="submit"]:focus-visible { outline: 3px solid rgba(255, 145, 77, 0.35); outline-offset: 3px; } /* ========================================================= 10. LOST PASSWORD / REMEMBER ROW Elementor commonly places these inside a field group. This cleans up the spacing. ========================================================= */ .collectivex-login .elementor-field-group.elementor-field-type-checkbox { margin-top: -2px; margin-bottom: 22px !important; } /* ========================================================= 11. SEPARATOR Elementor Login can output separators between links ========================================================= */ .collectivex-login .elementor-login-separator { color: var(--cx-mist); margin: 0 8px; } /* ========================================================= 12. LOGIN ERROR / NOTICE ========================================================= */ .collectivex-login .elementor-message { background: var(--cx-warm); color: var(--cx-graphite); border: 1px solid rgba(255, 145, 77, 0.35); border-left: 4px solid var(--cx-orange); border-radius: 8px; padding: 12px 14px; font-family: "Source Sans 3", Arial, sans-serif; font-size: 14px; line-height: 1.5; margin-bottom: 20px; } /* ========================================================= 13. LOGGED-IN MESSAGE If a logged-in user somehow lands on the login widget ========================================================= */ .collectivex-login .elementor-login__logged-in-message { background: var(--cx-warm); color: var(--cx-graphite); border: 1px solid var(--cx-mist); border-radius: 10px; padding: 22px; text-align: center; font-family: "Source Sans 3", Arial, sans-serif; font-size: 16px; line-height: 1.6; } .collectivex-login .elementor-login__logged-in-message a { color: var(--cx-blue); font-weight: 700; text-decoration: none; } .collectivex-login .elementor-login__logged-in-message a:hover { color: var(--cx-orange-deep); } /* ========================================================= 14. OPTIONAL LOGIN CARD HEADING Add an Elementor Heading above the login widget and give its container/class: cx-login-heading ========================================================= */ .cx-login-heading { text-align: center; margin-bottom: 30px; } .cx-login-heading h1, .cx-login-heading h2 { color: var(--cx-navy, #243B53); font-family: "Montserrat", Arial, sans-serif; font-size: clamp(30px, 3vw, 40px); font-weight: 700; line-height: 1.15; margin: 0 0 8px; } .cx-login-heading p { color: var(--cx-slate, #746B64); font-family: "Source Sans 3", Arial, sans-serif; font-size: 17px; line-height: 1.6; margin: 0; } /* Orange brand rule */ .cx-login-heading::after { content: ""; display: block; width: 54px; height: 3px; background: #FF914D; border-radius: 20px; margin: 20px auto 0; } /* ========================================================= 15. TABLET ========================================================= */ @media (max-width: 1024px) { .collectivex-login { padding: 36px; } } /* ========================================================= 16. MOBILE ========================================================= */ @media (max-width: 767px) { .collectivex-login { padding: 28px 20px; border-radius: 10px; box-shadow: 0 10px 30px rgba(16, 43, 91, 0.09); } .collectivex-login .elementor-field-group { margin-bottom: 18px !important; } .collectivex-login input[type="text"], .collectivex-login input[type="email"], .collectivex-login input[type="password"], .collectivex-login .elementor-field-textual { min-height: 50px; font-size: 16px !important; } .collectivex-login .elementor-button, .collectivex-login button[type="submit"] { min-height: 50px; } }/* End custom CSS */