#sp-banner{ position:relative; min-height:500px !important; background-size:cover; background-position:center; overflow:visible !important; display:flex; align-items:flex-start; } #jcls-search{ position:relative; z-index:5; width:100%; max-width:100%; padding-top:70px; display:flex; justify-content:flex-end; align-items:flex-start; } .jcls-search-form h1{ color:#fff !important; font-size:56px; font-weight:700; line-height:1.12; width:100%; margin-bottom:36px; text-align:center; } .activeAds, .search-description{ display:none !important; } .jcls-search-bar{ width:460px; margin-right:80px; } .jcls-search-bar form{ width:420px; background:#fff; border-radius:24px; padding:28px; box-shadow:0 20px 55px rgba(0,0,0,0.22); } .fields-container{ display:flex; flex-direction:column; gap:16px; width:100%; } .form-field{ width:100%; position:relative; } .form-field:after{ display:none !important; } #searchbar, #locationSearch, #radius, #categorySearch, #adTypeClassifieds{ width:100% !important; height:56px !important; border:1px solid #d9d9d9 !important; border-radius:12px !important; background:#fff !important; padding:0 18px !important; font-size:15px !important; color:#222 !important; box-shadow:none !important; outline:none !important; appearance:none; } #searchbar::placeholder, #locationSearch::placeholder{ color:#666 !important; opacity:1; } .location-dropdown{ width:100%; } .location-input-wrap{ position:relative; width:100%; } .location-search-icon{ position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#777; font-size:18px; z-index:2; } .location-arrow{ position:absolute; right:16px; top:50%; transform:translateY(-50%); color:#777; font-size:18px; z-index:2; transition:0.2s; } #locationSearch{ height:56px; border-radius:14px; padding-left:46px !important; padding-right:46px !important; font-size:15px; } .location-results{ display:none; position:absolute; top:calc(100% + 8px); left:0; width:100%; background:#fff; border:1px solid #e5e5e5; border-radius:14px; overflow-y:auto; box-shadow:0 10px 25px rgba(0,0,0,0.12); z-index:99999; max-height:320px; } .location-filter-wrap{ padding:12px; border-bottom:1px solid #f1f1f1; background:#fff; position:sticky; top:0; z-index:20; } #locationFilter{ width:100%; height:42px; border:1px solid #dcdcdc; border-radius:10px; padding:0 14px; font-size:14px; outline:none; box-sizing:border-box; background:#fff; color:#222; } #locationFilter:focus{ border-color:#00bcd4; } .county-item, .town-item, .town-search-item, .back-to-counties, .all-ireland, .county-select{ padding:9px 16px; min-height:42px; font-size:13px; color:#222 !important; background:#fff; border-bottom:1px solid #f1f1f1; cursor:pointer; display:flex; align-items:center; justify-content:space-between; transition:0.2s; line-height:1.4; } .county-item:hover, .town-item:hover, .town-search-item:hover, .back-to-counties:hover, .all-ireland:hover{ background:#f8f8f8; } .location-results div:last-child{ border-bottom:none; } .county-arrow{ color:#999; font-size:14px; } @media(max-width:991px){ #sp-banner{ min-height:650px !important; } #jcls-search{ padding-top:70px; padding-left:20px; padding-right:20px; } .jcls-search-form h1{ font-size:38px; max-width:100%; text-align:center; margin-bottom:28px; } .jcls-search-bar{ justify-content:center; } .jcls-search-bar form{ width:100%; max-width:460px; padding:22px; } } .county-select{ font-weight:600; color:#222 !important; } .location-results::-webkit-scrollbar{ width:6px; } .location-results::-webkit-scrollbar-thumb{ background:#d0d0d0; border-radius:20px; } .town-search-item{ padding:12px 16px; border-bottom:1px solid #f1f1f1; cursor:pointer; background:#fff; } .town-search-item:hover{ background:#f8f8f8; } .county-item.featured-county{ background:#f7fbff; font-weight:600; } .county-select, .county-select span, .county-select *{ color:#222 !important; } .location-dropdown{ position:relative; } .location-results{ width:100%; min-width:0; box-sizing:border-box; z-index:999999 !important; } #locationSearch{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .town-item, .town-search-item, .county-item, .county-select{ gap:10px; word-break:break-word; } .county-item:hover, .town-item:hover, .town-search-item:hover, .back-to-counties:hover, .all-ireland:hover, .county-select:hover{ background:#f5f7fa; } .county-item:active, .town-item:active, .town-search-item:active{ transform:scale(0.995); } @media(max-width:767px){ .location-results{ max-height:280px; border-radius:14px; } #locationSearch{ font-size:16px !important; } } #sp-header, #sp-banner, #sp-banner .container, #sp-banner .container-inner{ overflow:visible !important; } .select2-container{ width:100% !important; } .select2-results__options{ max-height:260px !important; } .manage-reservation, .classifiedContainer, .defaultAdStyle, .location, .location-dropdown, .town-dropdown, .search-filter, #search-filter, #adFilters { overflow:visible !important; } .jd-sr-location { position: relative !important; z-index: 40; width: 100%; } .jd-sr-location-input-wrap { position: relative !important; width: 100%; } #jd-sr-locationSearch, .jd-sr-location-input { width: 100% !important; height: 48px !important; border: 1px solid #d9d9d9 !important; border-radius: 12px !important; background: #fff !important; padding: 0 40px 0 42px !important; font-size: 14px !important; color: #222 !important; box-sizing: border-box !important; } .jd-sr-location-pin { left: 14px !important; display: inline-flex !important; align-items: center; } .jd-sr-location-results, #jd-sr-locationResults { display: none !important; position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; right: 0 !important; width: 100% !important; max-height: 280px !important; overflow-y: auto !important; background: #fff !important; border: 1px solid #e5e5e5 !important; border-radius: 12px !important; box-shadow: 0 10px 24px rgba(0,0,0,.12) !important; z-index: 10050 !important; } #jd-sr-locationResults:not([hidden]), #jd-sr-locationResults[data-open="1"] { display: block !important; } #jd-sr-locationResults .jd-sr-all-ireland, #jd-sr-locationResults .all-ireland, #jd-sr-locationResults .jd-sr-county-item, #jd-sr-locationResults .county-item, #jd-sr-locationResults .county-select, #jd-sr-locationResults .jd-sr-county-select, #jd-sr-locationResults .back-to-counties, #jd-sr-locationResults .jd-sr-back, #jd-sr-locationResults .town-item, #jd-sr-locationResults .town-search-item { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px !important; cursor: pointer !important; border-bottom: 1px solid #f1f1f1 !important; background: #fff !important; color: #222 !important; font-size: 14px !important; } #jd-sr-locationResults .jd-sr-all-ireland:hover, #jd-sr-locationResults .all-ireland:hover, #jd-sr-locationResults .county-item:hover, #jd-sr-locationResults .county-select:hover, #jd-sr-locationResults .town-item:hover, #jd-sr-locationResults .town-search-item:hover, #jd-sr-locationResults .back-to-counties:hover { background: #f5f7f9 !important; } #jd-sr-locationResults .featured-county { font-weight: 700; } .location-results .town-item{ padding:14px 16px; font-size:14px; background:#fff; border-bottom:1px solid #f1f1f1; transition:0.15s ease; } .location-results .town-item:hover{ background:#f7f7f7; } .location-results .town-item:last-child{ border-bottom:none; } .location-input-wrap{ position:relative; width:100%; } .location-search-icon{ position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#777; font-size:15px; z-index:5; pointer-events:none; } .location-arrow{ position:absolute; right:16px; top:50%; transform:translateY(-50%); color:#777; font-size:14px; z-index:5; pointer-events:none; transition:0.2s ease; } .location-dropdown.active .location-arrow{ transform:translateY(-50%) rotate(180deg); } .location-dropdown.town-dropdown{ position:relative !important; overflow:visible !important; } .location-dropdown.town-dropdown .location-input-wrap{ position:relative !important; z-index:1001 !important; } #townResults.town-results{ position:absolute !important; top:100% !important; left:0 !important; right:0 !important; margin-top:8px !important; width:100% !important; background:#fff !important; border:1px solid #ddd !important; border-radius:12px !important; max-height:250px !important; overflow-y:auto !important; display:none; z-index:99999 !important; box-shadow:0 6px 18px rgba(0,0,0,0.08) !important; } #townResults .town-item{ padding:12px 16px; cursor:pointer; } #townResults .town-item:hover{ background:#f5f5f5; } .location-dropdown.town-dropdown input#townSearch{ float:none !important; width:100% !important; display:block !important; margin:0 !important; } .location-dropdown.town-dropdown .location-input-wrap{ position:relative !important; width:100% !important; } #townResults.town-results{ position:absolute !important; top:100% !important; left:0 !important; right:0 !important; margin-top:8px !important; z-index:99999 !important; } #sp-banner{ position:relative !important; min-height:620px !important; } #jcls-search{ position:absolute !important; top:120px; right:80px; z-index:9999; width:auto !important; padding-top:0 !important; } .jcls-search-bar{ margin:0 !important; width:460px; } .jcls-search-bar form{ width:420px; } #sp-banner{ position:relative; min-height:620px !important; } #jcls-search{ position:absolute; top:120px; right:80px; z-index:9999; width:auto; padding-top:0; } .jcls-search-bar{ width:460px; margin:0; } .homepage-hero{ position:relative; height:500px; width:100%; overflow:hidden; background-image:url('/images/homepage-banner/Banner4.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; } .homepage-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient( 90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.38) 38%, rgba(0,0,0,0.12) 68%, rgba(0,0,0,0.04) 100% ); z-index:1; pointer-events:none; } .hero-overlay{ position:absolute; inset:0; background:transparent !important; z-index:2; } .hero-content{ position:relative; z-index:5; height:100%; } .hero-content h1{ position:absolute; top:70px; left:50%; transform:translateX(-50%); width:100%; max-width:900px; text-align:center; color:#fff !important; font-size:42px; font-weight:700; line-height:1.18; margin:0; z-index:30; text-shadow:0 4px 18px rgba(0,0,0,0.55); } #jcls-search{ position:absolute !important; top:135px !important; right:60px !important; z-index:50 !important; width:auto !important; padding-top:0 !important; } .jcls-search-bar{ width:430px !important; margin:0 !important; } .jcls-search-bar form{ width:100% !important; background:rgba(255,255,255,0.97) !important; border-radius:24px !important; padding:26px !important; box-shadow:0 18px 45px rgba(0,0,0,0.22) !important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } #jcls-search button, #jcls-search .ui-button, #jcls-search .ui-ad-button, #jcls-search input[type="submit"]{ width:100% !important; height:58px !important; border:none !important; border-radius:14px !important; background:#9aaa3a !important; background-image:none !important; color:#fff !important; font-size:18px !important; font-weight:700 !important; box-shadow:none !important; } #jcls-search button:hover, #jcls-search .ui-button:hover, #jcls-search .ui-ad-button:hover, #jcls-search input[type="submit"]:hover{ background:#0b5ed7 !important; } @media(max-width:991px){ .homepage-hero{ height:650px; } .hero-content h1{ font-size:36px; padding:0 20px; top:50px; } #jcls-search{ position:relative !important; top:auto !important; right:auto !important; display:flex !important; justify-content:center !important; padding:160px 20px 0 !important; } .jcls-search-bar{ width:100% !important; max-width:430px !important; } } #sp-search-module{ position:relative !important; } #jcls-search{ position:absolute !important; top:95px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; width:min(920px, calc(100vw - 40px)) !important; margin:0 !important; padding:0 !important; z-index:999 !important; text-align:center !important; } #jcls-search .jcls-search-form h1{ width:100% !important; max-width:none !important; white-space:nowrap !important; text-align:center !important; font-size:32px !important; line-height:1.15 !important; margin:0 0 28px !important; } .jcls-search-bar{ width:430px !important; margin:0 auto !important; } .jcm-success-overlay{ text-align:center; background:#fff; } .jcm-success-icon{ width:70px; height:70px; line-height:70px; border-radius:50%; background:#dff0d8; color:#28a745; font-size:40px; font-weight:bold; margin:0 auto 20px; } .jcm-success-overlay h2{ margin:0 0 10px; font-size:36px; } .jcm-success-overlay p{ font-size:20px; color:#666; } @media(max-width:767px){ #jcls-search .jcls-search-form h1{ white-space:normal !important; font-size:28px !important; } } body .body-innerwrapper > section#sp-menu #sp-logo, body .body-innerwrapper > section#sp-menu .logo, body .body-innerwrapper > section#sp-menu .sp-megamenu-wrapper, body .body-innerwrapper > section#sp-menu .sp-megamenu-parent, body .body-innerwrapper > section#sp-menu #offcanvas-toggler, body .body-innerwrapper > section#sp-menu .offcanvas-toggler-right, body .body-innerwrapper > section#sp-menu .jn-user-menu { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; } body #jcls-search, body #sp-top1, body .homepage-hero, body .mod_jclassifiedssearch, body .mod-jclassifiedssearch, body #sp-slider-banner .showplus, body #sp-slider-banner .slideshow, body #sp-slider-banner .mod_showplus { display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } body .body-innerwrapper > section#sp-menu { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; overflow: visible !important; } html, body { margin: 0 !important; padding: 0 !important; } .body-wrapper, .body-innerwrapper { margin-top: 0 !important; padding-top: 0 !important; } #sp-top-bar { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } #sp-menu .sp-module, #sp-menu .sp-module:first-child { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; vertical-align: top !important; } .jd-site-header, .jd-header-top { margin-top: 0 !important; padding-top: 0 !important; } body .body-innerwrapper > section#sp-menu > .container, body .body-innerwrapper > section#sp-menu .container-inner, body .body-innerwrapper > section#sp-menu .row, body .body-innerwrapper > section#sp-menu [class*="col-"], body .body-innerwrapper > section#sp-menu .sp-column, body .body-innerwrapper > section#sp-menu .sp-module, body .body-innerwrapper > section#sp-menu .sp-module-content, body .body-innerwrapper > section#sp-menu .mod-custom, body .body-innerwrapper > section#sp-menu .jd-site-header { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; } body .body-innerwrapper > section#sp-menu .row { display: block !important; } body .body-innerwrapper > section#sp-menu .gt-fullwidth { width: 100% !important; max-width: 100% !important; left: auto !important; right: auto !important; margin-left: 0 !important; margin-right: 0 !important; position: relative !important; } .jd-site-header { width: 100% !important; max-width: 100% !important; position: relative !important; z-index: 1100 !important; box-sizing: border-box !important; } .jd-header-top { width: 100% !important; background: #228B22 !important; color: #ffffff !important; } .jd-header-top-inner { width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 18px 20px !important; min-height: 88px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; box-sizing: border-box !important; } .jd-logo { flex: 0 0 auto !important; flex-shrink: 0 !important; align-self: center !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; border-radius: 8px !important; padding: 4px 6px !important; overflow: hidden !important; line-height: 0 !important; width: auto !important; max-width: none !important; } .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { display: block !important; width: auto !important; max-width: 56px !important; height: 48px !important; max-height: 48px !important; object-fit: contain !important; object-position: center !important; border: 0 !important; filter: none !important; aspect-ratio: 1 / 1 !important; min-width: 0 !important; flex: none !important; } .jd-header-search { flex: 1 1 auto !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 8px !important; min-width: 0 !important; } .jd-header-search .jd-field, .jd-header-search .jd-search-btn { min-height: 48px !important; height: 48px !important; border: 0 !important; border-radius: 0 !important; font-size: 15px !important; box-sizing: border-box !important; margin: 0 !important; } .jd-header-search .jd-keyword { flex: 1 1 220px !important; min-width: 140px !important; padding: 0 14px !important; background: #fff !important; color: #222 !important; } .jd-header-search .jd-category-wrap { position: relative !important; flex: 0 0 150px !important; min-width: 130px !important; z-index: 30 !important; } .jd-category-btn { width: 100% !important; min-height: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; gap: 6px !important; padding: 0 10px !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; color: #222 !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; box-sizing: border-box !important; } .jd-category-btn-ico { color: #5f6b1f !important; line-height: 1 !important; } .jd-category-btn-label { flex: 1 1 auto !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-align: left !important; } .jd-category-arrow { font-size: 10px !important; color: #666 !important; pointer-events: none !important; } .jd-category-panel { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; min-width: 520px !important; max-width: min(720px, 92vw) !important; background: #fff !important; border: 1px solid #e5e5e5 !important; border-radius: 10px !important; box-shadow: 0 12px 32px rgba(0,0,0,.16) !important; z-index: 4000 !important; overflow: hidden !important; } .jd-category-panel[hidden] { display: none !important; } .jd-category-panel-inner { display: flex !important; min-height: 220px !important; max-height: 360px !important; } .jd-category-parents { list-style: none !important; margin: 0 !important; padding: 8px 0 !important; width: 200px !important; min-width: 180px !important; border-right: 1px solid #eee !important; overflow-y: auto !important; background: #fafafa !important; } .jd-category-parent { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 10px 14px !important; font-size: 14px !important; color: #222 !important; cursor: pointer !important; } .jd-category-parent:hover, .jd-category-parent.is-hover, .jd-category-parent.is-active { background: #f7fadb !important; color: #3d4518 !important; } .jd-category-parent-arrow { color: #999 !important; } .jd-category-children { flex: 1 1 auto !important; overflow-y: auto !important; padding: 8px !important; background: #fff !important; } .jd-category-child-pane { display: flex !important; flex-direction: column !important; gap: 2px !important; } .jd-category-child-pane[hidden] { display: none !important; } .jd-category-pick { width: 100% !important; text-align: left !important; border: 0 !important; background: transparent !important; color: #222 !important; font-size: 14px !important; padding: 8px 12px !important; border-radius: 6px !important; cursor: pointer !important; } .jd-category-pick:hover, .jd-category-pick:focus { background: #f7fadb !important; color: #3d4518 !important; } .jd-category-pick--all { font-weight: 700 !important; border-bottom: 1px solid #eee !important; margin-bottom: 4px !important; border-radius: 0 !important; } @media (max-width: 900px) { .jd-header-search .jd-category-wrap { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; min-width: 46px !important; } .jd-category-panel { min-width: 0 !important; width: min(520px, 92vw) !important; left: 0 !important; right: auto !important; } .jd-category-panel-inner { flex-direction: column !important; max-height: 70vh !important; } .jd-category-parents { width: 100% !important; max-height: 180px !important; border-right: 0 !important; border-bottom: 1px solid #eee !important; } } .jd-header-search .jd-region { flex: 0 1 160px !important; padding: 0 10px !important; background: #fff !important; color: #222 !important; } .jd-header-search .jd-radius-wrap { flex: 0 0 108px !important; display: flex !important; align-items: center !important; } .jd-header-search .jd-radius { flex: 1 1 auto !important; width: 100% !important; padding: 0 28px 0 12px !important; background: #fff !important; color: #222 !important; } .jd-header-search .jd-search-btn { flex: 0 0 auto !important; padding: 0 18px !important; background:#78C222!important; color: #fff !important; font-weight: 700 !important; cursor: pointer !important; white-space: nowrap !important; } .jd-actions { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 14px !important; flex: 0 0 auto !important; margin-left: auto !important; } .jd-action { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; color: #fff !important; text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; min-width: 0 !important; min-height: 0 !important; white-space: nowrap !important; } .jd-action:hover, .jd-action:focus { color: #fff !important; text-decoration: none !important; opacity: 0.9 !important; } .jd-action-signup { padding: 8px 18px !important; background: rgba(255, 255, 255, 0.18) !important; border-radius: 999px !important; font-weight: 600 !important; } .jd-action-signup:hover, .jd-action-signup:focus { background: rgba(255, 255, 255, 0.28) !important; opacity: 1 !important; } .jd-action-login { font-weight: 500 !important; padding: 0 !important; background: transparent !important; } .jd-action-post { font-weight: 700 !important; gap: 4px !important; padding: 0 !important; background: transparent !important; } .jd-action-ico { font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; margin-bottom: 0 !important; } .jd-header-nav { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; background: #fff !important; border-bottom: 1px solid #e5e5e5 !important; overflow: hidden !important; } .jd-header-nav a { flex: 1 1 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0 8px !important; color: #222 !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1.15 !important; text-decoration: none !important; text-align: center !important; border-right: 1px solid #e5e5e5 !important; box-sizing: border-box !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; } .jd-header-nav a:last-child { border-right: 0 !important; } .jd-header-nav a:hover, .jd-header-nav a:focus { background: #ffffff !important; color: #5f6b1f !important; } @media (max-width: 991px) { .jd-header-top-inner { flex-wrap: wrap !important; padding: 10px 12px !important; min-height: 0 !important; gap: 8px !important; } .jd-logo { padding: 4px 6px !important; } .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 40px !important; max-height: 40px !important; max-width: 44px !important; aspect-ratio: 1 / 1 !important; } .jd-header-search { order: 3 !important; flex: 1 1 100% !important; width: 100% !important; flex-wrap: nowrap !important; gap: 0 !important; } .jd-header-search .jd-keyword { display: none !important; } .jd-header-search .jd-radius-wrap { flex: 0 0 88px !important; width: 88px !important; min-width: 80px !important; max-width: 96px !important; display: flex !important; } .jd-header-search .jd-radius { display: block !important; height: 44px !important; min-height: 44px !important; font-size: 12px !important; padding: 0 22px 0 8px !important; } .jd-header-search .jd-category-btn, .jd-header-search .jd-search-btn, .jd-header-search .jd-location { min-height: 44px !important; height: 44px !important; font-size: 12px !important; } .jd-header-search .jd-location-wrap { flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; } .jd-header-search .jd-location { padding: 0 24px 0 10px !important; } .jd-header-search .jd-region { flex: 1 1 auto !important; } .jd-header-search .jd-search-btn { flex: 0 0 44px !important; min-width: 44px !important; width: 44px !important; padding: 0 !important; font-size: 12px !important; z-index: 5 !important; } .jd-actions { margin-left: auto !important; gap: 8px !important; } .jd-action { min-width: 48px !important; font-size: 11px !important; } .jd-header-nav { overflow: hidden !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; } .jd-header-nav a { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0 4px !important; font-size: 12px !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; } } @media (max-width: 575px) { .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 34px !important; max-height: 34px !important; max-width: 40px !important; aspect-ratio: 1 / 1 !important; } .jd-header-search { gap: 0 !important; } .jd-header-search .jd-category-btn, .jd-header-search .jd-search-btn, .jd-header-search .jd-location { min-height: 44px !important; height: 44px !important; font-size: 12px !important; } .jd-header-search .jd-search-btn { flex: 0 0 44px !important; min-width: 44px !important; width: 44px !important; padding: 0 !important; font-size: 12px !important; } } .jd-ad-banner, .jd-ad-banner.jd-ad-banner--image-only { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; background: #ffffff !important; border-bottom: 1px solid #e5e5e5 !important; overflow: visible !important; contain: none !important; } .jd-ad-banner-inner { width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 8px 16px !important; box-sizing: border-box !important; overflow: visible !important; height: auto !important; } .jd-ad-slot { width: 100% !important; min-height: 0 !important; height: auto !important; display: block !important; background: transparent !important; color: #3d4518 !important; border-radius: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; text-align: center !important; } .jd-ad-label, .jd-ad-code, .jd-ad-code--auto, .jd-ad-code--dormant, .jd-ad-banner ins.adsbygoogle, .jd-ad-banner--image-only .jd-ad-label, .jd-ad-banner--image-only .jd-ad-code, .jd-ad-banner--image-only ins.adsbygoogle, ins.adsbygoogle { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .jd-ad-display { position: relative !important; width: 100% !important; min-height: 0 !important; height: auto !important; overflow: visible !important; } .jd-ad-fallback { position: static !important; inset: auto !important; z-index: 1 !important; pointer-events: auto !important; } .jd-ad-fallback-img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; object-position: center !important; } .jd-ad-fallback--text { display: flex !important; align-items: center !important; justify-content: center !important; background: #f7f7f7 !important; min-height: 90px !important; } .jd-ad-placeholder { font-size: 16px !important; font-weight: 700 !important; color: #9aaa3a !important; } body .body-innerwrapper > section#sp-slider-banner, body .body-innerwrapper > section#sp-slider-banner .container, body .body-innerwrapper > section#sp-slider-banner .row, body .body-innerwrapper > section#sp-slider-banner [class*="col-"] { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; } body .body-innerwrapper #sp-top2, body .body-innerwrapper section#sp-top2 { width: 100% !important; max-width: 100% !important; } .jd-intro { width: 100% !important; background: #fff !important; border-bottom: 1px solid #ececec !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important; box-sizing: border-box !important; overflow: hidden !important; } .jd-intro-inner { max-width: 1240px !important; margin: 0 auto !important; padding: 48px 20px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 32px !important; box-sizing: border-box !important; } .jd-intro-copy { flex: 0 1 42% !important; max-width: 480px !important; min-width: 240px !important; } .jd-intro-title { margin: 0 0 10px !important; font-size: 42px !important; line-height: 1.15 !important; font-weight: 800 !important; color: #2d2933 !important; font-family: Montserrat, "Open Sans", sans-serif !important; } .jd-intro-sub { margin: 0 0 22px !important; font-size: 22px !important; line-height: 1.35 !important; color: #707070 !important; font-weight: 400 !important; } .jd-intro-points { list-style: none !important; margin:0 0 14px!important; padding: 0 !important; } .jd-intro-points li { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; margin: 0 0 12px !important; padding: 0 !important; font-size: 13px !important; line-height: 1.35 !important; letter-spacing: 0.04em !important; font-weight: 600 !important; color: #9e9e9e !important; text-transform: uppercase !important; } .jd-intro-points li::before { content: "\2713" !important; position: static !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; line-height: 18px !important; text-align: center !important; background: #9aaa3a !important; color: #fff !important; border-radius: 50% !important; font-size: 11px !important; transform: none !important; box-shadow: none !important; background-image: none !important; } .jd-intro-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height:0!important; padding:16px 28px!important; background:#78C222!important; color: #fff !important; font-size: 18px !important; font-weight: 800 !important; text-decoration: none !important; border-radius: 8px !important; border: 0 !important; line-height: 1 !important; } .jd-intro-btn:hover, .jd-intro-btn:focus { background:#6bb01c!important; color: #fff !important; text-decoration: none !important; } .jd-site-header, .jd-header-top, #jd-site-header, #sp-menu { max-width: 100% !important; box-sizing: border-box !important; } .jd-header-top { overflow-x: clip !important; } .jd-header-top-inner { width: 100% !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; } .jd-actions { flex: 0 1 auto !important; flex-shrink: 1 !important; min-width: 0 !important; max-width: 100% !important; margin-left: auto !important; margin-right: 0 !important; gap: 12px !important; } .jd-action-post-short { display: none !important; } .jd-action-post-full { display: inline !important; } @media (max-width: 991px) { .jd-header-top-inner { padding: 10px 14px !important; gap: 6px !important; } .jd-actions { gap: 6px !important; margin-left: auto !important; justify-content: flex-end !important; } .jd-actions .jd-action, .jd-actions .jd-action-login, .jd-actions .jd-action-signup, .jd-actions .jd-action-post { font-size: 12px !important; } .jd-actions .jd-action-signup { padding: 6px 10px !important; } .jd-action-post-full { display: none !important; } .jd-action-post-short { display: inline !important; } } @media (max-width: 575px) { .jd-header-top-inner { padding: 8px 12px !important; } .jd-actions { gap: 5px !important; } .jd-actions .jd-action, .jd-actions .jd-action-login, .jd-actions .jd-action-signup, .jd-actions .jd-action-post { font-size: 11px !important; } .jd-actions .jd-action-signup { padding: 5px 8px !important; } } @media (min-width: 992px) { .jd-header-top-inner { padding-left: 24px !important; padding-right: 24px !important; } } .jd-search-bar { display: flex !important; align-items: stretch !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; overflow: visible !important; background: #fff !important; border-radius: 8px !important; box-sizing: border-box !important; } .jd-search-bar > .jd-category-wrap, .jd-search-bar > .jd-keyword, .jd-search-bar > .jd-location-wrap, .jd-search-bar > .jd-search-btn { height: 48px !important; min-height: 48px !important; max-height: 48px !important; margin: 0 !important; box-sizing: border-box !important; } .jd-search-bar .jd-location-wrap { display: flex !important; align-items: stretch !important; background: transparent !important; border-radius: 0 !important; overflow: visible !important; box-shadow: none !important; } .jd-search-bar .jd-location-input-wrap { display: flex !important; align-items: center !important; width: 100% !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0 0 0 10px !important; margin: 0 !important; box-sizing: border-box !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important; } .jd-search-bar .jd-field, .jd-search-bar .jd-location, .jd-search-bar input.jd-location, .jd-header-search .jd-search-bar .jd-location, .jd-header-search .jd-search-bar .jd-field { height: 48px !important; min-height: 48px !important; max-height: 48px !important; line-height: 48px !important; padding: 0 10px 0 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; box-sizing: border-box !important; width: 100% !important; flex: 1 1 auto !important; align-self: stretch !important; } .jd-search-bar .jd-category-btn { height: 48px !important; min-height: 48px !important; max-height: 48px !important; border-radius: 8px 0 0 8px !important; } .jd-search-bar .jd-search-btn { height: 48px !important; min-height: 48px !important; max-height: 48px !important; border-radius: 0 8px 8px 0 !important; } @media (max-width: 991px) { .jd-search-bar { height: 44px !important; min-height: 44px !important; max-height: 44px !important; } .jd-search-bar > .jd-category-wrap, .jd-search-bar > .jd-keyword, .jd-search-bar > .jd-location-wrap, .jd-search-bar > .jd-search-btn, .jd-search-bar .jd-location-input-wrap, .jd-search-bar .jd-field, .jd-search-bar .jd-location, .jd-search-bar input.jd-location, .jd-header-search .jd-search-bar .jd-location, .jd-header-search .jd-search-bar .jd-field, .jd-search-bar .jd-category-btn, .jd-search-bar .jd-search-btn { height: 44px !important; min-height: 44px !important; max-height: 44px !important; } .jd-search-bar .jd-location, .jd-search-bar input.jd-location, .jd-header-search .jd-search-bar .jd-location { line-height: 44px !important; } } .jd-biz-post-cta { width: 100% !important; max-width: 1240px !important; margin: 0 auto 16px !important; padding: 12px 16px 4px !important; box-sizing: border-box !important; } .jd-biz-post-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 44px !important; padding: 10px 20px !important; background: #78C222 !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; border-radius: 8px !important; border: 0 !important; box-shadow: 0 2px 8px rgba(35, 48, 64, 0.12) !important; white-space: nowrap !important; } .jd-biz-post-btn:hover, .jd-biz-post-btn:focus { background: #6bb01c !important; color: #fff !important; text-decoration: none !important; } .jd-biz-post-ico { font-size: 18px !important; font-weight: 800 !important; line-height: 1 !important; } @media (max-width: 575px) { .jd-biz-post-cta { padding: 10px 12px 2px !important; } .jd-biz-post-btn { width: 100% !important; font-size: 14px !important; white-space: normal !important; } } #searchDiv .search-filter, #searchDiv #search-filter, .mainContainer .search-filter { padding: 14px 16px 16px !important; box-sizing: border-box !important; overflow: visible !important; } #searchDiv .search-filter h3, .mainContainer .search-filter h3 { margin: 0 0 10px !important; padding: 0 0 8px !important; border-bottom: 1px solid #ececec !important; line-height: 1.3 !important; font-size: 15px !important; font-weight: 700 !important; } #searchDiv .search-category-box, .mainContainer .search-category-box { display: block !important; float: none !important; clear: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; } #searchDiv .search-category-box ul, .mainContainer .search-category-box ul { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #searchDiv .search-category-box li, .mainContainer .search-category-box li { align-items: center !important; gap: 6px !important; width: 100% !important; margin: 0 0 6px !important; padding: 4px 0 !important; box-sizing: border-box !important; } #searchDiv .search-category-box li:not(.firstSub):not(.secondSub), .mainContainer .search-category-box li:not(.firstSub):not(.secondSub) { display: flex !important; } #searchDiv .search-category-box li.firstSub, #searchDiv .search-category-box li.secondSub, .mainContainer .search-category-box li.firstSub, .mainContainer .search-category-box li.secondSub { display: none; padding-left: 12px !important; } #searchDiv .search-category-box li.secondSub, .mainContainer .search-category-box li.secondSub { padding-left: 30px !important; } #searchDiv .search-category-box .categoryLabel, #searchDiv .search-category-box .catFilterLabel, .mainContainer .search-category-box .categoryLabel, .mainContainer .search-category-box .catFilterLabel { float: none !important; display: inline !important; width: auto !important; line-height: 1.35 !important; color: #333 !important; } #galleryDiv:empty, #galleryAds:empty { display: none !important; } .jd-site-header, .jd-header-top, .jd-header-top-inner { overflow: visible !important; } .jd-actions { position: relative !important; z-index: 80 !important; align-items: center !important; flex-wrap: nowrap !important; } .jd-actions .jd-action-hello { color: rgba(255,255,255,0.92) !important; font-size: 14px !important; font-weight: 500 !important; white-space: nowrap !important; padding: 0 !important; background: transparent !important; text-decoration: none !important; cursor: default !important; } .jd-actions .jd-action-user { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; padding: 0 !important; color: #fff !important; background: transparent !important; border-radius: 50% !important; } .jd-actions .jd-action-user:hover, .jd-actions .jd-action-user:focus { opacity: 0.9 !important; color: #fff !important; } .jd-actions .jd-action-post--cta, .jd-actions.is-logged-in .jd-action-post { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 16px !important; background: #2f78e8 !important; color: #fff !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 13px !important; line-height: 1.2 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; } .jd-actions .jd-action-post--cta:hover, .jd-actions .jd-action-post--cta:focus, .jd-actions.is-logged-in .jd-action-post:hover, .jd-actions.is-logged-in .jd-action-post:focus { background: #2568d1 !important; color: #fff !important; opacity: 1 !important; } .jd-actions.is-logged-in .jd-action-post .jd-action-ico { display: none !important; } .jd-account-menu { position: relative !important; flex: 0 0 auto !important; } .jd-actions .jd-action-menu { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 4px !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #fff !important; cursor: pointer !important; line-height: 1 !important; box-shadow: none !important; } .jd-actions .jd-action-menu:hover, .jd-actions .jd-action-menu:focus { opacity: 0.9 !important; color: #fff !important; } .jd-action-menu-bars { display: inline-flex !important; flex-direction: column !important; justify-content: center !important; gap: 3px !important; width: 18px !important; } .jd-action-menu-bars span { display: block !important; height: 2px !important; width: 100% !important; background: #fff !important; border-radius: 1px !important; } .jd-action-menu-caret { display: inline-flex !important; align-items: center !important; opacity: 0.95 !important; } .jd-account-menu-panel { position: absolute !important; top: calc(100% + 10px) !important; right: 0 !important; min-width: 220px !important; max-width: min(280px, calc(100vw - 24px)) !important; max-height: min(70vh, 420px) !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 10px 0 8px !important; background: #fff !important; border-radius: 8px !important; box-shadow: 0 10px 28px rgba(0,0,0,0.18) !important; z-index: 200 !important; box-sizing: border-box !important; } .jd-account-menu-panel[hidden] { display: none !important; } .jd-account-menu.is-open .jd-account-menu-panel { display: block !important; } .jd-account-menu-user { padding: 4px 18px 10px !important; text-align: right !important; color: #c45a7a !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; } .jd-account-menu-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .jd-account-menu-item { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 18px !important; color: #555 !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; line-height: 1.25 !important; white-space: nowrap !important; } .jd-account-menu-item:hover, .jd-account-menu-item:focus { background: #f6f7f9 !important; color: #222 !important; text-decoration: none !important; } .jd-ami-ico { display: inline-flex !important; width: 22px !important; height: 22px !important; align-items: center !important; justify-content: center !important; flex: 0 0 22px !important; } .jd-ami-ico svg { display: block !important; width: 20px !important; height: 20px !important; } @media (max-width: 991px) { .jd-actions .jd-action-hello { display: none !important; } .jd-actions .jd-action-user { width: 30px !important; height: 30px !important; } .jd-actions .jd-action-post--cta, .jd-actions.is-logged-in .jd-action-post { padding: 7px 12px !important; font-size: 12px !important; border-radius: 5px !important; } .jd-actions.is-guest .jd-action-signup { display: none !important; } .jd-account-menu-panel { right: -4px !important; min-width: 210px !important; } } @media (max-width: 575px) { .jd-actions.is-guest .jd-action-login { font-size: 12px !important; } .jd-actions .jd-action-post--cta, .jd-actions.is-logged-in .jd-action-post { padding: 6px 10px !important; font-size: 11px !important; } .jd-action-menu-bars { width: 16px !important; } .jd-account-menu-item { padding: 11px 16px !important; font-size: 14px !important; } } .jd-actions .jd-account-menu-panel, .jd-actions .jd-account-menu-panel a, .jd-actions .jd-account-menu-item, .jd-actions .jd-account-menu-item span:not(.jd-ami-ico) { color: #444 !important; opacity: 1 !important; visibility: visible !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.3 !important; text-shadow: none !important; } .jd-actions .jd-account-menu-item:hover, .jd-actions .jd-account-menu-item:focus, .jd-actions .jd-account-menu-item:hover span:not(.jd-ami-ico), .jd-actions .jd-account-menu-item:focus span:not(.jd-ami-ico) { color: #222 !important; background: #f6f7f9 !important; } .jd-actions .jd-account-menu-user { color: #c45a7a !important; font-size: 14px !important; opacity: 1 !important; visibility: visible !important; } .jd-actions .jd-ami-ico, .jd-actions .jd-ami-ico svg { color: inherit !important; opacity: 1 !important; visibility: visible !important; } #sp-menu, #sp-menu .row, #sp-menu [class*="col-"], #sp-menu .sp-column, #sp-menu .sp-module, #sp-menu .sp-module-content, .jd-site-header, .jd-header-top, .jd-header-top-inner, .jd-actions, .jd-account-menu { overflow: visible !important; position: relative !important; } #sp-menu, .jd-site-header { z-index: 5000 !important; } .jd-actions, .jd-account-menu { z-index: 5100 !important; } .jd-actions .jd-action-menu { display: inline-flex !important; align-items: center !important; visibility: visible !important; opacity: 1 !important; color: #fff !important; background: transparent !important; border: 0 !important; box-shadow: none !important; min-width: 28px !important; min-height: 28px !important; } .jd-action-menu-bars span { background: #fff !important; opacity: 1 !important; visibility: visible !important; } .jd-account-menu-panel { z-index: 5200 !important; } .jd-account-menu-panel[hidden]:not(.is-forced-open) { display: none !important; } .jd-account-menu.is-open .jd-account-menu-panel, html.jd-account-menu-open .jd-account-menu-panel { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } html.jd-account-menu-open .jd-header-top, html.jd-account-menu-open #sp-menu { overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } .jd-account-menu-logout { margin: 0 !important; padding: 0 !important; width: 100% !important; } .jd-account-menu-item--btn, .jd-actions .jd-account-menu-item--btn { width: 100% !important; border: 0 !important; background: transparent !important; cursor: pointer !important; text-align: left !important; font: inherit !important; color: #444 !important; appearance: none !important; -webkit-appearance: none !important; } .jd-actions .jd-account-menu-item--btn span:not(.jd-ami-ico) { color: #444 !important; } .jd-account-menu-item--btn:hover, .jd-account-menu-item--btn:focus { background: #f6f7f9 !important; color: #222 !important; } @media (max-width: 991px) { .jd-header-top-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; } .jd-logo, .jd-site-header .jd-logo, #jd-site-header .jd-logo { order: 1 !important; flex: 0 0 auto !important; margin-right: 0 !important; margin-left: 0 !important; } .jd-actions { order: 2 !important; flex: 0 0 auto !important; margin-left: auto !important; margin-right: 0 !important; justify-content: flex-end !important; max-width: none !important; } .jd-header-search { order: 3 !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 991px) { .jd-header-top-inner, #jd-site-header .jd-header-top-inner, .jd-site-header .jd-header-top-inner { display: grid !important; grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important; grid-template-rows: auto auto !important; grid-template-areas: "logo actions" "search search" !important; align-items: center !important; column-gap: 8px !important; row-gap: 8px !important; width: 100% !important; max-width: 100% !important; } .jd-logo, .jd-site-header .jd-logo, #jd-site-header .jd-logo { grid-area: logo !important; justify-self: start !important; margin: 0 !important; order: unset !important; } .jd-actions, .jd-site-header .jd-actions, #jd-site-header .jd-actions { grid-area: actions !important; justify-self: end !important; justify-content: flex-end !important; margin: 0 !important; margin-left: 0 !important; width: auto !important; max-width: 100% !important; order: unset !important; flex: none !important; } .jd-header-search, .jd-site-header .jd-header-search, #jd-site-header .jd-header-search { grid-area: search !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; order: unset !important; flex: none !important; } } html, body { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 0 !important; line-height: 0 !important; } body > .body-wrapper { font-size: 14px !important; line-height: normal !important; margin: 0 !important; padding: 0 !important; } #sp-top-bar { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } #sp-menu .sp-module, #sp-menu .sp-module:first-child { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; vertical-align: top !important; } .jd-site-header, .jd-header-top { margin-top: 0 !important; padding-top: 0 !important; }