.elementor-225 .elementor-element.elementor-element-99a8129{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-225 .elementor-element.elementor-element-99a8129:not(.elementor-motion-effects-element-type-background), .elementor-225 .elementor-element.elementor-element-99a8129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jobtest.bigdigitalmarketing.gr/wp-content/uploads/2026/01/montehome07.jpg");}.elementor-225 .elementor-element.elementor-element-f2db478{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-225 .elementor-element.elementor-element-f44e58f{--display:flex;--justify-content:center;}.elementor-225 .elementor-element.elementor-element-43d142b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;text-align:center;}.elementor-225 .elementor-element.elementor-element-43d142b .elementor-heading-title{font-family:var( --e-global-typography-7f0e814-font-family ), Sans-serif;font-size:var( --e-global-typography-7f0e814-font-size );font-weight:var( --e-global-typography-7f0e814-font-weight );text-transform:var( --e-global-typography-7f0e814-text-transform );letter-spacing:var( --e-global-typography-7f0e814-letter-spacing );}.elementor-225 .elementor-element.elementor-element-acc33ec .jet-listing-dynamic-field__content{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 );letter-spacing:var( --e-global-typography-accent-letter-spacing );text-align:left;}.elementor-225 .elementor-element.elementor-element-acc33ec .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-225 .elementor-element.elementor-element-acc33ec .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-225 .elementor-element.elementor-element-acc33ec .jet-listing-dynamic-field{justify-content:center;}.elementor-225 .elementor-element.elementor-element-54d75b0 .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 );}.elementor-225 .elementor-element.elementor-element-1dc62f2 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-225 .elementor-element.elementor-element-55fd86c{--divider-border-style:dashed;--divider-color:#7A7A7A4D;--divider-border-width:3px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-225 .elementor-element.elementor-element-55fd86c .elementor-divider-separator{width:76%;margin:0 auto;margin-center:0;}.elementor-225 .elementor-element.elementor-element-55fd86c .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-225 .elementor-element.elementor-element-0690237 .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 );}.elementor-225 .elementor-element.elementor-element-427ce31 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-225 .elementor-element.elementor-element-c23d36f{--divider-border-style:dashed;--divider-color:#7A7A7A4D;--divider-border-width:3px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-225 .elementor-element.elementor-element-c23d36f .elementor-divider-separator{width:76%;margin:0 auto;margin-center:0;}.elementor-225 .elementor-element.elementor-element-c23d36f .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-225 .elementor-element.elementor-element-4b8e7d7 .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 );}.elementor-225 .elementor-element.elementor-element-0af4d54 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-225 .elementor-element.elementor-element-717dc54{--display:flex;--min-height:500px;}.elementor-225 .elementor-element.elementor-element-2fafba0{--display:flex;}.elementor-225 .elementor-element.elementor-element-4c97240{--display:flex;}.elementor-225 .elementor-element.elementor-element-3a43f2f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-225 .elementor-element.elementor-element-83af0b1{--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;}.elementor-225 .elementor-element.elementor-element-c190e66{--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;}@media(min-width:768px){.elementor-225 .elementor-element.elementor-element-f2db478{--content-width:1440px;}.elementor-225 .elementor-element.elementor-element-717dc54{--width:40%;}.elementor-225 .elementor-element.elementor-element-83af0b1{--width:33.3333%;}.elementor-225 .elementor-element.elementor-element-c190e66{--width:66.6666%;}}@media(max-width:1024px){.elementor-225 .elementor-element.elementor-element-99a8129{--min-height:340px;}.elementor-225 .elementor-element.elementor-element-43d142b .elementor-heading-title{font-size:var( --e-global-typography-7f0e814-font-size );letter-spacing:var( --e-global-typography-7f0e814-letter-spacing );}.elementor-225 .elementor-element.elementor-element-acc33ec .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-225 .elementor-element.elementor-element-54d75b0 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-225 .elementor-element.elementor-element-0690237 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-225 .elementor-element.elementor-element-4b8e7d7 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-225 .elementor-element.elementor-element-99a8129{--min-height:303px;}.elementor-225 .elementor-element.elementor-element-f2db478{--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-225 .elementor-element.elementor-element-43d142b .elementor-heading-title{font-size:var( --e-global-typography-7f0e814-font-size );letter-spacing:var( --e-global-typography-7f0e814-letter-spacing );}.elementor-225 .elementor-element.elementor-element-acc33ec .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-225 .elementor-element.elementor-element-54d75b0 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-225 .elementor-element.elementor-element-0690237 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-225 .elementor-element.elementor-element-4b8e7d7 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-508429c *//* Scope everything to your picker */ .menu-date-picker-wrap .ui-datepicker { width: 100%; padding: 12px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.08); font-size: 14px; } /* Header layout */ .menu-date-picker-wrap .ui-datepicker-header { position: relative; padding: 10px 44px; /* space for prev/next buttons */ border-radius: 10px; border: 1px solid rgba(0,0,0,0.10); margin-bottom: 10px; background: rgba(0,0,0,0.03); } /* Month title */ .menu-date-picker-wrap .ui-datepicker-title { text-align: center; font-weight: 700; line-height: 24px; } /* Prev/Next buttons */ .menu-date-picker-wrap .ui-datepicker-prev, .menu-date-picker-wrap .ui-datepicker-next { position: absolute; top: 8px; width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.15); background: #fff; cursor: pointer; } /* Put them left/right */ .menu-date-picker-wrap .ui-datepicker-prev { left: 8px; } .menu-date-picker-wrap .ui-datepicker-next { right: 8px; } /* Remove default text and show arrows */ .menu-date-picker-wrap .ui-datepicker-prev span, .menu-date-picker-wrap .ui-datepicker-next span { display: none; } .menu-date-picker-wrap .ui-datepicker-prev:after, .menu-date-picker-wrap .ui-datepicker-next:after { display: block; text-align: center; line-height: 26px; font-size: 16px; font-weight: 700; color: rgba(0,0,0,0.75); } .menu-date-picker-wrap .ui-datepicker-prev:after { content: "‹"; } .menu-date-picker-wrap .ui-datepicker-next:after { content: "›"; } /* Hover/focus states */ .menu-date-picker-wrap .ui-datepicker-prev:hover, .menu-date-picker-wrap .ui-datepicker-next:hover { background: rgba(0,0,0,0.04); } /* Weekday header */ .menu-date-picker-wrap .ui-datepicker th { padding: 6px 0; font-weight: 600; color: rgba(0,0,0,0.65); } /* Day cells */ .menu-date-picker-wrap .ui-datepicker td { padding: 2px; } .menu-date-picker-wrap .ui-datepicker td a, .menu-date-picker-wrap .ui-datepicker td span { display: block; padding: 8px 0; border-radius: 10px; text-align: center; text-decoration: none; border: 1px solid transparent; } /* Available days (your custom class from beforeShowDay) */ .menu-date-picker-wrap .ui-datepicker td.menu-day-available a { font-weight: 700; text-decoration: none; /* remove underline if you prefer */ border-color: rgba(0,0,0,0.12); } /* Disabled days */ .menu-date-picker-wrap .ui-datepicker td.ui-state-disabled span { opacity: 0.25; } /* Today highlight */ .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-today a { border-color: rgba(0,0,0,0.25); } /* Selected day */ .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-current-day a { border-color: rgba(0,0,0,0.35); background: rgba(0,0,0,0.06); } /* 1) Dim days that belong to previous/next month (strong .elementor-225 .elementor-element.elementor-element-508429cs + !important) */ .menu-date-picker-wrap .ui-datepicker-calendar td.ui-datepicker-other-month, .menu-date-picker-wrap .ui-datepicker-calendar td.ui-datepicker-other-month a, .menu-date-picker-wrap .ui-datepicker-calendar td.ui-datepicker-other-month span { opacity: 0.25 !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; } /* 2) Make current-month days visually "normal/strong" */ .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) a, .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) span { opacity: 1 !important; } /* Optional: add a subtle background to current-month day cells */ .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) a, .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) span { background: rgba(0,0,0,0.02) !important; } /* Make today's date red (and readable) */ .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-today a, .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-today span { color: #b00020 !important; font-weight: 800 !important; border-color: rgba(176, 0, 32, 0.35) !important; } /* Give current-month days a subtle background */ .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) a { background: rgba(0,0,0,0.02); } /* Highlight the date corresponding to the currently viewed menu_day page */ .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-current-day a { background: rgba(176, 0, 32, 0.08) !important; /* subtle red */ border-color: rgba(176, 0, 32, 0.35) !important; font-weight: 800 !important; } /* Fallback if theme uses ui-state-active more than current-day */ .menu-date-picker-wrap .ui-datepicker a.ui-state-active { background: rgba(176, 0, 32, 0.08) !important; border-color: rgba(176, 0, 32, 0.35) !important; font-weight: 800 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-734770b *//* Scope everything to your picker */ .menu-date-picker-wrap .ui-datepicker { width: 100%; padding: 12px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.08); font-size: 14px; } /* Header layout */ .menu-date-picker-wrap .ui-datepicker-header { position: relative; padding: 10px 44px; /* space for prev/next buttons */ border-radius: 10px; border: 1px solid rgba(0,0,0,0.10); margin-bottom: 10px; background: rgba(0,0,0,0.03); } /* Month title */ .menu-date-picker-wrap .ui-datepicker-title { text-align: center; font-weight: 700; line-height: 24px; } /* Prev/Next buttons */ .menu-date-picker-wrap .ui-datepicker-prev, .menu-date-picker-wrap .ui-datepicker-next { position: absolute; top: 8px; width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.15); background: #fff; cursor: pointer; } /* Put them left/right */ .menu-date-picker-wrap .ui-datepicker-prev { left: 8px; } .menu-date-picker-wrap .ui-datepicker-next { right: 8px; } /* Remove default text and show arrows */ .menu-date-picker-wrap .ui-datepicker-prev span, .menu-date-picker-wrap .ui-datepicker-next span { display: none; } .menu-date-picker-wrap .ui-datepicker-prev:after, .menu-date-picker-wrap .ui-datepicker-next:after { display: block; text-align: center; line-height: 26px; font-size: 16px; font-weight: 700; color: rgba(0,0,0,0.75); } .menu-date-picker-wrap .ui-datepicker-prev:after { content: "‹"; } .menu-date-picker-wrap .ui-datepicker-next:after { content: "›"; } /* Hover/focus states */ .menu-date-picker-wrap .ui-datepicker-prev:hover, .menu-date-picker-wrap .ui-datepicker-next:hover { background: rgba(0,0,0,0.04); } /* Weekday header */ .menu-date-picker-wrap .ui-datepicker th { padding: 6px 0; font-weight: 600; color: rgba(0,0,0,0.65); } /* Day cells */ .menu-date-picker-wrap .ui-datepicker td { padding: 2px; } .menu-date-picker-wrap .ui-datepicker td a, .menu-date-picker-wrap .ui-datepicker td span { display: block; padding: 8px 0; border-radius: 10px; text-align: center; text-decoration: none; border: 1px solid transparent; } /* Available days (your custom class from beforeShowDay) */ .menu-date-picker-wrap .ui-datepicker td.menu-day-available a { font-weight: 700; text-decoration: none; /* remove underline if you prefer */ border-color: rgba(0,0,0,0.12); } /* Disabled days */ .menu-date-picker-wrap .ui-datepicker td.ui-state-disabled span { opacity: 0.25; } /* Today highlight */ .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-today a { border-color: rgba(0,0,0,0.25); } /* Selected day */ .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-current-day a { border-color: rgba(0,0,0,0.35); background: rgba(0,0,0,0.06); } /* 1) Dim days that belong to previous/next month (strong .elementor-225 .elementor-element.elementor-element-734770bs + !important) */ .menu-date-picker-wrap .ui-datepicker-calendar td.ui-datepicker-other-month, .menu-date-picker-wrap .ui-datepicker-calendar td.ui-datepicker-other-month a, .menu-date-picker-wrap .ui-datepicker-calendar td.ui-datepicker-other-month span { opacity: 0.25 !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; } /* 2) Make current-month days visually "normal/strong" */ .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) a, .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) span { opacity: 1 !important; } /* Optional: add a subtle background to current-month day cells */ .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) a, .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) span { background: rgba(0,0,0,0.02) !important; } /* Make today's date red (and readable) */ .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-today a, .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-today span { color: #b00020 !important; font-weight: 800 !important; border-color: rgba(176, 0, 32, 0.35) !important; } /* Give current-month days a subtle background */ .menu-date-picker-wrap .ui-datepicker-calendar td:not(.ui-datepicker-other-month) a { background: rgba(0,0,0,0.02); } /* Highlight the date corresponding to the currently viewed menu_day page */ .menu-date-picker-wrap .ui-datepicker td.ui-datepicker-current-day a { background: rgba(176, 0, 32, 0.08) !important; /* subtle red */ border-color: rgba(176, 0, 32, 0.35) !important; font-weight: 800 !important; } /* Fallback if theme uses ui-state-active more than current-day */ .menu-date-picker-wrap .ui-datepicker a.ui-state-active { background: rgba(176, 0, 32, 0.08) !important; border-color: rgba(176, 0, 32, 0.35) !important; font-weight: 800 !important; }/* End custom CSS */