:root { --accent: #a33e3e; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(163, 62, 62, 1), -10px 10px rgba(163, 62, 62, 0.2), -10px -10px rgba(163, 62, 62, 1), 10px -10px rgba(163, 62, 62, 0.2); } 25% { box-shadow: -10px 10px rgba(163, 62, 62, 0.2), -10px -10px rgba(163, 62, 62, 1), 10px -10px rgba(163, 62, 62, 0.2), 10px 10px rgba(163, 62, 62, 1); } 50% { box-shadow: -10px -10px rgba(163, 62, 62, 1), 10px -10px rgba(163, 62, 62, 0.2), 10px 10px rgba(163, 62, 62, 1), -10px 10px rgba(163, 62, 62, 0.2); } 75% { box-shadow: 10px -10px rgba(163, 62, 62, 0.2), 10px 10px rgba(163, 62, 62, 1), -10px 10px rgba(163, 62, 62, 0.2), -10px -10px rgba(163, 62, 62, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }.items-counter { height: auto !important; /* Or adjust to your desired height */ } .elementor-kit-10 h5 { color: inherit !important; /* Or set a specific color value */ } /* Reset the general h4 color to original global color */ .elementor-kit-10 h4 { color: var(--e-global-color-a76cfc2) !important; } /* Ensure the h4 elements for 'type-for-rent', 'type-for-sale', 'type-long-term-rent', 'type-outdoor-activities', and 'type-land-for-sale' items are always black */ #c27-explore-listings .explore-head .type-for-rent.item a h4, #c27-explore-listings .explore-head .type-for-sale.item a h4, #c27-explore-listings .explore-head .type-long-term-rent.item a h4, #c27-explore-listings .explore-head .type-outdoor-activities.item a h4, #c27-explore-listings .explore-head .type-land-for-sale.item a h4 { color: #000000 !important; } /* Change text color to red when the item is selected */ #c27-explore-listings .explore-head .type-for-rent.item.active a h4, #c27-explore-listings .explore-head .type-for-sale.item.active a h4, #c27-explore-listings .explore-head .type-long-term-rent.item.active a h4, #c27-explore-listings .explore-head .type-outdoor-activities.item.active a h4, #c27-explore-listings .explore-head .type-land-for-sale.item.active a h4 { color: #A33e3e !important; } /* Change the color of the text within the specific call-to-action element to white */ #cta-679f76 a { color: #ffffff !important; } .lc-info h6 { color: white !important; } /* Default logo before scrolling (white logo) only on listing pages */ body.single-job_listing .c27-main-header .static-logo img { content: url('https://offgriddestinations.com/wp-content/uploads/2024/05/Off-Grid-Destinations-logo-white.png'); transition: all 0.3s ease-in-out; } /* Change to the default logo on scroll only on listing pages */ body.single-job_listing .header-scroll .static-logo img { content: url('https://offgriddestinations.com/wp-content/uploads/2023/11/cropped-cropped-Logo-no-text-transparent-1-e1710820871918.png'); } .custom-rental-table { width: 100%; border-collapse: collapse; margin-top: 20px; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; /* Matches the font family */ font-size: 12px; /* Font size changed to 12px */ line-height: 1.6; } .custom-rental-table th, .custom-rental-table td { padding: 12px; border: 1px solid #ddd; text-align: left; } /* Set link color to green, change to red on hover */ .custom-rental-table a { color: #5d8745; /* Green color used on the site */ text-decoration: none; /* Remove underline */ font-size: inherit; /* Maintain table font size */ } .custom-rental-table a:hover { color: #a33e3e; /* Change to red on hover */ text-decoration: none; /* No underline on hover */ } 