:root { --accent: #ff0a43; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #0b1014 }ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; } body { overscroll-behavior-y: contain; } html { scroll-behavior: smooth; } .main-loader.site-logo-loader img { max-width: 100%; height: auto; object-fit: contain; } <style id="review-submit-wait-css"> .btn-wait{opacity:.6;pointer-events:none;filter:grayscale(1)} .btn-wait::after{ content:"";display:inline-block;width:1em;height:1em;margin-left:.5em; border:2px solid currentColor;border-top-color:transparent;border-radius:50%; animation:reviewspin .6s linear infinite;vertical-align:-2px } @keyframes reviewspin{to{transform:rotate(360deg)}} </style> .owl-carousel{ -ms-touch-action: pan-y; touch-action: pan-y; } .svg-inline--fa { margin-right: 5px; } .elementor-popup-modal { position: fixed !important; inset: 0 !important; z-index: 999999 !important; overflow-y: auto !important; } .tooltip-icon { display: inline-block; position: relative; cursor: help; } .tooltip-highlight { border-bottom: 1px dotted #acacac; font-weight: 600; } .tooltip-icon .tooltip-text { visibility: hidden; opacity: 0; position: absolute; z-index: 10; bottom: 125%; left: 50%; transform: translateX(-50%); background-color: #111; color: #fff; text-align: left; padding: 12px; border-radius: 6px; width: 280px; font-size: 13px; line-height: 1.5; transition: opacity 0.3s ease; white-space: normal; } .tooltip-icon:hover .tooltip-text, .tooltip-icon:focus .tooltip-text { visibility: visible; opacity: 1; } @media (max-width: 500px) { .tooltip-icon .tooltip-text { width: 90vw; left: 5vw; transform: none; } } /* page card icons behaviour */ /* Container */ .card-add-to-cal { display: inline-flex; align-items: centre; justify-content: flex-start; /* icon starts on the right end when text collapsed */ overflow: hidden; position: relative; } /* Icon stays on the right */ .card-add-to-cal svg { order: 2; } /* Text sits to the RIGHT of the icon */ .card-add-to-cal .cal-hover-text { order: 3; font-size: 14px; white-space: nowrap; /* Hidden state */ max-width: 0; opacity: 0; transform: translateX(6px); /* slight slide-in effect */ margin-left: 0; margin-right: 0; margin-top: 2px; overflow: hidden; pointer-events: none; transition: max-width 0.25s ease, opacity 0.25s ease, transform 0.25s ease, margin 0.25s ease; } /* Hover state */ .card-add-to-cal:hover .cal-hover-text { max-width: 140px; /* enough to show full “Add to calendar” */ opacity: 1; transform: translateX(0); margin-right: 6px; } /* Explore pages */ .explore-type-4 .fl-head { display:none; } .explore-classic-sidebar .element { margin-top: 10px!important; } .results-view { margin-top: 10px!important; } .tooltip-element { display: none!important; } /* --- Explore filter: collapsible styling --- */ .mylist-collapse summary{ display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding:10px 0; list-style:none; user-select:none; } .mylist-collapse summary::-webkit-details-marker{ display:none; } .mylist-collapse .chev{ transition:transform .2s ease; font-size:12px; } .mylist-collapse[open] .chev{ transform:rotate(90deg); } .mylist-collapse .collapse-body{ margin-top:8px; } /* Footer button tweak */ .search-filters .fc-search .buttons.button-2{ text-transform:none; } /* Make the “Refine your search” title black */ .search-filters .heading-ui h2{ color:#000; } /* Remove the old per-group divider to avoid double lines */ .search-filters .form-group.explore-filter{ border-bottom:none !important; padding-bottom:0; margin-bottom:0!important; } /* === Normalize spacing + draw our own divider on each collapsible === */ .search-filters details.mylist-collapse{ margin:0; padding:12px 0; /* consistent spacing whether open/closed */ position:relative; border:none; } /* bottom divider line for EVERY collapsible block */ .search-filters details.mylist-collapse::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--c27-border, #e5e7eb); } /* compact body + kill inner margins that caused uneven spacing */ .search-filters details.mylist-collapse .collapse-body{ margin-top:8px; } .search-filters details.mylist-collapse .collapse-body > .form-group, .search-filters details.mylist-collapse .collapse-body > .main-term{ margin:0 !important; } .search-filters details.mylist-collapse{ border-bottom: none !important; } /* 2) Only hide the divider when it's truly the last child, not just the last <details> of its type */ .search-filters .filter-wrapper > details.mylist-collapse:last-child::after{ display: none; } /* blog container vertical scroll */ #blog-vertical-scroll { height: 180px; /* fixed height of the box */ overflow-y: auto; overflow-x: hidden; position: relative; /* 👇 creates the 5px gap between posts and the scrollbar */ padding-right: 4px; box-sizing: border-box; -webkit-overflow-scrolling: touch; } #blog-vertical-scroll::-webkit-scrollbar { width: 5px; /* Chrome/Edge/Safari */ } #blog-vertical-scroll::-webkit-scrollbar-thumb { background-color: #ADADAD; border-radius: 3px; } #blog-vertical-scroll::-webkit-scrollbar-thumb:hover { background-color: #fff; } /* quick links events pages */ /* Force ul to stretch full width */ ul.outlined-list { width: 100%; padding: 0; margin: 0; list-style: none; } /* Force li to fill 100% */ ul.outlined-list li { width: 100%; padding: 0; margin: 0 0 5px 0; /* 5px spacing between items */ box-sizing: border-box; } .quicklinklink, .quicklinklink:visited { display: block; width: 100%!important; text-wrap: nowrap!important; padding: 12px 30px; background: none; color: white; border: 1px solid white; border-radius: 5px; text-decoration: none; white-space: normal; box-sizing: border-box; transition: all 0.2s ease; margin-top: -7px; text-align: center; } /* Hover style */ .quicklinklink:hover { background: white; color: #FF0A43; border-color: white; } /* when hovering the entire button (anchor), turn the text + icon red */ .quicklinklink:hover p, .quicklinklink:hover i { color: #FF0A43 !important; } /* optional: also apply on keyboard focus */ .quicklinklink:focus-visible p, .quicklinklink:focus-visible i { color: #FF0A43 !important; } /* explore page /* Hover style */ .explore-book-links:hover { background: white; color: #FF0A43; border-color: white; } /* when hovering the entire button (anchor), turn the text + icon red */ .explore-book-links:hover h2, .explore-book-links:hover i { color: #FF0A43 !important; } /* optional: also apply on keyboard focus */ .explore-book-links:focus-visible h2, .explore-book-links:focus-visible i { color: #FF0A43 !important; } .fa-solid:before, .fa-solid:before, .fa-suitcase:before, .fa-shoe-prints:before, .fa-plane:before, .fa-sim-card:before, .fa-life-ring:before { padding-right: 5px; } .details-block-content .wp-editor-content { margin-top: 10px; width: 100%; } .Quick-links .element .pf-head { margin-top: -20px; } .mobile-bottom-bar { padding-bottom: env(safe-area-inset-bottom); } /* announcement banner */ .pulsing-icon { z-index: 2; } .pulsing-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: white; border-radius: 50%; transform: translate(-50%, -50%); animation: pulse-animation 2s infinite; z-index: -1; } @keyframes pulse-animation { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; } 70% { transform: translate(-50%, -50%) scale(1.75); opacity: 0; } 100% { opacity: 0; } } /* search form on listing pages */ .paradeblock .featured-search form { grid-template-columns: repeat(auto-fit, minmax(245px, 1fr))!important; } /* quiz results page */ #results .fl-head { color: transparent; pointer-events: none; user-select: none; height: 0; overflow: hidden; margin: -10px; padding: 0; opacity: 0; } #no-results { display: none; } #results .no-results-wrapper { opacity: 0!important; } #results { pointer-events: none; } #results .explore-classic-sidebar { display: none !important; } #results .mobile-explore-head-top { display: none !important; } #wpcf7-f9355-p9446-o1 .input.wpcf7-form-control .wpcf7-email .wpcf7-validates-as-required .wpcf7-text .wpcf7-validates-as-email .wpcf7-not-valid { background-color: white!important; border-radius: 5px!important; padding-left: 10px!important; } #results .finder-one-columns .explore-type-4 .container .explore-classic-content { width: 100% !important; } #quiz-results-blurp { color: #0c1015!important; } /* add to calendar & get notified buttons */ .trigger-calendar-popup, .trigger-notification-popup, .trigger-calendar-popup:visited, .trigger-notification-popup:visited { color: var(--accent); border: 1px solid white; background: none; color: white; border-radius: 5px; padding: 12px 30px; text-wrap: nowrap!important; width:100%; } .trigger-calendar-popup:hover, .trigger-notification-popup:hover { border: 1px solid white; background: white; color: #FF0A43; } .fa-calendar-plus:before, .fa-regular:before { padding-right: 5px; } .wpcf7-list-item { margin: 20px 0 20px 0!important; } /* === Style CF7 Acceptance Checkbox to match others === */ .wpcf7-acceptance { display: flex !important; align-items: center !important; font-size: 14px !important; color: white !important; font-weight: 600 !important; line-height: 1.5 !important; margin-bottom: -3px !important; max-width: 100% !important; } .wpcf7-acceptance input[type="checkbox"] { appearance: none !important; width: 18px !important; height: 18px !important; border: 1px solid #acacac !important; border-radius: 2px !important; background-color: white !important; cursor: pointer !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: all 0.2s ease-in-out !important; } .wpcf7-acceptance input[type="checkbox"]:checked::before { content: "⅃" !important; transform: rotate(45deg)!important; font-size: 13px !important; color: #acacac !important; top: -1px !important; position: absolute !important; font-weight: bold !important; } .wpcf7-acceptance input[type="checkbox"]:checked { background-color: white !important; border-color: #acacac !important; } .wpcf7-acceptance input[type="checkbox"]:focus { outline: none !important; box-shadow: none !important; } .wpcf7-acceptance label { cursor: pointer !important; font-weight: 400 !important; color: #acacac !important; font-size: 14px !important; line-height: 1.5 !important; white-space: normal !important; display: flex !important; align-items: top !important; gap: 10px !important; } .wpcf7-form-control-wrap[data-name="mc4wp-COUNTRY"] select.wpcf7-form-control { width: 100%; display: block; border: none; line-height: 18px; background-color: transparent; padding: 14px 0; color: #242429; outline: none; font-size: 14px; border-bottom: 1.5px solid rgba(0, 0, 0, 0.2); transition: padding 0.25s ease-in-out; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill="%23242429" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>'); background-repeat: no-repeat; background-position: right 0.5rem center; background-size: 16px 16px; cursor: pointer; } .wpcf7-spinner { margin: 0px!important; } .wpcf7-form input[type=submit]: focus, .wpcf7-form input[type=submit]: hover { background: #FF0A43CC!important; } #elementor-popup-modal-9308 input[type="submit"].invite-sent, #elementor-popup-modal-9308 input[type="submit"].invite-sent:hover, #wpcf7-f9355-p9596-o1 input[type="submit"].invite-sent, #wpcf7-f9355-p9596-o1 input[type="submit"].invite-sent:hover { background-color: #acacac !important; color: #fff !important; cursor: not-allowed !important; } #elementor-popup-modal-9338 input[type="submit"].invite-sent, #elementor-popup-modal-9338 input[type="submit"].invite-sent:hover { background-color: #acacac !important; color: #fff !important; cursor: not-allowed !important; } /* Featured call out for tours */ .feature-call-out { border: 1px solid #ff0843; border-radius: 5px; /* Rounded corners */ padding: 25px 25px 15px 25px; /* Padding for text */ position: relative; /* Needed for featured tag positioning */ margin-top: 20px; /* Adds spacing above */ } .feature-call-out::before { content: "top pick"; /* Featured label */ position: absolute; top: 0px; right: 20px; background: #ff0843; /* Red background */ color: white; font-size: 12px; font-weight: 700; padding: 3px 8px; border-radius: 0 0 3px 3px; text-transform: uppercase; } /* featured hotel event pagge */ /* curacao Pride 1918 */ /* Lisbon Pride 1830 */ .postid-1918 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .gr-content, .postid-1830 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .gr-content { position: relative; border: 2px solid #ff0843; border-radius: 5px; /* Optional for aesthetics */ } .postid-1918 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .menu-thumb, .postid-1830 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .menu-thumb { position: relative; } .postid-1918 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .menu-thumb::after, .postid-1830 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .menu-thumb::after { content: "top pick"; position: absolute; top: 0px; right: 20px; background: #ff0843; color: white; font-size: 10px; font-weight: bold; font-style: italic; padding: 4px 8px; border-radius: 0 0 3px 3px; /* Bottom-left & bottom-right rounded */ box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); white-space: nowrap; text-transform: uppercase; letter-spacing: 1.2px; /* Increase letter spacing */ } .postid-1918 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .button-5, .postid-1830 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .button-5 { background: #ff0843 !important; /* Red background */ color: white !important; /* White text */ border: none !important; /* Remove any border */ font-weight: 600; border-radius: 5px; transition: background 0.2s ease-in-out; /* Smooth transition */ } .postid-1918 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .button-5:hover, .postid-1830 .col-md-12.block-type-general_repeater.block-field-repeater.hotels .single-menu-item.element.mt-30:first-of-type .button-5:hover { background: rgba(255, 8, 67, 0.85) !important; /* Red at 70% opacity */ } /* reviews block */ .submit-button.loading::after { content: "Submitting..."; background: #efefef!important; pointer-events: none; } .no-results-wrapper .no-results-icon { display: none; } .woocommerce-message:before { color: #ff0843 !important; } .listing-main-buttons { margin-top: -38px; position: relative; z-index: 1; min-height: 0 !important; } .lmb-calltoaction>a { padding: 5px 15px 5px 15px; display: flex; align-items: center; border-radius: 50px; font-size: 14px; transition: .2s ease; background-color: white; color: #0b1015; font-weight: 400; height: 30px!important; pointer-events: auto; } .lmb-calltoaction>a:hover { background-color: #ff0843; border-radius: 50px!important; } .lmb-calltoaction>a:after { background-color: #ff0843; border-radius: 50px!important; } .profile-name .listing-rating { display: none; } .reviewsblock .element { background: white!important; } .reviewsblock .title-style-1 i, .reviewsblock .title-style-1 h5, .comment-head h5{ color: #0b1015!important; } /* Ensure both checkboxes and labels align properly */ .comment-form-cookies-consent, .mc4wp-checkbox { display: flex !important; align-items: center !important; /*gap: 8px !important;*/ font-size: 14px !important; color: white !important; font-weight: 600 !important; line-height: 1.5 !important; white-space: nowrap !important; margin-bottom: -3px !important; max-width: 100% !important; } #respond .md-checkbox label { padding-left: 0!important; } #respond .md-checkbox label:before { padding-left: 0!important; border: 1px solid #acacac !important; } #respond .md-checkbox input[type=checkbox]:checked+label:after { border: 2px solid #acacac !important; border-top-style: none !important; border-right-style: none !important; } /* Hide the default checkbox and replace it with a custom one */ .comment-form-cookies-consent input[type="checkbox"], .mc4wp-checkbox input[type="checkbox"] { appearance: none !important; width: 18px !important; height: 18px !important; border: 1px solid #acacac !important; border-radius: 2px !important; background-color: white !important; cursor: pointer !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: all 0.2s ease-in-out !important; } /* Add a tick using ::before when the checkbox is checked */ .comment-form-cookies-consent input[type="checkbox"]:checked::before, .mc4wp-checkbox input[type="checkbox"]:checked::before { content: "⅃" !important; /* Unicode tick (✔) */ transform: rotate(45deg)!important; font-size: 13px !important; color: #acacac !important; top: -1px !important; position: absolute !important; font-weight: bold !important; } #respond .md-checkbox input[type=checkbox]:checked+label, .md-checkbox input[type=radio]:checked+label { font-weight: 600 !important; } #respond .md-checkbox input[type=checkbox]:checked+label:before { background-color: white !important; /* Red */ border: 1px solid #acacac !important; } /* Ensure both checkboxes have the same checked color */ .comment-form-cookies-consent input[type="checkbox"]:checked, .mc4wp-checkbox input[type="checkbox"]:checked { background-color: white !important; /* Red */ border-color: #acacac !important; } /* Prevent the blue outline when focused */ .comment-form-cookies-consent input[type="checkbox"]:focus, .mc4wp-checkbox input[type="checkbox"]:focus { outline: none !important; box-shadow: none !important; } /* Ensure both labels look and behave the same */ .comment-form-cookies-consent label, .mc4wp-checkbox label { cursor: pointer !important; font-weight: 400 !important; color: #acacac !important; font-size: 14px !important; line-height: 1.5 !important; white-space: normal !important; display: flex !important; align-items: top !important; gap: 10px !important; } /* Fix misalignment caused by the span inside .mc4wp-checkbox */ .mc4wp-checkbox label span { display: inline !important; white-space: normal !important; } /* Fix positioning: Ensure both checkboxes are positioned correctly */ .comment-form { display: flex !important; flex-direction: column !important; } /* Ensure .mc4wp-checkbox sits directly below .comment-form-cookies-consent */ .mc4wp-checkbox { order: 2 !important; } /* Ensure submit button stays below both checkboxes */ .buttons.button-2.full-width { order: 3 !important; margin-top: 25px !important; } /* blog home top */ #homeblog .elementor-post__meta-data { margin-top: -5px; margin-bottom: 15px; } #homeblog .elementor-post__thumbnail__link { display: none; } #homeblog .elementor-widget-container .elementor-post__avatar { margin-left: 18px; } #homeblog { overflow-x: auto!important; } /* Turn each card into a 2-col grid */ #headblog .elementor-post__card { display: grid !important; grid-template-columns: 30px 1fr; gap: 12px; align-items: stretch; /* <— key: let items fill full row height */ overflow: hidden; } /* Left strip: make the link fill the full card height */ #headblog .elementor-post__thumbnail__link { grid-column: 1; grid-row: 1 / -1; display: block; width: 30px; height: 100%; /* stretch with the card */ } /* Kill Elementor's fixed ratio so the thumb can stretch */ #headblog .elementor-post__thumbnail { height: 100% !important; padding: 0 !important; /* some skins use padding-top ratio hacks */ overflow: hidden; } #headblog .elementor-post__thumbnail.elementor-fit-height { height: 100% !important; } /* Make the image fill the 30px strip vertically */ #headblog .elementor-post__thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; /* crop nicely inside the strip */ object-position: center; } /* Right column content */ #headblog .elementor-post__avatar, #headblog .elementor-post__text, #headblog .elementor-post__meta-data { grid-column: 2; } #headblog .elementor-post__meta-data { margin-top: -5px; margin-bottom: 15px; } #headblog .elementor-widget-container .elementor-post__avatar { margin-left: 18px; } #headblog { overflow-x: auto!important; } /* reading progress bar */ #progress-bar { position: fixed; top: 0; left: 0; width: 100%; height: 4px; z-index: 9999; /* The gradient spans 100% horizontally, left (#FF0A43) to right (#B620E0). */ background: linear-gradient( to left, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0 ); /* By default, we hide the entire bar with an inset that covers 100% from the right side: top = 0, right = 100%, bottom = 0, left = 0. The user sees nothing initially. */ clip-path: inset(0 100% 0 0); /* Smooth transitions when changing the clip-path on scroll */ transition: clip-path 0.15s linear; } /* mobile menu */ .explore-head-search>i { display: none; } .close-filters-27 { position: fixed; top: 20px; right: 0; z-index: 9999; } /* blog */ p a { color: #FFF!important; transition: color 0.2s ease-in-out!important; /* Optional: smooth transition */ } p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #FF0843!important; /* Red on hover */ } @media (min-width: 992px) { .col-md-offset-2 { margin-left: 25%; } } @media (min-width: 992px) { .col-md-8 { width: 50%; } } .elementor-widget-container .elementor-post__card { display: flex!important; flex-direction: column!important; position: relative!important; } .elementor-widget-container .elementor-post__avatar { position: absolute!important; top: auto!important; bottom: 0!important; /* Align it with the bottom */ left: 0!important; /* Align it to the left */ transform: translateY(50%)!important; /* Adjust vertical alignment */ width: 40px!important; /* Adjust avatar size */ height: 40px!important; z-index: 10; margin-left: 30px; margin-bottom: 5px; padding: 0!important; } .elementor-widget-container .elementor-post__meta-data { display: flex!important; align-items: center!important; /* Align items vertically */ } .elementor-widget-container .elementor-post-author { margin-left: 25px; } /* awareness days cards*/ .homelisting { touch-action: pan-y; } .awarenessgrid .lf-item-info { bottom: none; top: 19px!important; } .awarenessgrid .lf-item-default .lf-item-info { min-height: 200px!important; display: flex; flex-direction: column; justify-content: start!important; } .awarenesslisting .priority-5 .lf-item, .awarenesslisting .priority-6 .lf-item { height: 230px!important; } .awarenessgrid .priority-5 .lf-item, .awarenessgrid .priority-6 .lf-item { height: 135px!important; } .lf-item .case27-primary-text, { position: absolute; left: 0; bottom: 0; } .homelisting .has-logo .lf-item-default .lf-item-info { padding-left: 0!important; padding-top: 0!important; height: 190px!important; } .awarenesslisting .case27-primary-text, .homelisting .case27-primary-text { position: absolute; bottom: 33px; } .awarenesslisting .lf-item-info>ul, .homelisting .lf-item-info>ul { position: absolute; bottom: 0; } /* rainbow*/ [data-id="listing-id-7399"] .lf-item, [data-id="listing-id-7407"] .lf-item, [data-id="listing-id-7409"] .lf-item, [data-id="listing-id-7421"] .lf-item, [data-id="listing-id-7436"] .lf-item, [data-id="listing-id-7438"] .lf-item, [data-id="listing-id-7443"] .lf-item, [data-id="listing-id-7461"] .lf-item, [data-id="listing-id-7477"] .lf-item, [data-id="listing-id-7534"] .lf-item, [data-id="listing-id-7528"] .lf-item, [data-id="listing-id-7522"] .lf-item, [data-id="listing-id-7524"] .lf-item, [data-id="listing-id-7526"] .lf-item, [data-id="listing-id-7536"] .lf-item, [data-id="listing-id-7532"] .lf-item, [data-id="listing-id-7530"] .lf-item, [data-id="listing-id-7540"] .lf-item, [data-id="listing-id-7563"] .lf-item, [data-id="listing-id-8779"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(-100deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* aids day*/ [data-id="listing-id-7590"] .lf-item { border: 1px solid #ec0b40 !important; border-radius: 5px !important; } /* aromantic*/ [data-id="listing-id-7405"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #3da542, #3da542, #a6d478, #a6d478, #FFFFFF, #FFFFFF, #a9a9a9, #a9a9a9) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* asexual*/ [data-id="listing-id-7423"] .lf-item, [data-id="listing-id-7558"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #7e7e7e, #7e7e7e, #FFFFFF, #FFFFFF, #660066, #660066) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* agender*/ [data-id="listing-id-7452"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #bababa, #bababa, #FFFFFF, #FFFFFF, #b8f484, #b8f484, #FFFFFF, #FFFFFF,#bababa, #bababa) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* bi*/ [data-id="listing-id-7516"] .lf-item, [data-id="listing-id-7520"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #d70071, #d70071, #d70071, #d70071, #9d4e98, #9d4e98, #0035a9, #0035a9, #0035a9, #0035a9) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* genderfluid*/ [data-id="listing-id-7556"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #ff76a6, #ff76a6, #ffffff, #ffffff, #c011d6, #c011d6, #282828, #282828, #2e3bbe, #2e3bbe) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* genderqueer*/ [data-id="listing-id-7630"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #b799dd, #b799dd, #ffffff, #ffffff, #6a8e3a, #6a8e3a) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* intersex*/ [data-id="listing-id-7560"] .lf-item, [data-id="listing-id-7567"] .lf-item{ border: 1px solid transparent !important; border-image-source: linear-gradient(90deg, #ffd704, #ffd704, #7900b0, #7900b0, #ffd704, #ffd704, #7900b0, #7900b0, #ffd704, #ffd704) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* lesbian*/ [data-id="listing-id-7434"] .lf-item, [data-id="listing-id-7432"] .lf-item, [data-id="listing-id-7544"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #d52c01, #d52c01, #fd9853, #fd9853, #FFFFFF, #FFFFFF, #d061a3, #d061a3, #a40162, #a40162) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* maverique*/ [data-id="listing-id-7634"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #fef435, #fef435, #ffffff, #ffffff, #f4981e, #f4981e) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* non binary*/ [data-id="listing-id-7484"] .lf-item, [data-id="listing-id-7628"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #fef531, #fef531, #ffffff, #ffffff, #9959d3, #9959d3) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* omnisex*/ [data-id="listing-id-7482"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #ff9bcf, #ff9bcf, #ff54c0, #ff54c0, #250048, #250048, #6861fe, #6861fe, #8ea5ff, #8ea5ff) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* pan*/ [data-id="listing-id-7456"] .lf-item, [data-id="listing-id-7597"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #ff1b8e, #ff1b8e, #ffd900, #ffd900, #1ab3ff, #1ab3ff) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* polyamorous*/ [data-id="listing-id-7586"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #0000fe, #0000fe, #ff0000, #ff0000, #fffe00, #ff0000, #ff0000) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* pride month*/ [data-id="listing-id-7458"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(-100deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; background: linear-gradient(-100deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0) !important; } /* trans*/ [data-id="listing-id-7419"] .lf-item, [data-id="listing-id-7565"] .lf-item, [data-id="listing-id-7573"] .lf-item, [data-id="listing-id-7584"] .lf-item, [data-id="listing-id-7638"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #59d0fb, #59d0fb, #f4aaba, #f4aaba, #FFFFFF, #FFFFFF, #f4aaba, #f4aaba, #59d0fb, #59d0fb) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* trans mask*/ [data-id="listing-id-7626"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #ff8abe, #ff8abe, #ccf6ff, #ccf6ff, #ccf6ff, #9becfe, #9becfe, #74dffe, #74dffe, #9becfe, #9becfe, #ccf6ff, #ccf6ff, #ff8abe, #ff8abe) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* xenogender*/ [data-id="listing-id-7632"] .lf-item { border: 1px solid transparent !important; border-image-source: linear-gradient(100deg, #ff6591, #ff6591, #fb9c96, #fb9c96, #feb982, #feb982, #fdfdaa, #fdfdaa, #85bdff, #85bdff, #9d86fe, #9d86fe, #a411ff, #a411ff) !important; border-image-slice: 1 !important; border-image-width: 2 !important; border-radius: 5px !important; } /* awareness days pages*/ body.type-awareness-days .profile-cover-image .overlay::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-100deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0)); mask-size: 100% 70%; /* Ensure the mask size covers the full element */ mask-repeat: no-repeat; /* Ensure the mask does not repeat */ z-index: 1; /* Ensures the overlay is above the background image but below other content */ pointer-events: none; /* Ensures the overlay does not interfere with any interactions */ } body.type-awareness-days .profile-cover-image .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; /* Base level */ } /* buy me a coffee*/ #bmc-wbtn { background: #ff0a43!important; } #bmc-wbtn img { display: none; } #bmc-wbtn svg { display: none; } #bmc-wbtn::before { content: ''; display: block; width: 36px; height: 36px; background-image: url('https://www.notstr8ight.com/wp-content/uploads/2024/11/rainbow-coffee-cup.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; margin: auto; } .lf-item-info>h4 { margin-top: -1px !important; margin-bottom: 5px !important; line-height: normal !important; } .single-blog-feed .lf-head { left: 0 !important; /* Ensure positioning is relative */ right: auto!important; display: flex !important; /* Enable flexbox for better alignment control */ justify-content: flex-start !important; /* Align child elements to the left */ align-items: flex-start !important; /* Align items to the top if needed */ width: 100% !important; /* Ensure the container takes the full width */ padding: 0 !important; /* Remove any padding that may affect alignment */ } .single-blog-feed .lf-head-btn { width: 100% !important; /* Ensure full width of the button container */ text-align: left !important; /* Align the content to the left */ border: none !important; /* Remove other borders */ border-top: 1px solid #e2e2e3 !important; /* Add only the top border */ margin: 0 !important; /* Remove margins */ padding: 5px 0 !important; /* Optional: Adjust vertical spacing */ box-sizing: border-box !important; /* Ensure padding doesn't affect the element width */ border-radius: 0!important; justify-content: left!important; } .author-name, .separator, .e-date { font-family: "Roboto", Sans-serif; font-weight: 400!important; color: #adadad!important; font-size: 12px!important; line-height: 1.3em!important; opacity: 1!important; margin-top: 8px; padding-left: 5px; } .author-avatar { margin-left: 30px; width: 20px; margin-top: 5px; } } #related-prides + #related-blogs .element { margin-top: -40px!important; } #related-prides li { color: white; list-style-type: none; } #related-prides .related-listing-block .event-host .avatar { width: 50px; height: 50px; border-radius: 5px; margin-right: 15px; margin-left: 15px; margin-top: 95px; position: relative; /* Keep avatar positioned correctly */ z-index: 4; /* Ensure avatar is above the overlay */ } #related-prides .event-host .avatar img { height: 100%; width: 100%; } #related-prides .related-listing-block .event-host { background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px; height: 160px; position: relative; /* Establishes a positioning context for the overlay */ overflow: hidden; /* Ensures the overlay doesn't extend outside the event-host */ margin-bottom: 15px; } #related-prides .event-host::before { content: ''; /* Required for pseudo-elements */ position: absolute; /* Position it absolutely within the event-host */ top: 0; left: 0; right: 0; bottom: 0; /* Cover the entire area of the parent */ background: linear-gradient(0deg, #0B1014 0%, rgba(0, 0, 0, 0.5) 100%); /* Gradient overlay */ opacity: 0.5; /* Match the overlay opacity from your other CSS */ z-index: 2; /* Ensure it's below the avatar but above the background */ transition: opacity 0.3s ease-in-out; /* Smooth transition for opacity changes */ } #related-prides .event-host::after { content: ''; /* Required for pseudo-elements */ position: absolute; /* Position it absolutely within the event-host */ top: 0; left: 0; right: 0; bottom: 0; /* Cover the entire area of the parent */ background: inherit; /* Inherit background from the event-host */ z-index: 1; /* Ensure it's below the overlay and avatar */ } #related-prides .event-host:hover::before { opacity: 0.3; /* Make the overlay transparent on hover */ } /* Styling for the link to fill the container */ #related-prides .event-host a { display: block; /* Make link cover the whole area */ width: 100%; /* Full width */ height: 100%; /* Full height */ color: #fff; /* Change text color */ transition: all 0.3s ease-in-out; /* Smooth transition for color changes */ position: relative; /* Keep link positioned correctly */ z-index: 3; /* Ensure link is above the overlay */ } #related-prides .event-host .host-name { color: white; padding-top: 97px; z-index: 5 } #related-prides .event-host .host-name h03 { font-size: 80% !important; position: relative !important; margin-right: 0 !important; margin-left: 4px !important; top: 1px !important; } /*related blogs styling*/ .readmore h2 { color: white!important; } .divreadmore:hover .readmore h2 { color: #FF0A43!important; } #related-blogs .event-host .host-name h03 { font-size: 80% !important; position: relative !important; margin-right: 0 !important; margin-left: 4px !important; top: 1px !important; } .post-info, .pride-tagline { display: block; margin-top: 2px; font-size: 0.9em; } .post-info{ color: #777!important; } .pride-tagline { line-height: 110%; } #related-blogs .post-author, #related-blogs .post-date { display: block; } #related-blogs .related-listing-block .event-host .avatar { width: 125px; height: 90px; border-radius: 5px 0px 0px 5px; margin-right: 15px; transition: opacity 0.3s ease; /* Smooth transition effect */ } #related-blogs .related-listing-block .event-host .avatar:hover { opacity: 0.8; /* Change opacity to 90% on hover */ } #related-blogs .related-listing-block .event-host .avatar:hover { width: 125px; height: 90px; border-radius: 5px 0px 0px 5px; margin-right: 15px; } #related-blogs .event-host .avatar img { height: 100%; width: 100%; } #related-blogs .related-listing-block .event-host a { display: table-cell; vertical-align: middle; } #related-blogs .related-listing-block .event-host { background-color: white; border-radius: 5px; } /* .related-listing-block .event-host a:hover { color: #FF0843; } .event-host .host-name a:hover { color: #FF0843; }*/ .event-host .host-name { color: white; line-height: normal; padding-right: 15px; display: flex; vertical-align: middle; color: #0d1114; padding-top: 10px; } body.type-special-prides .profile-cover-image .overlay::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-100deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0)); mask-size: 100% 70%; /* Ensure the mask size covers the full element */ mask-repeat: no-repeat; /* Ensure the mask does not repeat */ z-index: 1; /* Ensures the overlay is above the background image but below other content */ pointer-events: none; /* Ensures the overlay does not interfere with any interactions */ } body.type-special-prides .profile-cover-image .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; /* Base level */ } .sbf-title p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 66px; } .featured-search .buttons.search i { display: none !important; } .h0 { /*font-size: 105%;*/ background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; background-size: 400% 400%; animation: gradient 10s ease infinite; /*-webkit-text-stroke: 2px white;*/ } .h01 { /*font-size: 105%;*/ background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; background-size: 400% 400%; animation: gradient 10s ease infinite; /*-webkit-text-stroke: 1px white;*/ } /* h02 { font-size: 65%; } h03 { font-size: 40%; color: white; background-color: transparent; padding: 2px 3px; /* Adjust padding for better spacing border: 1px solid white; border-radius: 2px; /* Rounded corners position: relative; top: -4px; margin-right: 3px; } .lf-item-info h03 { font-size: 50%; top: -3px; opacity: 1; padding: 1px 2px; } */ h03 { font-size: 57%; position: relative; margin-right: 4px; top: -1.5px; } .lf-item-info h03 { font-size: 62%; top: -0.5px; margin-right: 2px; } li.elementor-toc__list-item::marker { color: #0b1015; } .form-group.explore-filter.heading-ui h3 { color: #0b1014; } .blogpost-section .section-body ol { padding-left: 5px!important; } .elementor-toc__list-item-text-wrapper { align-items: baseline!important; } /*bars*/ .pb { font-style: italic; color: #21242C; } a.pb { font-style: italic; color: #21242C!important; } a.pb:hover { font-style: italic; color: #adadad!important; pointer-events: auto; } .repeater-list-view .food-menu-items .menu-thumb a { pointer-events: none; right: 20px!important; left: unset!important; } .repeater-list-view .food-menu-items .menu-content .menu-item-title { font-size: 18px; color: white; } .repeater-list-view .menu-price-btn { color: white!important; border: 1px solid #21242C!important; top: 140px!important; } .bars .gr-content { background: transparent!important; padding: 20px 140px 20px 5px !important; } .bars .gr-content h5 a { color: white; } .bars .gr-content a { color: #adadad; } .bars a:hover, .bars .gr-content h5 a:hover { color: #FF0A43; } .bars .element { background-color: transparent; border-radius: 0px; box-shadow: none; padding-bottom: 20px; border-bottom: 1px solid #21242C!important; } .repeater-list-view .food-menu-items .menu-content .menu-item-title { margin-bottom: 5px!important; } .tab-template-sidebar-content .cts-left-column .element .social-nav li { width: 33.3%; } div.featured-search .buttons.search { font-size: 0; display: flex; justify-content: center; } div.featured-search .buttons.search:after { content: 'Explore Prides in This City'; font-size: 13px; } .blogpost-section .post-cover-buttons { display: none; } .blog-featured-image, .sbf-container .listing-details ul { display: none; } .sbf-title { text-align: left!important; } .event-date { color: black; top: 20px; } /*special prides home page europride, worldpride */ .elementor-703 .elementor-element.elementor-element-af9d61e::before { background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .2)); } .elementor-703 .elementor-element.elementor-element-3e27de6::before { background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .2)); } .elementor-703 .elementor-element.elementor-element-81cae2c::before { background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .2)); } .elementor-703 .elementor-element.elementor-element-678c7a5::before { background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .2)); } .elementor-703 .elementor-element.elementor-element-3abc3a7::before { background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .2)); } .elementor-703 .elementor-element.elementor-element-47cfa5d::before { background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .2)); } .elementor-703 .elementor-element.elementor-element-03012d1::before { background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .2)); } .homespbutton { text-wrap: nowwrap; } .countdown .countdown-box .countdown-list, .countdown-unconf .countdown-box .countdown-list, .home-carousel .countdown-box .countdown-list { display: flex!important; gap: 5px!important; /* This replaces margin-right on individual items */ justify-content: space-between!important; padding: 0; margin: 0; } .countdown .countdown-box .countdown-list li p,.home-carousel .countdown-box .countdown-list li p { font-size: 18px!important; color: #FF0A43; } .countdown-unconf .countdown-box .countdown-list li p { font-size: 18px!important; color: #adadad; background: #1C2026; border: 0.5px solid #adadad; font-weight: 200 !important; } .extra-details .item-attr { display: block; } .extra-details .item-property { float: none; } .countdown-box .countdown-list li span { float: none!important; position: static!important; margin-left: 0!important; margin-right: 0!important; } .countdown-unconf .countdown-box .countdown-list li span { font-weight: 200; color: #adadad; } .countdown-box .countdown-list li p { width: 100%; padding: 13px; } .countdown-box .countdown-list li { flex: 1 1 0; width: auto; /* Let flex handle the width */ list-style: none; } .priority-3 .overlay { background: linear-gradient(-135deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1)); } .priority-3 .lf-item { height: 230px; } .priority-3 .lf-head-btn.ad-badge { background-color: #FF0A43; color: white; border: 1px solid white; } .button-sp, .button-sp:visited { color: var(--accent); border: 1px solid white; background: none; color: white; border-radius: 5px; padding: 12px 30px; text-wrap: nowrap!important; margin-top: -6px; float: right; } .extra-details .item-property { margin-top: 5px; } .button-5:hover, .button-sp:hover { border: 1px solid white; background: white; color: #FF0A43; } .button-5, .button-5:visited { border: 1px solid white; } .sp-1 { float: left; width: 75%; color: white; } .sp-2 { float: right; width: 25%; } .post-cover-buttons ul li:nth-child(-n+2) { pointer-events: none; } ul.tags { margin-top: 40px; margin-bottom: 60px; justify-content: left!important; } .post-cover-buttons>ul>li>a, .post-cover-buttons>ul>li>div { color: #adadad!important; } .blogpost-section .blog-title h1 { text-align: left; } .post-cover-buttons ul { justify-content: left!important; } .blogimagefull { width: 100%; } .listingblog .lf-item-info>h4 { margin-top: -5px; margin-bottom: -2px; } .blogpost-section .section-body ul { line-height: 14px!important; } html, body { overflow-x: hidden; } body { position: relative; } .sidebar-tabs li { display: none!important; } .i-dropdown { background: #22242c!important; } .i-dropdown li a { color: white!important; } .i-dropdown li a:hover, .mobile-menu-open .i-dropdown li a:hover, .i-nav ul li a:hover { color: #FF0A43!important; } .header .user-area, .user-profile-dropdown .user-profile-name { display: none!important; } .button-1 { color: white; background: none; border: 1px solid white; } .button-1:hover { border: 1px solid #FF0A43; } .button-1:visited { color: white; } .lf-item-container .lf-head, .lf-head { top: 15px!important; left:auto; right: 15px!important; } .homelisting .lf-head, .homelisting .lf-head .level-promoted, .awarenessgrid .lf-head, .homelisting .lf-head .level-promoted { display: none!important; } nav.job-manager-pagination ul li a, nav.job-manager-pagination ul li span { width: 25px!important; height: 25px!important; } nav.job-manager-pagination ul li span:hover, nav.job-manager-pagination ul li a:hover { border: 1px solid #FF0A43; } .job-manager-pagination .gap:hover { border: none; } .gallery-nav li i { color: white; background: transparent; border: 1px solid white; } .sponsored-left .element { margin-bottom: 0px; } .tagsblock .element .pf-body>.social-nav li, ul.tags li a { width: auto; pointer-events:none; background: #22242c; padding-left: 15px; padding-right: 15px; padding-top: 10px; border-radius: 25px!important; margin-right: 10px!important; margin-bottom: 10px; color: white; border-color: #22242c!important; } ul.tags li { margin-right: 0; margin-bottom: 0; } .element .pf-body>.social-nav li i { display: none; } .quick-listing-actions { margin-top: 0px; position: relative; z-index: 2; } .listing-feed-carousel .owl-item.active { margin-right: 10px !important; } .c27-owl-nav .owl-nav>div>div { color: white; background: transparent; border: 1px solid white; width: 25px; height: 25px; } .c27-owl-nav .owl-nav>div>div:hover { border: 1px solid #FF0A43; } .c27-owl-nav .owl-nav { text-align: left; } .transparent .fs-tabs .nav-tabs { display: none; } .search-tab .search-filters { flex-direction: column!important; } .finder-title { display: none!important; } .form-group.fc-search { position: sticky!important; bottom: 0!important; left: 0!important; right: 0!important; background: #fff!important; z-index: 99!important; padding-bottom: 15px!important; margin-bottom: 0!important; display: block!important; } .form-group.fc-search::before { content: ""!important; width: 100%!important; height: 20px!important; background: linear-gradient(0deg,#fff 20%,hsla(0,0%,100%,0))!important; position: absolute!important; top: -20px!important; padding-bottom: 15px!important; } a.close-filters-27 { display: none!important; } a.close-filters-27, a.reset-results-27 { background: white!important; opacity: .7!important; transition: none; font-size: 13px!important; } a.reset-results-27 i { margin: 0!important; pointer-events: none!important; margin-right: 5px!important; } .mobile-explore-head-top { display: none!important; border-radius: 5px; } .light-forms.filter-wrapper .tags-nav>li { width: 100%!important; } .explore-classic-sidebar { display: block!important; } .checkboxes-filter>label, .explore-filter.datepicker-form-group>label, .range-filter>label { font-weight: bold; } .job-manager-pagination a, .job-manager-pagination .gap { color: white!important; background: transparent!important; width: 25px; height 25px; } .job-manager-pagination a { border: 1px solid white!important; width: 25px; height 25px; } .job-manager-pagination a:hover { text-decoration: none!important; background: #FF0A43!important; border: 1px solid #FF0A43!important; transition: .2s ease; } .job-manager-pagination a:hover { text-decoration: underline; /* Add underline on hover for links */ } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .lf-item-container .listing-details>ul, .lf-item-info>ul { margin-top: -3px; margin-bottom: 0px; font-size: 12px; line-height: 14px; white-space: wrap!important; max-width: 80%; } .orderby-filter { display: none!important; } .explore-classic-sidebar .element { background: white; margin-top: 40px; } .col-md-4 { width: 100%; } .col-md-6 { width: 100%; } .col-md-5 { width: 30%; } .col-md-7 { width: 70%; } .i-section { padding-top: 0px; } .container { width: 100%; } .finder-one-columns .explore-type-4 .container { width: 100%!important; } .finder-one-columns .explore-type-4 .container .explore-classic-sidebar { width: 35%!important; } .finder-one-columns .explore-type-4 .container .explore-classic-content { width: 65%!important; } .lf-info-container .div { display: block; } .priority-0 .lf-item { height: 150px; } .priority-1 .lf-item { height: 150px; } .priority-2 .lf-item { height: 230px; } .priority-5 .lf-item, .priority-6 .lf-item { height: 90px; border: 0.75px solid #adadad; border-radius: 5px; } .priority-5 .lf-item { background-color: #0c1013 !important; } #PopupSignupForm_0 .modalContent { border: 0.75px solid #adadad !important; border-radius: 5px!important; } .priority-6 .lf-item { pointer-events: none; } .priority-6 .lf-item .overlay { display: none; } .priority-1 .lf-head-btn.ad-badge { display: none; } .priority-2 .lf-head-btn.ad-badge { background-color: #FF0A43; color: white; border: 1px solid white; display: none; } .priority-0 .lf-head-btn { display: none; } .lf-head-btn { border-radius: 7px; justify-content: center; pointer-events: auto; font-size: 18px!important; padding: 0 3px 0 6.5px!important; border: 0px!important; } .lf-head-btn a{ color: #e2e2e3; } .lf-item:hover .lf-head-btn { background-color: #FF0A43; transition: .2s ease; } .lf-item:hover .lf-head-btn a{ color: white; } .lf-info-container { display: flex; align-items: center; } .fl-results-no { color: #ADADAD; } .unconf .element .pf-body { padding-top: 0px; } .menu-thumb .mi { display: none; } .block-type-general_repeater { width: -webkit-fill-available; margin-top: 0px; } .hotels { padding: 0px 20px 20px 20px; background: #1C2026; margin-left: 10px; margin-right: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.0705882353); border-radius: 0px 0px 5px 5px; } .quicklinks { box-shadow: 0 1px 4px rgba(0,0,0,.0705882353); border-radius: 0px 0px 5px 5px; margin-top: -10px; } .hotels-text .element, .quicklinks-text .element { margin-bottom: 0px!important; border-radius: 5px 5px 0px 0px; } .quicklinks-text .element { padding: 20px 20px 0 20px!important; } .quicklinks .element { padding: 0 20px 35px 20px!important; border-radius: 0px 0px 5px 5px; } .profile-avatar, .lf-avatar { box-shadow: 0 1px 4px rgba(0,0,0,.0705882353); border-radius: 5px; background-color: transparent; pointer-events: none; } .tagsblock .element, .detailsblock .element, .paradeblock .element, .cityblock .element, .sponsored .element, .sponsored-left .element, .pridelinks .element { background-color: transparent; border-radius: 0px; box-shadow: none; margin-top: -20px; } .hp-quiz-banner { background: linear-gradient(90deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); background-size: 400% 400%; animation: gradient 10s ease infinite; } .countdown .element { background: linear-gradient(90deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); background-size: 400% 400%; animation: gradient 10s ease infinite; border-radius: 5px 5px 0 0; } .countdown-unconf .element { background: #1C2026; border-radius: 5px 5px 0 0; } .countdown-bottom .element { background: linear-gradient(90deg, #FF0A43, #FF0A43, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0, #B620E0); background-size: 400% 400%; animation: gradient 10s ease infinite; margin-top: -25px; padding-top: 0px; border-radius: 0 0 5px 5px; } .countdown-unconf-bottom .element { background: #1C2026; margin-top: -25px; padding-top: 0px; border-radius: 0 0 5px 5px; } .overlay { background: linear-gradient(0deg, #0B1014 0%, rgba(0, 0, 0, 0.3) 50%); } .element { background: #1C2026; } h1, h2, h3, h4, h5, h6 { color: white; margin-top: 0px; } p, li { color: #ADADAD; } p a:hover{ color: #ff0843; } .material-icons { color: #ADADAD; } .paradeblock .element ul, .cityblock .element ul { list-style: none; text-indent: -20px; /* key property */ margin-left: 20px; /* key property */ } .section-title h2 { color: white; } .pridelinks a { color: white; } .pridelinks a:hover, a:active { color: #FF0A43!important; } .listing-main-info { background: none; } .listing-main-info .profile-name h1, .listing-main-info .profile-name h2 { color: white; line-height: 22px; } .listing-main-info .profile-name h1 { margin-top: 20px; } .profile-header { display: none; } .quick-listing-actions>ul { justify-content: left; } .quick-listing-actions>ul>li>a { padding: 5px 0px 5px 0px; display: flex; align-items: center; border-radius: 50px; font-size: 14px; transition: .2s ease; border: 1.5px solid rgba(0,0,0,.15); } .quick-listing-actions>ul>li>a>i { color: #adadad; } .mi.home:before { content: "\e88a"; padding-right: 8px; padding-left: 5px; } #qa-84f159 { pointer-events: none; text-decoration: none; } .quick-listing-actions>ul>li>a span{ color: #adadad; } ----------- .fcontainer { width: 100%; height: 100vh; background: white; display: flex; align-items: center; justify-content: center; } .coupon-card { background: url('https://www.notstr8ight.com/wp-content/uploads/2024/09/ciciful-bg-4.jpg.webp'); background-color: rgba(11, 16, 20, 0.7); background-position: center center; color: white; text-align: center; padding: 5% 10%; border-radius: 5px; position: relative; } .slogo { width: 100px; padding: 0px 10px; background: white; border-radius: 5px!important; margin-bottom: 15px; } .coupon-row { display: flex; margin: 15px 0; justify-content: center; } #cpncode { border: 1px dashed #fff; border-radius: 7px 0px 0px 7px; padding: 10px 15px; border-right: 0; } #cpnbtn { border: 1px solid #FF0A43; border-radius: 0px 7px 7px 0px; padding: 10px 15px; background: #FF0A43; color: white; cursor: pointer; } #sponsor { white-space: nowrap; border: 1px solid #FF0A43; border-radius: 7px; padding: 12px 20px; background: #FF0A43; color: white; cursor: pointer; } .circle1, .circle2 { background: #0B1014; height: 50px; width: 50px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); } .circle1 { left: -25px; } .circle2 { right: -25px; } .cpncontainer { display: flex; align-items: center; justify-content: center; } .cpncontainer-explore { display: block; align-items: center; justify-content: center; } .shopbtn { display: flex; margin: 15px 15px; width: fit-content; justify-content: center; } .shopbtn-explore { margin-top: 20px; margin-bottom: 25px; } @media only screen and (max-width: 992px) { /* .container.qla-container .quick-listing-actions { margin-top: 70px; } */ .listing-main-buttons { display: none; } .single-job_listing .site-content, .single-job_listing #content, .single-job_listing .content-area { padding-bottom: 60px; /* adjust to your bar height */ } .stacked-slider-hp { position: relative; width: 95%; max-width: 1140px; /* or whatever your boxed layout is */ margin: 0 auto; height: 400px; perspective: 1000px; overflow-x: hidden; overflow-y: visible; box-sizing: border-box; padding-left: 20px; padding-right: 20px; } .listing-main-buttons>ul>li:last-child { margin-top: 6px; } .listing-feed-carousel .owl-item.active { margin-right: -10px !important; } .sp-0 { flex-direction: column; align-items: flex-start; } .sp-1, .sp-2 { width: 100%; /* Make each element take full width */ text-align: left; /* Center the text */ margin: 10px 0; /* Add some vertical spacing */ float: left; } .button-sp, .button-sp:visited { float: left; } .cpncontainer, .cpncontainer-explore { flex-direction: column; /* Stack elements on mobile */ text-align: center; margin-bottom: 15px; } .hotels-text .element { margin-bottom: 0px!important; } .finder-one-columns .explore-type-4 .container .explore-classic-content { width: 100%!important; } .mobile-explore-head-top { display: block!important; } .explore-classic-sidebar { display: none!important; } .form-group-tags .tags-nav>li { width: 50%!important; } a.close-filters-27 { display: block!important; } .quick-listing-actions .cts-next, .quick-listing-actions .cts-prev { background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#0b1014 80%); } .listing-main-info .col-md-6 { padding-bottom: 5px; } .header-right { display: none!important; } .button-sp, .button-sp:visited { text-wrap: nowrap!important; } .col-md-5 { width: 100%; } .col-md-7 { width: 100%; } }