.elementor-2194 .elementor-element.elementor-element-1f80057c{--display:flex;--margin-top:0px;--margin-bottom:-96px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-2194 .elementor-element.elementor-element-3cf0ea5{--display:flex;--gap:14px 0px;--row-gap:14px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-1d8c833f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms{text-align:left;}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__link{font-family:var( --e-global-typography-27ade51-font-family ), Sans-serif;font-size:var( --e-global-typography-27ade51-font-size );font-weight:var( --e-global-typography-27ade51-font-weight );text-transform:var( --e-global-typography-27ade51-text-transform );padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__prefix{font-family:var( --e-global-typography-27ade51-font-family ), Sans-serif;font-size:var( --e-global-typography-27ade51-font-size );font-weight:var( --e-global-typography-27ade51-font-weight );text-transform:var( --e-global-typography-27ade51-text-transform );}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__suffix{font-family:var( --e-global-typography-27ade51-font-family ), Sans-serif;font-size:var( --e-global-typography-27ade51-font-size );font-weight:var( --e-global-typography-27ade51-font-weight );text-transform:var( --e-global-typography-27ade51-text-transform );}.elementor-2194 .elementor-element.elementor-element-21b27ed0{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-2194 .elementor-element.elementor-element-21b27ed0 .elementor-heading-title{font-family:var( --e-global-typography-a572c3b-font-family ), Sans-serif;font-size:var( --e-global-typography-a572c3b-font-size );}.elementor-2194 .elementor-element.elementor-element-5252ad54{--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-2194 .elementor-element.elementor-element-7a2283a1{width:100%;max-width:100%;}.elementor-2194 .elementor-element.elementor-element-7a2283a1 img{width:100%;height:602px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 0.1);}.elementor-2194 .elementor-element.elementor-element-72e3a3b0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:48px;--padding-right:48px;}.elementor-2194 .elementor-element.elementor-element-72e3a3b0:not(.elementor-motion-effects-element-type-background), .elementor-2194 .elementor-element.elementor-element-72e3a3b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2194 .elementor-element.elementor-element-473df234{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-473df234.e-con{--align-self:center;}.elementor-2194 .elementor-element.elementor-element-6657bf8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-2194 .elementor-element.elementor-element-6657bf8 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-2194 .elementor-element.elementor-element-6657bf8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2194 .elementor-element.elementor-element-3bf3667{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-7d4d9b7 .jet-listing-dynamic-field__content{font-family:"Semplicita Pro", Sans-serif;font-size:1rem;font-weight:normal;font-style:italic;line-height:31.5px;text-align:left;}.elementor-2194 .elementor-element.elementor-element-7d4d9b7 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2194 .elementor-element.elementor-element-7d4d9b7 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2194 .elementor-element.elementor-element-7d4d9b7 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2194 .elementor-element.elementor-element-f8ffa23 .jet-listing-dynamic-field__content{font-family:"Semplicita Pro", Sans-serif;font-size:1rem;font-weight:normal;font-style:italic;line-height:31.5px;text-align:left;}.elementor-2194 .elementor-element.elementor-element-f8ffa23 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2194 .elementor-element.elementor-element-f8ffa23 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2194 .elementor-element.elementor-element-f8ffa23 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2194 .elementor-element.elementor-element-6177cd5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:42px 42px;--row-gap:42px;--column-gap:42px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0000001A;--border-color:#0000001A;--border-radius:10px 10px 10px 10px;box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 0.1);--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:014px;--padding-bottom:014px;--padding-left:24px;--padding-right:32px;}.elementor-2194 .elementor-element.elementor-element-6177cd5:not(.elementor-motion-effects-element-type-background), .elementor-2194 .elementor-element.elementor-element-6177cd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2194 .elementor-element.elementor-element-eaf932d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-f6708ab{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-f6708ab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2194 .elementor-element.elementor-element-95c93e0{width:auto;max-width:auto;}.elementor-2194 .elementor-element.elementor-element-95c93e0 .elementor-heading-title{font-family:var( --e-global-typography-8b2b5c1-font-family ), Sans-serif;font-size:var( --e-global-typography-8b2b5c1-font-size );font-weight:var( --e-global-typography-8b2b5c1-font-weight );text-transform:var( --e-global-typography-8b2b5c1-text-transform );line-height:var( --e-global-typography-8b2b5c1-line-height );}.elementor-2194 .elementor-element.elementor-element-ad42989 > .elementor-widget-container{margin:024px 0px 0px 0px;}.elementor-2194 .elementor-element.elementor-element-7c43e5a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-59c1cd7c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;--z-index:0;}.elementor-2194 .elementor-element.elementor-element-5501aa1a{--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-3b52c536 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2194 .elementor-element.elementor-element-3b52c536 .elementor-heading-title{font-family:var( --e-global-typography-e421484-font-family ), Sans-serif;font-size:var( --e-global-typography-e421484-font-size );}.elementor-2194 .elementor-element.elementor-element-6685907d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-2194 .elementor-element.elementor-element-152268d1 > .jet-listing-grid > .jet-listing-grid__items{--columns:10;}.elementor-2194 .elementor-element.elementor-element-152268d1{width:100%;max-width:100%;}.elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:is( .elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(24px / 2);padding-right:calc(24px / 2);}:is( .elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid, .elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 24px / -2);margin-right:calc( 24px / -2);width:calc(100% + 24px);}.elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 24px / -2);margin-right:calc( 24px / -2);}.elementor-2194 .elementor-element.elementor-element-441fbe9e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-7682d7f1{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-2194 .elementor-element.elementor-element-5f087146{width:auto;max-width:auto;}body.elementor-page-2194:not(.elementor-motion-effects-element-type-background), body.elementor-page-2194 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}@media(max-width:1024px){.elementor-2194 .elementor-element.elementor-element-1f80057c{--margin-top:0px;--margin-bottom:-112px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-2194 .elementor-element.elementor-element-3cf0ea5{--gap:14px 0px;--row-gap:14px;--column-gap:0px;}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__link{font-size:var( --e-global-typography-27ade51-font-size );}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__prefix{font-size:var( --e-global-typography-27ade51-font-size );}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__suffix{font-size:var( --e-global-typography-27ade51-font-size );}.elementor-2194 .elementor-element.elementor-element-21b27ed0 .elementor-heading-title{font-size:var( --e-global-typography-a572c3b-font-size );}.elementor-2194 .elementor-element.elementor-element-5252ad54{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-2194 .elementor-element.elementor-element-7a2283a1{text-align:end;}.elementor-2194 .elementor-element.elementor-element-7a2283a1 img{width:449px;height:268px;}.elementor-2194 .elementor-element.elementor-element-7d4d9b7 .jet-listing-dynamic-field__content{font-size:1rem;line-height:31.5px;}.elementor-2194 .elementor-element.elementor-element-f8ffa23 .jet-listing-dynamic-field__content{font-size:1rem;line-height:31.5px;}.elementor-2194 .elementor-element.elementor-element-eaf932d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2194 .elementor-element.elementor-element-f6708ab{--flex-wrap:nowrap;}.elementor-2194 .elementor-element.elementor-element-95c93e0 .elementor-heading-title{font-size:var( --e-global-typography-8b2b5c1-font-size );line-height:var( --e-global-typography-8b2b5c1-line-height );}.elementor-2194 .elementor-element.elementor-element-3b52c536 .elementor-heading-title{font-size:var( --e-global-typography-e421484-font-size );}.elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-2194 .elementor-element.elementor-element-152268d1 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-2194 .elementor-element.elementor-element-152268d1{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-2194 .elementor-element.elementor-element-1f80057c{--gap:48px 0px;--row-gap:48px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:48px;--padding-left:26px;--padding-right:24px;}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__link{font-size:var( --e-global-typography-27ade51-font-size );}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__prefix{font-size:var( --e-global-typography-27ade51-font-size );}.elementor-2194 .elementor-element.elementor-element-1d8c833f .jet-listing-dynamic-terms__suffix{font-size:var( --e-global-typography-27ade51-font-size );}.elementor-2194 .elementor-element.elementor-element-21b27ed0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2194 .elementor-element.elementor-element-21b27ed0 .elementor-heading-title{font-size:var( --e-global-typography-a572c3b-font-size );}.elementor-2194 .elementor-element.elementor-element-5252ad54{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-2194 .elementor-element.elementor-element-7a2283a1{text-align:end;}.elementor-2194 .elementor-element.elementor-element-7a2283a1 img{width:264px;height:145.684px;}.elementor-2194 .elementor-element.elementor-element-72e3a3b0{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:024px;}.elementor-2194 .elementor-element.elementor-element-7d4d9b7 .jet-listing-dynamic-field__content{font-size:1rem;line-height:31.5px;}.elementor-2194 .elementor-element.elementor-element-f8ffa23 .jet-listing-dynamic-field__content{font-size:1rem;line-height:31.5px;}.elementor-2194 .elementor-element.elementor-element-6177cd5{--gap:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2194 .elementor-element.elementor-element-f6708ab{--gap:6px 6px;--row-gap:6px;--column-gap:6px;}.elementor-2194 .elementor-element.elementor-element-95c93e0 .elementor-heading-title{font-size:var( --e-global-typography-8b2b5c1-font-size );line-height:var( --e-global-typography-8b2b5c1-line-height );}.elementor-2194 .elementor-element.elementor-element-7c43e5a3{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-2194 .elementor-element.elementor-element-59c1cd7c{--gap:24px 0px;--row-gap:24px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-2194 .elementor-element.elementor-element-3b52c536 .elementor-heading-title{font-size:var( --e-global-typography-e421484-font-size );}.elementor-2194 .elementor-element.elementor-element-6685907d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2194 .elementor-element.elementor-element-152268d1 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-2194 .elementor-element.elementor-element-152268d1 > .jet-listing-grid > .jet-listing-grid__items{--columns:auto;}.elementor-2194 .elementor-element.elementor-element-152268d1{width:100%;max-width:100%;}.elementor-2194 .elementor-element.elementor-element-441fbe9e{--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:space-between;--align-items:center;}.elementor-2194 .elementor-element.elementor-element-7682d7f1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-2194 .elementor-element.elementor-element-473df234{--width:800px;}.elementor-2194 .elementor-element.elementor-element-441fbe9e{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2194 .elementor-element.elementor-element-473df234{--width:100%;}}/* Start custom CSS for jet-listing-dynamic-terms, class: .elementor-element-1d8c833f */.jet-listing-dynamic-terms { font-family: var(--e-global-typography-27ade51-font-family); font-size: var(--e-global-typography-27ade51-font-size); font-weight: var(--e-global-typography-27ade51-font-weight); line-height: var(--e-global-typography-27ade51-line-height); letter-spacing: var(--e-global-typography-27ade51-letter-spacing); text-transform: var(--e-global-typography-27ade51-text-transform); font-style: var(--e-global-typography-27ade51-font-style); } .event-tags a { /* This is to ensure the link color is also correct */ color: var(--e-global-color-27ade51); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ad42989 *//* 1. Main Form Typography & Color */ #tmm-mentor-form .tmm-form { font-family: inherit !important; color: #1e293b !important; /* Dark navy text */ background: transparent !important; } /* 2. Style the Labels (Name, Email, etc.) */ #tmm-mentor-form .tmm-form .form-field label { display: block !important; width: 100% !important; margin-bottom: 8px !important; font-size: 16px !important; color: #1e293b !important; } /* 3. Keep Radio Button Labels Inline */ #tmm-mentor-form .tmm-form label.form-radio-label { display: inline-block !important; width: auto !important; margin-bottom: 0 !important; font-size: 15px !important; font-weight: normal !important; } /* 4. Style the Text Inputs and Textarea */ #tmm-mentor-form .tmm-form input[type="text"], #tmm-mentor-form .tmm-form textarea { width: 100% !important; background-color: #f8fafc !important; /* Light grey background from screenshots */ border: 1px solid #e2e8f0 !important; /* Thin grey border */ border-radius: 8px !important; /* Soft rounded corners */ padding: 14px 16px !important; margin-bottom: 16px; color: #1e293b !important; box-sizing: border-box !important; font-size: 16px !important; } /* Add a nice focus state for accessibility */ #tmm-mentor-form .tmm-form input[type="text"]:focus, #tmm-mentor-form .tmm-form textarea:focus { outline: none !important; border-color: #f0483d !important; /* Uses the brand orange */ } /* 5. Fix the Radio Buttons (Gender & Age) */ #tmm-mentor-form .tmm-form .form-radio { margin-bottom: 24px !important; } #tmm-mentor-form .tmm-form .form-radio-option { display: inline-flex !important; align-items: center !important; margin-right: 16px !important; margin-top: 5px !important; } #tmm-mentor-form .tmm-form .form-input-radio { margin-right: 8px !important; accent-color: #f0483d !important; /* Brand orange dot */ } /* 6. The Agapé UK Brand Submit Button */ #tmm-mentor-form .tmm-form .form-submit input { background-color: #ffffff !important; color: #f0483d !important; /* Brand burnt orange */ border: 1px solid #d34727 !important; border-radius: 8px !important; padding: 12px 32px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; } /* Button Hover State - Inverts to solid orange */ #tmm-mentor-form .tmm-form .form-submit input:hover { background-color: #f0483d !important; color: #ffffff !important; } /* 7. Safe Two-Column Desktop Layout */ @media (min-width: 768px) { #tmm-mentor-form .tmm-form { display: grid !important; grid-template-columns: 1fr 1fr !important; /* This keeps the inputs from stretching vertically and ruining the layout */ align-items: start !important; column-gap: 50px !important; /* Creating custom zones for the fields */ grid-template-areas: "msg gender" "name age" "email age" "recaptcha recaptcha" "submit submit"; } /* Assigning each field to its specific zone */ #tmm-mentor-form .tmm-form .form-message { grid-area: msg !important; } #tmm-mentor-form .tmm-form .form-name { grid-area: name !important; } #tmm-mentor-form .tmm-form .form-email { grid-area: email !important; } #tmm-mentor-form .tmm-form .form-gender { grid-area: gender !important; } #tmm-mentor-form .tmm-form .form-age { grid-area: age !important; } #tmm-mentor-form .tmm-form .form-recaptcha { grid-area: recaptcha !important; margin-top: 0px !important; } #tmm-mentor-form .tmm-form .form-submit { grid-area: submit !important; margin-top: 10px !important; } }/* End custom CSS */ /* Start custom CSS for jet-listing-grid, class: .elementor-element-152268d1 *//* Hide the default navigation arrows and pagination */ .articles-slider .slick-arrow, .articles-slider .slick-dots { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-441fbe9e *//* Styling for the container of the buttons */ .articles-controls { display: flex; gap: 16px; margin-left: 24px; } /* Styling for the individual slider buttons */ .articles-controls .slider-button { background-color: transparent; border: 1px solid #F0483D; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; cursor: pointer; padding: 0; transition: background-color 0.3s ease, border-color 0.3s ease; } /* Hover effect for buttons (fill with red) */ .articles-controls .slider-button:hover { background-color: #F0483D; border-color: #F0483D; } /* Styling for the SVG icons inside the buttons */ .articles-controls .slider-button svg { width: 20px; height: 20px; color: #F0483D; /* Sets the stroke color to Agape Red */ } /* Icon color on hover (white) */ .articles-controls .slider-button:hover svg { color: #FFFFFF; /* Changes the stroke color to white */ } /* Disabled state for the slider buttons */ .articles-controls .slider-button.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; /* Disables click events */ } /* Container for the progress bar */ .articles-progress-bar-container { width: 100%; height: 2px; background-color: #e0e0e0; border-radius: 0px; margin-top: 20px; } /* The fill of the progress bar */ .articles-progress-bar { height: 100%; width: 25%; background-color: #F0483D; border-radius: 2px; transition: width 0.1s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6685907d *//* This CSS overrides Slick Slider's default layout to create the overflow effect you want. */ /* Add a negative margin to the slick-track to pull it out of the container's bounds */ .articles-slider .slick-track { margin-left: -24px; /* Pulls content left to allow it to bleed */ } /* Adjust the padding on the slick-list to create the initial alignment */ .articles-slider .slick-list { padding-left: 24px !important; padding-right: 24px !important; width: 200%; } .articles-slider .slick-list.draggable { overflow: visible !important; } @media (max-width: 767px) { .desktop-grid { display: none !important; } /* Targets the specific slider item with our class */ .articles-slider .jet-listing-grid__item.slick-slide { width: 85% !important; max-width: 250px !important; min-width: 226px !important; } } @media (max-width: 767px) { /* Adds a consistent 24px padding to the left of the slider's viewing area */ .articles-slider .slick-list { padding-left: 24px !important; } }/* End custom CSS */ /* Start custom CSS *//* Reset basic browser/theme margins/paddings that can affect full-bleed */ html, body { margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; /* Prevents horizontal scrollbar if SVG extends beyond viewport */ } /* * This targets the Elementor section/container that holds your HTML widget. * Elementor often applies 'position: relative' to sections, which makes * our absolute positioning relative to the section, not the viewport. * We need to override any padding/margin Elementor adds to the section itself. * * IMPORTANT: You MAY need to change '.elementor-section' to a more specific * class if your setup is different, or remove it if not needed. * In dev tools, look for the parent of your HTML widget. */ .elementor-section { /* Or .e-container for Flexbox containers */ position: relative !important; /* Ensure it stays relative if Elementor needs it, but important to reset others */ padding: 0 !important; margin: 0 !important; } /* * THE SVG CONTAINER: * This 'div' wraps your SVG. This is what we position absolutely. * It's set to 100vw width and 'overflow: hidden' to achieve the cropping. */ .svg-line-masthead-container { position: absolute !important; /* THIS MUST BE ABSOLUTE */ left: 0 !important; /* Stick to the very left edge of the viewport */ width: 100vw !important; /* Span the entire viewport width */ overflow: hidden !important; /* CRITICAL: Crops the SVG that extends beyond 100vw */ pointer-events: none !important; /* Allows clicks on elements below the SVG */ z-index: 0 !important; /* Puts it behind your main content */ /* * VERTICAL POSITIONING (TOP): * This is where you control its height location. * We'll adjust this after checking if 'absolute' sticks. */ top: 230px !important; /* Initial value. We'll fine-tune this. */ /* Set height to match SVG's height to ensure the container is tall enough */ height: 336px !important; } /* * THE SVG ELEMENT ITSELF: * We give the SVG its original width (4525px) to ensure consistent stroke. * 'max-width: none' prevents it from scaling down on smaller screens. * We then center it horizontally within its 100vw container. */ .svg-line-masthead-container svg { width: 4525px !important; /* Set to the actual width of YOUR SVG */ max-width: none !important; /* Crucial to prevent unwanted scaling down */ height: auto !important; /* Maintain aspect ratio based on the fixed width */ display: block !important; /* Remove extra space below the SVG */ position: relative !important; /* Used for horizontal centering */ left: 50% !important; /* Push SVG halfway across its container */ transform: translateX(-50%) !important; /* Pull SVG back by half its own width for centering */ } /* * RESPONSIVE ADJUSTMENTS: * This is where you adjust the 'top' property for different screen sizes. */ @media (max-width: 767px) { /* Adjust for typical mobile screens */ .svg-line-masthead-container { top: 50px !important; /* Adjust this value for mobile positioning */ } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Semplicita Pro'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://agape.org.uk/wp-content/uploads/sites/1015/2025/05/SemplicitaPro.woff2') format('woff2'); } @font-face { font-family: 'Semplicita Pro'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://agape.org.uk/wp-content/uploads/sites/1015/2025/05/SemplicitaPro-Bold.woff2') format('woff2'); } /* End Custom Fonts CSS */