:root { --accent: #f26a5f; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(242, 106, 95, 1), -10px 10px rgba(242, 106, 95, 0.2), -10px -10px rgba(242, 106, 95, 1), 10px -10px rgba(242, 106, 95, 0.2); } 25% { box-shadow: -10px 10px rgba(242, 106, 95, 0.2), -10px -10px rgba(242, 106, 95, 1), 10px -10px rgba(242, 106, 95, 0.2), 10px 10px rgba(242, 106, 95, 1); } 50% { box-shadow: -10px -10px rgba(242, 106, 95, 1), 10px -10px rgba(242, 106, 95, 0.2), 10px 10px rgba(242, 106, 95, 1), -10px 10px rgba(242, 106, 95, 0.2); } 75% { box-shadow: 10px -10px rgba(242, 106, 95, 0.2), 10px 10px rgba(242, 106, 95, 1), -10px 10px rgba(242, 106, 95, 0.2), -10px -10px rgba(242, 106, 95, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #000000 }/**** GENERAL/GLOBAL ****/ /* MYLISTING FORCES A WHITE BACKGROUND - THIS PREVENTS THAT */ body.custom-background { background-color: #000 !important; } /* HEADER NAV */ .i-nav ul li { font-size: 16px; } /* HIDE SIGN IN AND REGISTER FROM NAV MENU */ .header .user-area.signin-area, .header .mob-sign-in { display: none !important; } /* BACK TO TOP */ a.back-to-top { background: #ffffff30; } /* MODAL/POPUP BACKGROUND */ .modal-27 { background: rgba(0,0,0,.9); } /* HIDES CONTENT FROM NON LOGGED IN USERS */ body:not(.logged-in) .hideifloggedout { display: none !important; } /* STYLES THE 'REQUIRED' ASTERISKS */ label span.required { color: #b85455; } /* SYSTEM FONT STACK */ body { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } h1,h2,h3,h4,h5,h6 { font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* BUTTONS */ a.buttons { text-transform: uppercase; letter-spacing: 2px; font-weight: 700 !important; font-size: 13px !important; color: #fff !important; background: #b85455 !important; } a.buttons:hover { background: #b85658d9 !important; } a.button { text-transform: uppercase; letter-spacing: 2px; font-weight: 700 !important; font-size: 13px !important; color: #fff !important; background: #b85455 !important; } a.button:hover { background: #b85658d9 !important; } /* BODY/PARAGRAPH TEXT FOR SINGLE LISTINGS AND QUICK VIEW */ .element .pf-body p { color: #fff; } /* MESSAGE DISPLAYED WHEN THERE ARE NO LISTINGS */ .no-listings { color: #fff; } /* PLACEHOLDER TEXT */ ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } ::-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } :-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } :-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } /* REMOVE THE ICON THAT APPEARS AFTER THE DROPDOWN SELECT OPTIONS */ .select2-results__options li:after { display: none; } /* WOOCOMMERCE PRODUCT GRID META AND ADD TO CART BUTTON */ .woocommerce ul.products li.product, ul.products li.product { text-align: center; text-align: -webkit-center; } ul.products li.product a.button { display: block; } .job-manager-error { background: #ffffff25; border: none !important; color: #fff; } .job-manager-error.job-manager-error:before { color: #ffffff40; } .job-manager-message { background: #ffffff25; border: none !important; color: #fff; } .job-manager-message.job-manager-message:before { color: #ffffff40 !important; } /* ADDRESS FIELD */ div.suggestion { background: #000; color: #ddd !important; border: none !important; } div.suggestion:hover { background: #000 !important; color: #fff !important; } div.suggestions-list { border: none !important; } /* WOOCOMMERCE MESSAGES */ .woocommerce-info, .woocommerce-message { background: #ffffff10 !important; border: none !important; color: #fff !important; } .woocommerce-info:before, .woocommerce-message:before { color: #b85455 !important; } .woocommerce-info a, .woocommerce-message a { color: #b85455 !important; } .woocommerce-info a:hover, .woocommerce-message a:hover { color: #b85658d9 !important; } .woocommerce-checkout .woocommerce-error { background: #ffffff25 !important; border: none !important; color: #fff !important; } .woocommerce-checkout .woocommerce-error:before { color: #ffffff40 !important; } .woocommerce-error { background: #ffffff25 !important; border: none !important; color: #fff !important; } .woocommerce-error:before { color: #ffffff40 !important; } .woocommerce form .form-row.woocommerce-invalid label { color: #b85455; } .woocommerce form .form-row.woocommerce-invalid input.input-text { box-shadow: 0 1px 0 0 #b85455; border-color: #b85455; } .woocommerce form .form-row.woocommerce-validated input.input-text { border-color: #666; } /* ELEMENTOR - ACCORDIONS */ div#elementor-tab-title-2331.elementor-tab-title { border-radius: 5px; } .elementor-accordion-item { margin-bottom: 15px; } .elementor-accordion .elementor-accordion-item:first-child { display: none !important; } /**** SINGLE PRODUCT PAGE ****/ /* PRODUCT DESCRIPTION */ .woocommerce-product-details__short-description p { color: #ccc; } /* ADD TO CART BUTTON */ .woocommerce div.product form.cart .button:before { display: none; } /** PRDDUCT TAGS **/ .tagged_as>a { color: #b85455; background: #ffffff10; border: none; } /** PRODUCT TABS **/ /* MAIN TABS BOX */ .woocommerce-page div.product .woocommerce-tabs { background: #ffffff10; border: none; border-radius: 5px; } /* TABS */ .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #aaa; background: transparent; text-transform: uppercase; letter-spacing: .5px; font-weight: 700; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; }/* DESCRIPTION TAB */ #tab-description P { color: #ddd; } /* INNER BOX */ .woocommerce div.product .woocommerce-tabs .panel { background: transparent; } .woocommerce-Tabs-panel h2 { display: none; } .comment-form-rating label { color: #fff; font-weight: 700; } .woocommerce-noreviews { color: #fff; } span#reply-title { font-weight: 400 !important; color: #ccc; font-style: italic; } .comment-form-comment label { color: #fff; font-weight: 700 !important; } .woocommerce .comment-form-rating p.stars a:hover { color: #b85455; } .woocommerce p.stars a:focus { color: #ffffff20; } .woocommerce #review_form #respond textarea { color: #fff; } .woocommerce #review_form #respond .form-submit input[type=submit] { font-weight: 700; } /* YOUR MUST BE LOGGED IN TO REVIEW THE PRODUCT */ .woocommerce #review_form #respond p { color: #fff; } /**** HEADER SEARCH ****/ .instant-results { background: #00000090; } .instant-results ul li.ir-cat { background: #000; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; border: none; } .instant-results ul li.ir-cat:hover { background: #000 !important; } .instant-results ul li { color: #fff !important; } .instant-results li:hover { background: transparent !important; } .instant-results ul li a { color: #fff; border-bottom: 1px solid #ffffff30; transition: margin .2s ease-in-out; } .instant-results ul li a:hover { margin-left: 10px; color: #fff; } .instant-results .view-all-results { color: #fff; justify-content: left; text-align: left; font-size: 12px; } .instant-results .view-all-results i { margin-left: 15px; } /** PAGES WHERE TRANSPARENCY DOESN'T FIT FOR THE DESIGN **/ /* EXPLORE PAGE */ .page-id-54 .instant-results { background: #1a1a1a; } /**** LOGIN / REGISTER ****/ /** LOGIN / REGISTER - LEFT COLUMN **/ .page-id-49:not(.logged-in) .c27-main-header { display: none; } body:not(.logged-in) .c27-top-content-margin { background: #000; } .login-container { background: #000; } /* LOGIN/REGISTER - TABS */ .login-tabs li:first-child h3:after { content: url("https://starter4.mylisting.club/wp-content/uploads/2021/04/mylisting-club-basecamp-login.png"); padding: 0px 4px 0px 8px; } .login-tabs li { opacity: .5; } .login-tabs li.active a { color: #b85455; } .login-tabs li a { color: #b85455; } .login-tabs li a:hover { color: #b85455; } .woocommerce form.sign-in-form .form-group label { color: #838383d1; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 700; } .sign-in-box .md-checkbox label { color: #838383; font-size: 13px; letter-spacing: 0.5px; } .sign-in-box .md-checkbox label:hover { color: #838383; } .md-checkbox label:before { background: transparent !important; border: 1px dashed #b85455; } .md-checkbox input[type=checkbox]:checked+label, .md-checkbox input[type=radio]:checked+label { font-weight: 400 !important; color: #b85455 !important; } .forgot-password a { color: #838383; font-size: 13px; letter-spacing: 0.5px; } .forgot-password a i { color: #ffffff47; } .forgot-password a:hover i { color: #ffffff47 !important; } .forgot-password a:hover { color: #838383; } .page-id-49 .woocommerce form.sign-in-form .form-group input { background-color: transparent; border-bottom: solid #68687794 1px; font-weight: 400; margin-top: 15px; color: #fff; } .user-area-icon:before { display: none; } .cts-social-login-wrapper .buttons { border: none; font-weight: 400; display: inline; margin: 0px 20px 0px 0px; color: #838383; letter-spacing: 0.5px; } .cts-social-login-wrapper .buttons:hover { color: #737373; } /* LOGIN / REGISTER - PUT SOCIAL LOGIN ABOVE THE FORM */ .woocommerce form.sign-in-form { display: flex; flex-direction: column; } .woocommerce form.sign-in-form .cts-social-login-wrapper { order: -1; margin-bottom: 40px; margin-top: 10px; } /* LOGIN / REGISTER - MOVE SAVE CREDENTIALS AND RESET PASSWORD CLOSER TOGETHER AFTER SOCIAL LOGIN IS RELOCATED */ .form-info { margin-top: 0px; margin-bottom: -35px; } /* LOGIN / REGISTER - HIDE SOCIAL LOGIN CONNECT WITH TEXT */ p.connect-with { display: none; } /* FORGET PASSWORD PAGE */ .page-id-49 .element { background: #ffffff20; border: none !important; } /**** NAVIGATION ****/ .user-area .user-profile-name:hover { color: #f4f4f4; } /** DESKTOP MENU ** /* STYLES ALL DROPDOWN MENUS */ .i-dropdown { background: #00000090; border: none; } .i-dropdown li a { color: #fff; border-bottom: 1px solid #ffffff40; } .i-dropdown li a:hover { color: #fff; background: transparent !important; } /* TARGETS THE LAST MENU ITEM OF THE USER MENU */ .user-profile-dropdown .i-dropdown li:last-child a { color: #fff; } /** MOBILE MENU **/ /* MENU BACKGROUND */ @media only screen and (max-width: 1200px) { .i-nav { background-color: #000 !important; background-color: #000 !important; background-image: url(https://starter4.mylisting.club/wp-content/uploads/2021/05/mylisting-club-basecamp-mobile-menu.png); background-repeat: no-repeat; background-size: auto; background-position: bottom; } } /* HAMBURGER MENU ICON */ .header-dark-skin .mobile-menu-lines i { color: #fff; } @media only screen and (max-width: 1200px) { .mnh-close-icon i { color: #b85455; } } /* USERNAME */ @media only screen and (max-width: 1200px) { .user-profile-dropdown .user-profile-name { color: #fff !important; } } /* USER MENU */ .mobile-user-menu { background: #000; padding-left: 40px; } /* MENU ITEMS */ @media only screen and (max-width: 1200px) { .i-nav ul li a { color: #ddd; } } @media only screen and (max-width: 1200px) { .i-nav ul li a:hover { color: #fff !important; background: #ffffff20; } } /* MENU ITEMS WITH SUB MENU ITEMS */ @media only screen and (max-width: 1200px) { .submenu-toggle:hover { color: #fff !important; background: #ffffff20; } } @media only screen and (max-width: 1200px) { .i-nav ul li a:hover i { color: #fff !important; } } @media only screen and (max-width: 1200px) { .i-nav>ul>li.current-menu-item>a { background: #ffffff20; } } @media only screen and (max-width: 1200px) { .i-nav>ul>li.current-menu-item>a:hover { background: #ffffff20; } } /* BORDER BETWEEN MENU ITEMS */ @media only screen and (max-width: 1200px) { .i-nav ul li { border-bottom: 1px solid #ffffff40; } } /* SUBMENU INDICATOR ICON */ @media only screen and (max-width: 1200px) { .main-menu .submenu-toggle i { color: #ffffff; font-weight: bold; } } /* SUBMENU ITEMS */ .mobile-menu-open .i-dropdown li a { color: #aaa; } @media only screen and (max-width: 1200px) { ul.sub-menu.i-dropdown.shown-menu { padding-left: 10px; background: #ffffff10; border: none; } } /* DIRECT MESSAGES POPUP/MODAL */ .inbox-header { background: #ffffff10 !important; } .inbox-header h4 { color: #ccc; } .message-inbox { background: #000 !important; } .message-inbox p { color: #fff; } .empty-inbox:before { display: none; } .messaging-center .compose-btn { font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .messaging-center .compose-btn:hover { color: #fff; } .messaging-center .compose-btn:after { display: none; } #ml-messages-modal button.close { background: transparent; text-shadow: none; } #ml-messages-modal button.close:before { color: #ffffff70; } /* COMPOSE MESSAGE - SELECT A USER */ .inbox-header .go-back-btn { background: transparent; } .go-back-btn i { color: #b85455; } .go-back-btn i:hover { color: #B85658D9; } .compose-message { background: #000; } /* COMPOSE MESSAGE */ .message-inbox-chat .inbox-header { background: #000 !important; } .inbox-header .inbox-avatar h6 a { color: #fff; } .inbox-actions .block-chat { background: transparent; } a.block-chat i { color: #b85455; } a.block-chat i:hover { color: #B85658D9; } .inbox-actions .delete-chat { background: transparent; } a.delete-chat i { color: #b85455; } a.delete-chat i:hover { color: #B85658D9; } .inbox-actions:before { background: #b85455; } .inbox-chat-contents { background: #000; } .messages-list .avatar-container { color: #fff; } .inbox-chat-contents form textarea { background: #ffffff10; } /* READ MESSAGE */ .inbox-contents ul li { background: #000; } .inbox-contents ul li:hover { background: #ffffff20; } .load-more-msgs { background: transparent; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; font-size: 13px; border-radius: 5px; text-decoration: underline 1px solid #b85455; text-underline-offset: 5px; } .load-more-msgs:hover { color: #f1f1f1; } .inbox-contents .message h6 a { color: #b85455; } .inbox-chat-contents ul li p { color: #fff; background: #ffffff20; } .inbox-contents ul li .message>p { color: #ccc; } .inbox-contents ul li .date-action .date { color: #fff; } .inbox-contents ul li .date-action .action i { color: #b85455; opacity: .7; } /* UNREAD MESSAGES */ .unread-message .message>p { color: #ccc !important; } .unread-message .inbox-avatar img.avatar { border: none; } /* BAN AND/OR DELETE CONVERSATIONS */ .delete-confirm-overlay { background: #000000c4; } .action-controllers p { color: #fff !important; } .delete-confirm-overlay .action-controllers a { color: #aaa; } .delete-confirm-overlay .action-controllers a i { color: #b85455; } /**** HOME PAGE ****/ @media only screen and (max-width: 414px) { .page-id-2 h1 { font-weight: 900 !important; color: #e6e6e6 !important; } } /**** TRANSPARENT BASIC SEARCH FORM ****/ .transparent .fs-tabs ul li a i { font-size: 18px; } .transparent .featured-search.wide .fs-tabs .tab-content { background: #ffffff1f !important; border-radius: 10px; } .md-group label { color: #fff; font-weight: 600; letter-spacing: 2px; } .select2-container--default .select2-selection--single .select2-selection__arrow:before { color: #ffffff60; } .radius .amount { color: #fff; letter-spacing: .5px; } .select2-container--default .select2-selection--single .select2-selection__rendered { border-bottom: solid 1px #ffffff38; color: rgba(255, 255, 255, 0.8); } .page-id-2 input { border-bottom: 1.5px solid #ffffff38; } /** LOCATION SEARCH **/ /* CURSOR BEFORE TEXT INPUT */ input.cts-autocomplete-input { color: rgba(255, 255, 255, 0.8); } /* TEXT INPUT */ .md-group input:required:valid { color: rgba(255, 255, 255, 0.8); } /* LOCATION SEARCH */ .page-id-2 .md-group input:required:valid { color: #ffffff99 !important; } /* LOCATION ICON */ .location-wrapper .material-icons { color: #ffffff80; } /* PROMIMITY SLIDER */ div.slider-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content { background-color: #ffffff38; } /* EVENT DATE PICKER */ .form-group.explore-filter:not(.md-group):not(.form-group-tags):not(.recur-filter) label { color: #fff; font-weight: 600; letter-spacing: 2px; } /* DATE PICKER INPUT TEXT */ .featured-search .form-group .datepicker-wrapper.active input { color: rgba(255, 255, 255, 0.8); } /* RECURRING DATE RESET OPTION ON SEARCH FORMS */ a.recurring-filter-back { color: #fff; } /* ARROW ICON ABOVE THE DATE PICKER */ .daterangepicker:before { border-bottom: 7px solid #000; } .daterangepicker:after { border-bottom: 6px solid #000; } /* BUTTON*/ .featured-search .search { background: #ffffff30; } .featured-search .search:hover { background: brown; } @media (max-width: 768px){ .fs-tabs { margin: 0px 50px 0px 50px; } } @media (max-width: 767px){ .fs-tabs { margin: 0px 20px 0px 20px; } } @media (max-width: 768px){ .featured-search .form-group { width: 100% !important; } } @media (max-width: 767px){ .fs-tabs .tab-content .tab-pane form[method=GET] div:nth-child(1){ flex: 0 0 calc(100% - 18px); } .fs-tabs .tab-content .tab-pane form[method=GET] div:nth-child(2){ flex: 0 0 calc(100% - 18px); } } /**** MYLISTING DASHBOARD / WOOCOMMERCE ENDPOINTS ****/ /** STATS ENDPOINT **/ /* HIDE THE DEFAULT DASHBOARD MENU SINCE WE ARE USING A CUSTOM MEGA MENU AS A REPLACEMENT */ .mlduo-account-menu { display: none; } .mlduo-welcome-message h1 { color: #fff; } .page-id-49 .element .pf-body p { color: #777; } /* FILTER BY LISTING DROPDOWN SEARCH BOX */ .select2-container--default .select2-search--dropdown .select2-search__field { background: #1d1d1d; border-radius: 0px; } .select2-search--dropdown { padding: 0px; } .select2-search--dropdown input { color: #fff !important; } /* TOP ROW OF 4 STAT BOXES */ .mlduo-stat-box i { display: none; } .mlduo-stat-box h2 { font-weight: bold !important; } .mlduo-stat-box h2, .mlduo-stat-box p { font-weight: 600; letter-spacing: .5px; } .mlduo-stat-box.second { transition: .5s ease; } .mlduo-stat-box.second:hover { opacity: .9; } /* REMOVE ALL OHER ICONS */ .page-id-49 .round-icon .title-style-1 i { display: none; } /* ALIGHS HEADINGS AFTER THE ICONS ARE REMOVED */ .page-id-49 .round-icon .title-style-1 h5 { left: 0px; font-size: 18px !important; } /* VIEWS BOXES */ .woocommerce-MyAccount-content .element { background: #ffffff20; border: none; } .animated-bars { background: #b85455; } .animated-bars:before { background: #b85455; } .animated-bars:after { background: #b85455; } .number-stats p span { color: #ccc; } /* VISITS BOX */ .visit-chart-actions>a { color: #aaa; } .visit-chart-actions>a.active { color: #fff; background: #ffffff10; } .visit-chart-actions>a:hover { color: #fff; background: #ffffff10; } #cts-visits-chart .ct-labels foreignObject span.ct-horizontal { color: #777; } .chart-legend ul li { color: #fff; } .ct-area { fill-opacity: .10; } /** LISTINGS ENDPOINT **/ /* LISTING CARDS */ .woocommerce table.job-manager-jobs tr { background: #ffffff20; border: none; } .woocommerce table.job-manager-jobs tr:hover { background: #ffffff25; } /* HIDES THE NAME OF THE ASSOCIATE LISTING TYPE */ .l-type .listing-type .value { display: none; } /* LISTING TITLE */ #job-manager-job-dashboard table td.job_title { color: #ccc; } /* LISTING TITLE AS A LINK */ #job-manager-job-dashboard table td.job_title>a { color: #ccc; transition: box-shadow .35s ease-in-out; padding-left: 2px; padding-right: 2px; box-shadow: inset 0 -0.6em 0 -3px #b8545578; letter-spacing: .5px; } #job-manager-job-dashboard table td.job_title>a:hover { box-shadow: inset 0 -1em 0 #b85455bd; } /* DELETE ICON */ table.job-manager-jobs .job-dashboard-actions a.job-dashboard-action-delete { color: #b85455bd !important; } #job-manager-job-dashboard table ul.job-dashboard-actions li .job-dashboard-action-delete:hover { color: #b85455 !important; } .job-dashboard-actions li a { color: #ffffff50; } .job-dashboard-actions li a:hover { color: #ffffff60; } .job-manager-jobs .label { color: #fff; } td.listing-info>div { color: #ffffff60; opacity: .75; } /* PAGINATION */ nav.job-manager-pagination ul li span.current { background: #b85455; color: #fff; border: none; } a.page-numbers, nav.job-manager-pagination ul li a { background: #ffffff30; color: #fff; border: none; } /* PROMOTE LISTING POPUP/MODAL */ #promo-modal .modal-content { background: #000; border: 1px solid #b8545587 !important; border-radius: 5px; } #promo-modal .title-style-1 span { display: none; } .promo-product-item { border-radius: 5px; border: none; background: #ffffff15; } .promo-product-item:hover { background: #ffffff20; } .promo-item-icon i { border: 1px solid #b85455; background: #00000080; border-radius: 5px; } .promo-item-details h5 { color: #ddd; text-transform: uppercase; font-weight: 700; letter-spacing: .5px; } .promo-item-details span { color: #b85455; font-weight: 700; } .promo-item-details p { color: #aaa; } /** PROMOTION EDUCATION **/ .promo-product-list { padding-bottom: 10px; } /* EDUCATIONAL LINK */ .learn-about-promtions a { color: #fff; transition: box-shadow .35s ease-in-out; padding-left: 2px; padding-right: 2px; box-shadow: inset 0 -0.6em 0 -3px #b85658d9; letter-spacing: 1px; font-size: 14px; margin-top: 10px; } .learn-about-promtions a:hover { box-shadow: inset 0 -1em 0 #b85658d9; color: #fff; } /** PROMOTIONS ENDPOINT **/ .user-promotion-packages .promo-product-list li { background: #ffffff20; } .user-promotion-packages .promo-product-list li:hover { background: #ffffff25; } .user-promotion-packages .promo-package .promo-item-icon i { background: transparent; } .promo-item-details h5 a { font-weight: bold; color: #ccc; letter-spacing: 1px; } .promo-meta a { color: #777; } .promo-meta .product-link { font-weight: bold; } .user-promotion-packages a.promo-item-action.process-promotion { background: #b85455; border-radius: 5px; border: none !important; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } .user-promotion-packages a.promo-item-action.process-promotion:hover { background: #b85658d9; } /** FAVORITES/BOOKMARKS ENDPOINT **/ .bookmark-title>h5 a { color: #ccc; transition: box-shadow .35s ease-in-out; padding-left: 2px; padding-right: 2px; box-shadow: inset 0 -0.6em 0 -3px #b8545578; letter-spacing: .5px; } .bookmark-title>h5 a:hover { color: #ccc; box-shadow: inset 0 -1em 0 #b85455bd; } a.delete-action:before { color: #b85455bd !important; } a.delete-action { color: #b85455bd !important; } span.page-numbers.current { background: #b85455; color: #fff; } .woocommerce-my-bookmarks .pagination>* { padding-top: 5px !important; } /** ORDERS/VIEW ORDERS ENDPOINT **/ .woocommerce-customer-details { font-size: 13px; } /* REMOVES THE BACKGROUND HIGHLIGHT FROM SOME WOOCOMMERCE TEXT */ mark { background: transparent; color: #fff; } h2.woocommerce-order-details__title { letter-spacing: 1px; font-weight: 700 !important; font-size: 13px !important; color: #ccc !important; border-bottom: 1px solid #ffffff30 !important; } .order_details~header h2 { font-size: 13px; border-bottom: 1px solid #ffffff30; font-weight: 700; color: #ccc; letter-spacing: 1px; text-transform: uppercase; } .woocommerce table.shop_table tfoot th { border-top: 1px solid #ffffff15; } /* BILLING ADDRESS */ h2.woocommerce-column__title { letter-spacing: 1px; font-weight: 700; color: #ccc; text-transform: uppercase; border-bottom: 1px solid #ffffff30; } /* REMOVE THE PHONE NUMBER */ .woocommerce-customer-details--phone { display: none; } /* REMOVE THE EMAIL ADDRESS ICON */ .woocommerce-customer-details--email:before { display: none; } /* EMAIL ADDRESS */ .woocommerce-customer-details--email { padding-left: 0 !important; font-style: italic; color: #aaa !important; } /* WOOCOMMERCE SUBSCRIPTIONS ENDPOINT */ .subscription_details~h2 { color: #fff; } .woocommerce_account_subscriptions .woocommerce-info { background: #ffffff10; color: #fff !important; } .woocommerce div.product div.summary { border: none; background: #ffffff20; } .woocommerce div.product .product_title { color: #fff; font-weight: 600 !important; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #ccc; } .woocommerce div.product p.price .woocommerce-Price-amount { color: #b85455; } /* SUBSCRIPTION SWITCHING */ .woocommerce-grouped-product-list { color: #fff !important; } .woocommerce-grouped-product-list-item.product-type-job_package_subscription td label { font-size: 16px; overflow: visible; } .woocommerce-grouped-product-list-item.product-type-job_package_subscription { color: #fff; font-weight: 600; font-size: 13px; background: #ffffff10; border: none; } .woocommerce-grouped-product-list-item.product-type-job_package_subscription:hover { background: #ffffff15; } /* SUBSCRIPTION SWITCHING FIX - REMOVES THE 'READ MORE' BUTTON THAT APPEARS OVER THE CURRENT PLAN */ .woocommerce div.product form.cart .group_table td:first-child { display: none; } .woocommerce-message .button { border-bottom: 2px solid #b85455 !important; color: #fff !important; } .woocommerce-message .button:hover { color: #eee !important; } /* ACCOUNT DETAILS ENDPOINT */ .woocommerce-EditAccountForm legend { letter-spacing: 1px; color: #ccc; text-transform: uppercase; border: none; } .review-gallery-add { background: #ffffff10 !important; } .edit-account .file-upload-field .job-manager-uploaded-file img { background: #202020 !important; } .woocommerce-Address-title>h3 { letter-spacing: 1px; font-weight: 700; font-size: 13px !important; color: #ccc; text-transform: uppercase; border-bottom: 1px solid #ffffff30 !important; } /* ADDRESS EDIT BUTTONS */ .woocommerce-account .addresses .title a.edit { text-transform: uppercase; letter-spacing: 2px; font-weight: 700 !important; color: #fff !important; background: #b85455 !important; } .woocommerce-account .addresses .title a.edit:hover { background: #b85658d9 !important; } /** ADD PAYMENT METHOD ENDPOINT **/ #add_payment_method #payment ul.payment_methods { background: #202020; } .payment_method_stripe label { color: #ccc; } /* REMOVES THE CREDIT CARD ICONS FROM PAYMENT METHODS */ #add_payment_method #payment ul.payment_methods li img { display: none; } #add_payment_method #payment div.payment_box { background: #202020; } #add_payment_method #payment div.payment_box:before { display: none; } .wc-stripe-elements-field, .wc-stripe-iban-element-field { background-color: #ffffff20; border: none; border-radius: 5px; } #add_payment_method #payment div.form-row { background: #202020; } #add_payment_method #payment ul.payment_methods { border: none; } /* FIXES RADIO AND CHECKBOX ALIGNMENT ISSUES */ #add_payment_method #payment ul.payment_methods li input { margin: -10px 1em 0 0; } /** CHANGE PAYMENT AREA **/ /* REMOVES THE CREDIT CARD ICONS */ .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon { display: none; } /* BACKGROUND */ .woocommerce-checkout #payment { background: #ffffff20; } .woocommerce-checkout #payment div.payment_box { background: #ffffff05; } .woocommerce-checkout #payment div.payment_box:before { display: none; } .payment_box p { color: #ccc !important; } .woocommerce-checkout #payment ul.payment_methods { border: none; } /* ADDRESSES */ address { color: #aaa; } /* CONNNECTED ACCOUNTS */ .cts-account-header { color: #ccc; } /** ADD/EDIT ADDRESS ENDPOINT **/ .woocommerce .woocommerce-MyAccount-content form>h3 { border-bottom: 1px solid #ffffff30; text-transform: uppercase; color: #ccc !important; letter-spacing: 1px; font-weight: 700 !important; } .woocommerce form .form-row label { color: #fff; font-weight: bold; } .woocommerce form .form-row input { color: #ccc; } /* WOOCOMMERCE PRODUCT VENDORS - SOLD BY */ .wcpv-sold-by-single { color: #ccc; } .product_meta span.posted_in>a { border-radius: 5px; border: none; background: #ffffff10; } .product_meta span.posted_in>a:hover { color: #B85455; background: #ffffff15; } /** WOOCOMMERCE GENERAL **/ .woocommerce form .form-row .required { color: #b85455; } a.restore-item { color: #b85455 !important; } a.restore-item:hover { color: #B85658D9 !important; } .woocommerce-checkout .woocommerce-info { max-width: 100%; margin-top: 20px; } /* WOOCOMMERCE TABLES */ .woocommerce table.shop_table th { font-weight: 700 !important; color: #ccc; letter-spacing: 1px; text-transform: uppercase; } .woocommerce table.shop_table td { color: #aaa; } /* FIXES BUTTON ALIGNMENTS ON MYLISTING WEBSITES */ .woocommerce a.button { margin: 0px 10px 0px 0px; } /* WOOCOMMERCE BUTTONS */ .woocommerce button.button.alt { background-color: #b85455; font-size: 13px; } .woocommerce button.button.alt:hover { background-color: #b85658d9; } .woocommerce input.button.alt { background-color: #b85455; font-size: 13px; } .woocommerce input.button.alt:hover { background-color: #b85658d9; } .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper~p button[type=submit] { font-weight: 700; } /**** WOOCOMMERCE CART PAGE ****/ p.cart-empty.woocommerce-info { padding: 10px; } p.cart-empty.woocommerce-info:before { display: none; } p.return-to-shop a.button.wc-backward { margin: 0; } /** BOX ON LEFT HAND SIDE (DESKTOP) OR ON TOP (MOBILE) **/ .woocommerce-cart .element .pf-head { display: none; } .woocommerce-cart .element { background: #ffffff15; border: none; } .woocommerce table.shop_table td.actions { background: transparent !important; border-top: 1px solid #ffffff25; } @media only screen and (max-width: 768px) { .woocommerce table.shop_table tr { background: #ffffff10 !important; border: none !important; padding: 20px !important; } } @media only screen and (max-width: 768px) { .woocommerce-cart .element .pf-body .woocommerce-cart-form table.shop_table tbody tr.cart_item td { background: transparent !important; } } .woocommerce-cart .element .pf-body .woocommerce-cart-form table.shop_table tbody tr.cart_item td a.remove { color: #ffffff80 !important; border: none; } .woocommerce-cart .element .pf-body .woocommerce-cart-form table.shop_table tbody tr.cart_item td a.remove:hover { background: transparent !important; color: #b85455 !important; } /* FIXES ALIGNMENT AND DESIGN ISSUES WHEN DISPLAYING NON-MYLISTING PRODUCTS */ @media only screen and (min-width: 1024px) { .woocommerce-cart table.cart input { color: #aaa; font-size: 13px; font-weight: 400; background: #ffffff10; border: none; } } @media only screen and (max-width: 768px) { .shop_table_responsive .product-quantity .quantity .qty { border: none; width: 10px !important; font-size: 13px !important; } } @media only screen and (max-width: 768px) { .shop_table_responsive .product-quantity .quantity { justify-content: flex-end; } } /* COUPONS */ .woocommerce table.shop_table td.actions .coupon input.input-text { border-bottom-color: #ffffff25; color: #ccc; font-size: 13px !important; } .woocommerce table.shop_table td.actions .coupon button { background: #ffffff20 !important; color: #ccc !important;; font-weight: 700 !important; } .woocommerce table.shop_table td.actions .coupon button:hover { background: #ffffff25 !important; } .woocommerce button.button:disabled { background: #ffffff25 !important; color: #fff !important; font-weight: 700 !important; } /** BOX ON RIGHT HAND SIDE (DESKTOP) OR ON BOTTOM (MOBILE) **/ .woocommerce-cart .element .pf-body .cart-collaterals { background: #ffffff15; } .woocommerce-cart .element .pf-body .cart-collaterals .cart_totals h2 { font-weight: 700; letter-spacing: 1px; } .cart-collaterals ul.products li.product a.button { background: transparent !important; } /* HEADER CART POPUP/MODAL */ #wc-cart-modal .modal-content { background: #000; } #wc-cart-modal span.quantity { color: #fff; } .elementor-menu-cart__product-remove { border: none; } .elementor-menu-cart__product { border-bottom: 1px solid #ffffff30 !important; } .elementor-menu-cart__products { border-bottom: 1px solid #ffffff30 !important; } .elementor-menu-cart__subtotal { border: none; color: #fff; } .elementor-menu-cart__footer-buttons .elementor-button { border-radius: 5px; } .elementor-menu-cart__footer-buttons .elementor-button:hover { color: #fff; } .elementor-menu-cart__footer-buttons .elementor-button:first-child { background: #ffffff25; } .elementor-menu-cart__footer-buttons .elementor-button:first-child:hover { background: #ffffff20; } .elementor-menu-cart__footer-buttons .elementor-button:hover { background: #b85658d9; } /**** WOOCOMMERCE CHECKOUT PAGE ****/ .woocommerce form.checkout_coupon { border-radius: 5px; background: #ffffff30; color: #fff; } .woocommerce form.checkout_coupon { padding: 0px 20px 20px 20px; } .woocommerce form.checkout_coupon p { line-height: 10px; } .woocommerce form .form-row input.input-text { border-bottom: 1px solid #ffffff30; background: #ffffff08; margin-top: 5px; padding-left: 5px; } .checkout_coupon .form-row-last button.button { font-weight: 700; } /* LEFT BOX ON DESKTOP AND TOP BOX ON MOBILE */ .woocommerce form.checkout.woocommerce-checkout .woocommerce-billing-fields>h3 { display: none; } .ts-billing-details { background: #ffffff15; border: none; } /* RIGHT BOXES ON DESKTOP AND BOTTOM BOXES ON MOBILE */ .woocommerce form.checkout #order_review_heading { display: none; } .woocommerce form.checkout #order_review table.woocommerce-checkout-review-order-table { background: #ffffff25; } .woocommerce form.checkout #order_review table.woocommerce-checkout-review-order-table * { background: transparent !important; } .woocommerce .woocommerce-checkout .woocommerce-checkout-payment#payment { background: #ffffff15; } #payment.woocommerce-checkout-payment ul.wc_payment_methods .wc_payment_method div.payment_box { background: #ffffff10 !important; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { font-weight: 700; } /** CHECKOUT SUMMARY **/ /* ADDED THE 'MLCHECKOUT' CSS CLASS TO THE CHECKOUT PAGE ELEMENTOR WIDGET TO FIX SOME MYLISTING STYLING ISSUES */ .mlcheckout .element { background: #ffffff10; color: #fff; border: none; } .woocommerce ul.order_details li strong { color: #777; } /**** PRICING TABLES ****/ .section-title h2 { color: #fff; } @media only screen and (max-width: 1200px) { .section-title h2 { font-size: 26px; } } @media only screen and (max-width: 768px) { .section-title h2 { padding-bottom: 20px; } } .pricing-item .plan-name { margin-bottom: -30px; } .pricing-item .plan-price span.woocommerce-Price-amount { font-weight: 800; } /** FREE PACKAGE **/ /* HIDES THE '/MONTH' FROM THE FREE PACKAGE */ div.pricing-item:first-child span.subscription-details { display: none; } .pricing-item .plan-price span { font-weight: 800; } .pricing-item span.subscription-details { color: #ffffff50 !important; display: inline; } .pricing-item { color: #fff; background: #ffffff15; border: none; } .pricing-item .fa.fa-check { color: #b85455 !important; } .pricing-item .fa.fa-info-circle { color: #ffffff50 !important; } .package-available>.use-package-toggle { color: #b85455; } .package-available>.use-package-toggle { color: #fff; } .package-available>.use-package-toggle:hover { color: #f2f2f2; } /* YOUR ALREADY OWN THIS PACKAGE */ .use-package-toggle.dropdown-toggle { color: #fff !important; background: #ffffff10 !important; border-radius: 5px; padding: 8px 25px; } .package-available .dropdown-menu { border: none; background: #000; } .checkbox-plan-list .checkbox-plan-desc { color: #ffffff90; } .checkbox-plan-list>li:last-child>a { background: #b85455; } .checkbox-plan-list>li:last-child>a:hover { opacity: .9; } @media only screen and (min-width: 736px) and (max-width: 992px) { .job_listing_packages>.row>div.col-md-3, .job_listing_packages>.row>div.col-md-4 { width: 70%; margin: 0px 50px 40px 110px; } } @media only screen and (max-width: 415px) { .job_listing_packages>.row>div.col-md-3, .job_listing_packages>.row>div.col-md-4 { margin: 0px 30px 40px 30px; } } @media only screen and (max-width: 736px) { .pricing-item { background: #ffffff20; } } /* PRICING PLANS MARKED 'FEATURED' WITHIN THE LISTING TYPE SETTINGS */ .featured-plan-badge { border-bottom: 60px solid transparent; border-left: 60px solid #ffffff30; border-radius: 5px 0px 60px 0px; } .featured-plan-badge span { top: 15px; left: -45px; } /* REPLACES THE FEATURED PRICING PLAN ICON WITH A CUSTOM IMAGE AND THIS ALSO IMPACTS FEATURED/PROMOTED BADGES */ .icon-flash { content: url("https://starter4.mylisting.club/wp-content/uploads/2021/05/mylisting-club-basecamp-featured-package-icon.png"); } /* PURCHASE DISABLED MESSAGE */ .purchase-disabled { color: #eee; background: #ffffff10; border-radius: 5px; padding: 12px; font-weight: 700; } /**** NOM-MYLISTING PRICING PAGE ****/ .pricing-item .plan-name { color: #fff !important; } /* REMOVE THE DEFAUL MYLISTING 'SELECT PLAN' BUTTONS */ .page-id-852 a.buttons { display: none; } /* FIXES THE LACK OF SPACE ABOVE THE 3RD PRICING ITEM ON MOBILE */ @media only screen and (max-width: 1200px) { .page-id-852 div.col-md-4.col-sm-6.col-xs-12 { margin-top: 15px !important; } } /**** EXPLORE PAGE ****/ /* HEADING */ .finder-search .finder-title h2 { color: #b85455; font-size: 26px; font-weight: 600 !important; letter-spacing: 1px; } /* SUBHEADING */ .finder-title p { color: #999; } /* ADVANCED SEARCH TABS */ .finder-tabs .nav-tabs { border-bottom: 2px solid #b854554f; letter-spacing: 1px; justify-content: center; } .finder-tabs .nav>li>a i { color: #999; } .finder-tabs .nav>li>a:hover i { color: #b85455; } .finder-tabs .nav-tabs>li>a { padding: 10px 25px 10px 25px; background: #ffffff10; border-radius: 5px 5px 0px 0px; transition: .2s ease-in-out; margin-left: 3px; color: #f9f9f9; } .finder-tabs .nav-tabs>li>a:hover { color: #fff; background: #000; } .finder-tabs .nav-tabs>li.active>a { color: #fff; background: #000; border-radius: 5px 5px 0px 0px; margin-right: 3px; } /** FILTERS TAB **/ /* ALL SEARCH LABELS EXCEPT TAGS AND REGIONS (I.E. HIERARCHY SEARCH) */ .md-group select:required~label { letter-spacing: 2px; } /* LISTING TYPE DROPDOWN */ .finder-search .select2-container--default .select2-selection--single .select2-selection__rendered { color: #b85455 !important; border-bottom: 1px solid #b854554f !important; } /* DROPDOWN CONTAINER */ ul.select2-results__options { background: #000 !important; } span.select2-dropdown.select2-dropdown--below { border: none !important; } /* DROPDOWN RESULTS*/ .select2-results__options li { background: #000 !important; color: #fff !important; border-bottom: 1px solid #ffffff30; } /* CATEGORIES SELECTOR */ .select2-container--default .select2-selection--multiple { color: #ffffff99 !important; border-bottom: 1px solid #b854554f; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before { color: #b85455; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { background-color: #ffffff10 !important; color: #fff; } /* CHECKBOXES */ .checkboxes-filter>label { color: #fff; font-weight: 600 !important; letter-spacing: 2px; } @media only screen and (min-width: 1200px) { .tags-nav>li { width: 50%; } } @media (min-width: 767px) and (max-width: 1200px) { .form-group-tags .tags-nav>li { width: 25% !important; } } @media only screen and (max-width: 480px) { .tags-nav>li { width: 50% !important; } } .tags-nav li .md-checkbox label { font-size: 13px; color: #ddd; } .tags-nav li .md-checkbox label:before { background: transparent; border: 1px dashed #b85455; } /* REGION (I.E. HIERARCHY SEARCH) SEARCH LABEL*/ .cts-term-hierarchy.form-group label { letter-spacing: 2px; } /* REGION DROPDOWN */ .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #fff; } /* LOCATION SEARCH */ .page-id-54 div.suggestion { background: #000; color: #ddd !important; border: none !important; } .page-id-54 div.suggestion:hover { background: #000 !important; color: #fff !important; } .page-id-54 div.suggestions-list { border: none !important; } /* ORDER BY DROPNDOWN */ span.select2-dropdown { border: none !important; } /* SEARCH BUTTON AND RESET FILTERS AREA */ .form-group.fc-search { background: #000; } div.form-group.fc-search:before { background: #000; } a.reset-results-27 { opacity: 1 !important; letter-spacing: .5px; font-size: 13px; } a.reset-results-27:hover { color: #b85455de; } /** CATEGORY CARDS **/ .listing-cat a:hover .overlay { opacity: 0.5 !important; } .finder-search .listing-cat:hover { transform: translateX(5px) !important; } /** LISTING PREVIEW CARD AREA **/ /* BACK AND PREVIOUS ARROWS */ .batch-unavailable { opacity: 1; } /* REMOVES THE BAR THAT SCROLLS WHEN YOU SCROLL THE LISTINGS */ .page-id-54 .min-scroll::-webkit-scrollbar { display: none; } /* REMOVES THE WHITE BORDERS */ .finder-listings { border-right: none; } .finder-search { border-right: none; } /* LISTING RESULTS SHOWN */ .fl-results-no span b { color: #b85455 !important; } .fl-results-no span { color: #999 !important; } /** MAP **/ /* CLUSTER ICON BORDER */ div.cts-marker-cluster.mapboxgl-marker.mapboxgl-marker-anchor-center { border: none; } /* MARKER CLUSTER POPUP */ .marker-cluster-popup { background: transparent !important; max-height: fit-content; } .mapboxgl-popup-content { background: transparent !important; } .marker-cluster-popup div.listing-details.actions.c27-footer-section{ background: #000; } /* MAP LOCATOR */ #explore-map-location-ctrl i { font-size: 18px; } #explore-map-location-ctrl { background: #b85455a6; } /** CATEGORIES TAB **/ .lc-info h4 { color: #b85455; font-weight: 600 !important; } .finder-search .listing-cat .overlay { opacity: .6; } .active-taxonomy-container.no-bg .cat-icon { float: right; } .active-taxonomy-container.no-bg h1.category-name { text-align: left; color: #b85455; } .active-taxonomy-container .category-description { color: #fff; } .active-taxonomy-container h1.category-name { color: #b85455; } /* BACK BUTTON */ a.taxonomy-back-btn { background: #ffffff35; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; } /** MOBILE DESIGN **/ @media only screen and (max-width: 1200px) { .explore-mobile-nav .nav-tabs li a { letter-spacing: 2px; } } /** SEARCH AND FILTER BAR **/ .mobile-explore-head-top { background: #1f1f1f; border: none; } /* SEARCH */ .explore-head-search>i { color: #b85455; } .explore-head-search ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); letter-spacing: 1px; } .explore-head-search ::-moz-placeholder { color: rgba(255, 255, 255, 0.7); letter-spacing: 1px; } .explore-head-search :-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); letter-spacing: 1px; } .explore-head-search :-moz-placeholder { color: rgba(255, 255, 255, 0.7); letter-spacing: 1px; } .explore-head-search input { color: #fff; font-size: 14px; } /* FILTER */ .explore-head-top-filters a i { color: #b85455; } .explore-head-top-filters a { background: #1f1f1f; color: rgba(255, 255, 255, 0.7) !important; letter-spacing: 1px; font-weight: 400; } .explore-head-top-filters a:hover { color: #f1f1f1; } .explore-head-top-filters { font-size: 14px; } /* MAP AND LIST VIEW BUTTONS */ .explore-mobile-nav .nav-tabs li a { background: #b85455bf; color: #fff; } .explore-mobile-nav .nav-tabs li a i { color: #ffffff90; } @media only screen and (max-width: 1200px) { a.reset-results-27 { background: transparent; color: #b85455; } } a.close-filters-27 { background: transparent; } @media only screen and (max-width: 1200px) { a.close-filters-27 i { color: #fff; text-shadow: none; font-weight: 500; } } /** EVENT LISTING TYPE - EVENT SCHEDULE **/ /* EVENT SCHEDULE LABEL */ .recur-filter>label { letter-spacing: 2px; font-weight: 600; color: #fff; } .range-list a { background: #ffffff20; color: #ffffff99; font-size: 13px; font-weight: 600; } .range-list a:hover { background: #b85455; color: #fff; } /* PICK A DATE CALENDAR ICONS */ #finderSearch .datepicker-wrapper:before { color: #b85455; } /* PICK A DATE TEXT */ #finderSearch .datepicker-wrapper input, .search-filters .datepicker-wrapper input { color: rgba(255, 255, 255, 0.8); } .daterangepicker .calendar-table td, .daterangepicker .calendar-table th { background: #000; } .daterangepicker .calendar-table { background: #000; } .daterangepicker.ltr .drp-calendar.left { background: #000; } .daterangepicker { border: none; } .daterangepicker select { background: #202020; color: #fff; border-radius: 5px; border: none; } /* ARROW ICON ABOVE THE DATE PICKER */ .daterangepicker:before { border-bottom: 7px solid #000; } .daterangepicker:after { border-bottom: 6px solid #000; } /* NEXT AND PREVIOUS ARROWS */ .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border: solid rgba(255, 255, 255, 0.8); border-width: 0 2px 2px 0; } .daterangepicker .calendar-table .next span:hover, .daterangepicker .calendar-table .prev span:hover { border: solid #b85455; border-width: 0 2px 2px 0; } .daterangepicker th.available:hover { background-color: #ffffff20; } .daterangepicker td.available:hover { background: #ffffff20; color: #fff; } /**** PREVIEW CARDS */ .lf-item-container { box-shadow: none; } .lf-avatar { background-color: transparent; } .listing-preview .c27-footer-section { border-top: none; } .listing-preview .listing-details.actions { height: 30px; background: #ffffff10; } .ld-info ul li a { background: transparent; } .ld-info ul li i { color: #b85455; } .listing-preview .listing-details .c27-bookmark-button.bookmarked { background: transparent !important; } .listing-preview .listing-details .c27-bookmark-button.bookmarked i:before { content: "\e87d"; color: #b85455; } /* PROMOTED LISTING BADGE */ .level-promoted .ad-badge { border: 1px dashed #b85455; background: #00000080; } /* PROMOTED LISTING BADGE */ .level-featured .ad-badge { border: 1px dashed #b85455; background: #ffffff20; } /* SHOWS THE QUICK VIEW ICON ON SMALLER DEVICES */ @media only screen and (max-width : 768px) { .quick-view-modal.in, .item-preview { display: flex !important; } .quick-view-modal.in>.container { width: 100%; } } /* QUICK VIEW */ .quick-view-modal .lf-item-container { border-radius: 0px; } .quick-view-modal .grid-item .element { background: #000000db; border-radius: 0px; } .quick-view-modal { color: #fff; } .quick-view-modal h5 { display: none; } .min-scroll { background: #101010 !important; } .min-scroll::-webkit-scrollbar { background: #b85455b3; } .quick-view-modal .modal-content .listing-preview { background: #101010; } .quick-view-modal .title-style-1 i { display: none; } /* FIXES ISSUE WHERE QUICK VIEW COLUMNS ARE CUT OFF ON SMALLER DEVICES */ @media only screen and (max-width : 736px) { .quick-view-modal .modal-content .mc-left { width: 100%; } } @media only screen and (max-width : 736px) { .quick-view-modal .modal-content .mc-right { width: 100%; } } /* BADGES */ .ad-badge { border-color: #b85455; } .ad-badge:hover { border-color: #b85455; background: #ffffff20; } /* FOOTER */ .listing-preview .c27-footer-section { background: #ffffff10; } .lf-item-container .listing-details .cat-icon i { color: #b85455 !important; } .listing-details .category-name { color: #eee !important; } /* LISTING FEED NAVIGATION */ .lf-nav li a { background: #ffffff20; color: #b85455; } .lf-nav li a:hover { background: #ffffff25; color: #b85658d9; } .no-info-fields .lf-item-default .lf-item-info { align-items: inherit !important; } /**** SINGLE LISTINGS ****/ /* GALLERY COVER - NAV */ .header-gallery-carousel.owl-carousel .owl-nav.disabled { display: block; } .header-gallery-carousel.owl-carousel .owl-nav>div { opacity: 1; visibility: visible; display: block; } .header-gallery-carousel.owl-carousel .owl-nav>div.owl-prev { left: 20px; } .header-gallery-carousel.owl-carousel .owl-nav>div.owl-next { right: 20px; } /* TITLE TAGLINE */ .listing-main-info { bottom: 110px; } /* EDIT LISTIING */ .profile-name .edit-listing i { color: #eee; border: 1px dashed #eee; } /* CALL TO ACTION BUTTONS */ .lmb-calltoaction>a { background: linear-gradient(90deg, rgba(255,255,255,0.15) 35%, rgba(255,255,255,.35) 100%); } .lmb-calltoaction>a>i { color: #b85455; font-weight: bold; } /* PROFILE MENU */ .profile-header { background-color: #ffffff10; border-bottom: none; margin-top: -63px; z-index: 99; } /* PROFILE MENU TEXT */ .profile-header .profile-menu ul li a { letter-spacing: 2px; text-transform: uppercase; color: #fff; } /* PROFILE MENU COUNTERS */ .items-counter { border: 1px solid #b85455; border-radius: 5px; padding: 0px 0px 0px 1px; color: #fff; background: #b85455; } /* QUICK ACTIONS */ .quick-listing-actions>ul>li>a>i { color: #b85455; } .quick-listing-actions>ul>li>a span { color: #fff; } .quick-listing-actions>ul>li>a span:hover { color: #f1f1f1; } .quick-listing-actions>ul>li>a>i:hover { color: #b85455db; } .quick-listing-actions>ul>li>a { border-radius: 5px !important; border: none; transition: .3s ease !important; } .quick-listing-actions>ul>li>a:hover { margin-top: -5px; } /* QUICK ACTION - REPORT */ .modal-27.in .modal-dialog>div { border: none; } #report-listing-modal .sign-in-box { background: #000000d6; border: none; } .modal-dialog textarea { color: #fff !important } /** BLOCKS **/ .single-job-listing .element { background: #ffffff10; border: none; } .title-style-1 h5 { font-size: 18px; font-weight: bold; color: #ffffff; letter-spacing: 2px; text-transform: uppercase; } .center-block-heading .title-style-1 h5 { float: none; text-align: center; font-size: 18px !important; } .extra-details .item-attr { color: #fff; font-weight: bold; letter-spacing: 1px; } .extra-details .item-property { color: #fff; } /* BLOCK - LINK TEXT */ .details-list li a span { color: #fff; } /* BLOCK ICONS */ .cat-icon { background: transparent !important; } .details-list li i { background: transparent; color: #b85455; } .outlined-list.details-list .term-icon.image-icon { background: transparent; } /* ICON COLOR WHEN HOVER OVER THE LINK TEXT*/ .details-list.social-nav li a:hover i { background: transparent !important; color: #b85455 !important; } /* CATEGORY BLOCK */ .listing-details .category-name { color: #fff; font-weight: 600; letter-spacing: .5px; } #category-block .element .pf-body { padding: 0px 0px 10px 0px; } #category-block .element .pf-body>.listing-details ul { background: #eeeeee1f; border-radius: 5px 10px 0px 5px; } #category-block .element .pf-body>.listing-details ul li a { background: #b85455; border-radius: 5px 10px 0px 5px; margin: 0px 10px 0px 0px; } #category-block .listing-details li { min-width: 44%; } /* COUNTDOWN BLOCK */ .countdown-box .countdown-list li p { font-weight: 400 !important; color: #b85455; background: #101010; } .countdown-box { background: #101010 !important; } /* MAP BLOCK */ .map-block-address a { background: #b85455; color: #fff !important; } .map-block-address a:hover { background: rgba(184, 86, 88, 0.85); color: #fff !important; } .mapboxgl-ctrl-group { background: #ffffff40; } .mapboxgl-ctrl-group button+button { border-top: none; } a.mapboxgl-ctrl-logo { opacity: .4; } /* TABLE BLOCK - PHONE NUMBER */ .tab-content .element .pf-body a[href*="tel:"] { color: #b85455; } /* GALLERY BLOCK - CAROUSEL WITH IMAGE PREVIEW */ .gallery-nav li i { color: #b85455; background: #ffffff20; border-radius: 5px; } .gallery-nav li i:hover { background: #ffffff30 !important; } /* GALLERY BLOCK - GRID VIEW */ .gallery-grid-block .gallery-grid a { outline: 4px solid #000; } .gallery-grid-block .gallery-grid a:hover { outline: 4px solid #000; } .gallery-grid-block .gallery-grid a:after { display: none; } .gallery-grid-block .gallery-grid a:focus { outline: none; } /* SIMILAR LISTINGS */ .single-listing .section-title h2 { color: #fff; } /* DESCRIPTION BLOCK - TOP PADDING FIX */ #description-block .element .pf-body { padding-top: 0px; } /* HOURS BLOCK */ div.timing-today { color: #fff; } .open { color: #b85455; } .closed { color: #fff; } .work-hours-status.closing { color: #b85455; } .open-now .timing-today .expand_more { background: #ffffff10; } /* STORE */ .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #fff; font-size: 18px; font-weight: bold !important; letter-spacing: 1px; } .woocommerce ul.products li.product .price { color: #fff; } .wcpv-sold-by-loop { color: #aaa; } ul.products li.product a.button { color: #fff; background: #000 !important; } ul.products li.product a.button.add_to_cart_button:before { color: #b85455; } /* REVIEWS */ .no-results-icon { content: url("https://starter4.mylisting.club/wp-content/uploads/2021/04/mylisting-club-basecamp-no-results.png"); } .no-results-wrapper li.no_job_listings_found { color: #fff; } .single-listing .title-style-1 i { color: #b85455; } .form-group-review-ratings label i { color: #b85455; } .rating-category-label { color: #ddd; } /* IMAGE UPLOAD WIDGET - SUBMIT FORM AND WOOCOMMERCE EDIT ACCOUNT ENDPOINT */ .single-listing .review-gallery-add { color: #b85455; background: #ffffff10; } .single-listing .review-gallery-add:hover { background: #ffffff15; } .review-gallery-label { color: #ddd; } .sidebar-comment-form label { color: #ddd; padding-bottom: 10px; font-weight: 400; } .sidebar-comment-form textarea { color: #aaa; } .comment-body p { color: #fff; } /* SHARE OPTIONS */ .social-share-modal .share-options { letter-spacing: 0.7px; box-shadow: none; } #social-share-modal .share-options li a i { background: #ffffff10 !important; border-radius: 10%; color: #b85455; } #social-share-modal a { color: #aaa; font-size: 16px; } ul.share-options { display: contents !important; } .social-share-modal .share-options li { width: 15%; } #social-share-modal li { background: #ffffff20; padding-top: 50px; padding-bottom: 40px; border-radius: 5px; margin-right: 10px; } #social-share-modal li:hover { background: #ffffff30; } #social-share-modal{ background: #000000db; } @media only screen and (max-width: 1024px) { #social-share-modal .share-options li { width: 15%; } } @media only screen and (max-width: 767px) { #social-share-modal .share-options li { width: auto; } } @media only screen and (max-width: 767px) { #social-share-modal .share-options { box-shadow: none; } } @media only screen and (max-width: 767px) { ul.share-options { display:block !important; width: 100%; background: transparent !important; } } @media only screen and (max-width: 767px) { #social-share-modal li { margin: 10px 30px 0px 30px; padding-top: 30px; padding-bottom: 20px; } } /* LISTING NOTIFICATIONS (i.e. WOOCOMMERCE MESSAGES) */ .listing-notifications .woocommerce-message { background: #ffffff30; border: none !important; color: #fff; } .listing-notifications .woocommerce-message .button { color: #fff; } /* REVIEW COMMENTS */ .comment-container { background: #ffffff15; border: none; } .single-comment .listing-rating i { color: #b85455; } .mi.chat_bubble_outline:before { color: #b85455; } .comment-head h5 { font-size: 16px; font-weight: 600 !important; color: #fff; } .rating-categories .clasificacion { color: #b85455; } /** MOBILE DESIGN **/ /* MORE MENU ITEMS INDICATOR */ .cts-next.cts-show, .cts-prev.cts-show { opacity: 0.4; } /* COVER AREA */ @media screen and (max-width: 1200px) { .listing-main-info { background: #000; } } /* ENSURES THE COVER BUTTONS SHOW ON MOBILE */ @media only screen and (max-width: 1200px) { .listing-main-buttons>ul>li { z-index: 99; color: #fff; } } @media screen and (max-width: 1200px) { .main-info-mobile { z-index: 99; margin-top: -125px; padding-bottom: 63px; } } @media screen and (max-width: 768px) { .main-info-mobile { margin-top: -113px; } } @media screen and (max-width: 1200px) { .single-listing .case27-primary-text { z-index: 12; color: #fff !important; font-family: "WinnerSansBold", Sans-serif; font-size: 26px; } } @media screen and (max-width: 1200px) { .profile-name .pa-below-title { color: #fff; z-index: 12; } } @media screen and (max-width: 1200px) { .listing-main-info .profile-name h2 { color: #fff; } } /* TABS */ @media screen and (max-width: 1200px) { .profile-header .profile-menu { z-index: 999; } } @media screen and (max-width: 666px) { .listing-main-info .profile-name { margin-top: -30px; } } @media only screen and (max-width: 992px) { .profile-header .profile-menu ul li a { padding-top: 10px; } } /* EATS AND DRINKS MENU BLOCK */ #foodmenu .gallery-carousel-block.carousel-items-1 .item { height: 764px; } /* BOOKING FORM */ .bookingclass div.element.content-block { background: #303030; } #booking .pf-body iframe { border: none !important; } /* LISTING NOTIFICATIONS */ .listing-notifications .woocommerce-message .button { background: transparent !important; } /**** ADD LISTING FORM ****/ /* DISABLE ANIMATION BETWEEN SECTIONS */ #submit-job-form .form-section { opacity: 1; transform: none; } /** SIDE NAVIGATION **/ /* NAVIGATION BACKGROUND */ .add-listing-nav>ul { border-radius: 0px 5px 5px 0px; background: #ffffff15; } /* NAVIGATION LINK TEXT */ .add-listing-nav a { font-size: 16px; color: #aaa; } /* NAVIGATION LINK TEXT ON HOVER */ .add-listing-nav a:hover { color: #fff; } /* NAVIGATION LINK DOT ICONS */ .add-listing-nav a i>span { background: #B85658D9; } /* NAVIGATION LINK DOT ICON BACKGROUND ON HOVER*/ .add-listing-nav li i { background: #ffffff15; } /* NAVIGATION ACTIVE LINK DOT ICON BACKGROUND ON HOVER*/ .add-listing-nav a:hover i { background: #ffffff35; } /* NAVIGATION LINK DOT ICONS ON LINK TEXT HOVER */ .add-listing-nav li a:hover i>span { background: #b85455 !important; } /* NAVIGATION ACTIVE LINK TEXT */ .add-listing-nav li.active a { color: #fff; } /* NAVIATION ACTIVE LINK DOT ICON BACKGROUND */ .add-listing-nav li.active i { background: #ffffff20; } /* NAVIGATION ACTIVE LINK DOT ICON BACKGROUND ON HOVER*/ .add-listing-nav li.active a:hover i { background: #ffffff35; } /* NAVIGATION ACTIVE LINK DOT ICON */ .add-listing-nav li.active a i>span { background: #b85455 !important; } /* FORM BACKGROUND */ #submit-job-form .form-section { background: #ffffff10; border: none; } .section-title h2 { font-weight: 700 !important; letter-spacing: 1px; } /* HIDE GENERAL SECTION */ #form-section-general { display: none; } #form-section-general-nav { display: none; } /* ICONS */ .round-icon .title-style-1 i { background: #ffffff20; color: #b85455; } #submit-job-form label { color: #fff; } /* DESCRIPTION TEXT */ #submit-job-form .small, #submit-job-form small { font-style: italic; color: #fff; } /* PADDING FOR ALL INPUT FIELDS */ #submit-job-form input { padding-left: 5px !important; background: #ffffff10; } #submit-job-form input:focus { padding-left: 5px !important; } #submit-job-form .field>input, #submit-job-form .field>textarea { padding: 8px; background: #ffffff10; border-radius: 2px; margin-top: 10px; color: #fff; } #submit-job-form .field>input:focus, #submit-job-form .field>textarea:focus { padding-left: 5px; } #submit-job-form .select2-selection--multiple:before, #submit-job-form .select2-selection--single:before { opacity: .8; color: #b85455; } /* ALIGNS SOME FIELD DESCRIPTIONS THAT WERE NOT UNIFORM WITH THE OTHERS - EXAMPLE: ADDRESS FIELD */ #submit-job-form small.description { display: block; width: 100%; margin-top: 5px; } /* MAP */ .location-field-wrapper .cts-get-location { color: #b85455; } .enter-coordinates-toggle span { color: #ccc; } .latitude-input { border-right: 1px solid #ffffff20; } .longitude-input { border-left: 1px solid #ffffff20; } .latitude-input:focus { border-right: none; } .longitude-input:focus { border-left: none; } .latitude-input, .longitude-input { background: #ffffff10; border-radius: 2px; margin-top: 10px; color: #aaa; } /* WORK HOURS */ .bl-tabs .nav-tabs>li>a { background: #ffffff20; color: #fff; } .bl-tabs .nav-tabs>li>a:hover { background: #ffffff30; } .c27-submit-listing-form .form-group .tab-content { background: #ffffff10; } .work-hours-type { padding-left: 10px; } #submit-job-form .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 10px; } /* BUTTONS */ .c27-submit-listing-form input[type=button] { color: #fff !important; font-weight: 700; font-size: 13px !important; background: #ffffff10 !important; border: 1px dashed #b85455; } .c27-submit-listing-form input[type=button]:hover { color: #fff !important; background: #ffffff15 !important; } /* ICON BUTTONS */ .c27-submit-listing-form button[type=button] { background: transparent !important; border: none !important; } .c27-submit-listing-form button[type=button] i { color: #b85455db !important; } .c27-submit-listing-form button[type=button] i:hover { color: #b85455 !important; } /* FILE UPLOAD */ .review-gallery-add i { color: #b85455; } .review-gallery-add { transition: .5s ease; } .review-gallery-add:hover { background: #ffffff15 !important; } /* SOCIAL NETWORKS */ .social-networks-repeater div div input { color: #fff; } /* PREVIEW AND SUBMIT LISTING BUTTONS */ .listing-form-submit-btn button[type=submit] { width: 100% !important; color: #fff !important; padding: 15px !important; font-weight: 700 !important; font-size: 13px !important; border-radius: 5px !important; } .listing-form-submit-btn button[type=submit]:first-child { background: #ffffff15 !important; } .listing-form-submit-btn button[type=submit]:first-child:hover { background: #ffffff20 !important; } .listing-form-submit-btn button[type=submit]:nth-child(2) { background: #b85455 !important; } /** PREVIEW LISTING MODE **/ .job_listing_preview_title { background: #ffffff20; } /* SUBMIT LISTING BUTTON */ .job_listing_preview_title input[type=submit]:first-child { background: #b85455 !important; color: #fff !important; border-radius: 5px !important; font-weight: 700 !important; } .job_listing_preview_title input[type=submit].job-manager-button-submit-listing.button.button-2:hover{ background: #b85658d9 !important; border: solid 1px #b85455 !important; } /* EDIT LISTING BUTTON */ .job_listing_preview_title input[type=submit] { background: #ffffff15 !important; border: none; font-weight: 700 !important; } .job_listing_preview_title input[type=submit]:hover { background: #ffffff12 !important; } /** EVENT FIELD **/ .event-picker .single-date { border: solid 1px #ffffff20 !important; } /* NON RECURRING EVENT */ .event-picker .date-start label { padding: 5px; color: #b85455 !important; font-weight: 600; } .event-picker .date-end label { padding: 5px; color: #b85455 !important; font-weight: 600; } .event-picker .date-start, .event-picker .date-end { background: #ffffff10 !important; border-radius: 5px; } .event-picker .single-date .datepicker-wrapper:before { background: -webkit-linear-gradient(#b85455,#3330) !important; -webkit-background-clip: text !important; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { background: #202020 !important; border: none; } /* RECURRING EVENT */ .event-picker .recurrence.is-open .recur-details { background: transparent; } p.rc-title { font-weight: 600; } .repeat-frequency input { color: #ddd !important; } .input-datepicker.mylisting-datepicker.picker { color: #ddd; opacity: .5; background: transparent !important; } #submit-job-form .datepicker-wrapper .reset-value { color: #ddd; font-size: 18px; padding-right: 5px !important; } #submit-job-form .datepicker-wrapper .reset-value:hover { color: #b85455 !important; } /* ICON TO REMOVE A DATE */ .event-picker .single-date .remove-date { background: transparent; border: none; } .event-picker .single-date .remove-date i { color: #b85455db !important; } .event-picker .single-date .remove-date i:hover { color: #b85455 !important; } /* BUTTON TO ADD ANOTHER DATE */ .event-picker .date-add-new { color: #fff !important; font-size: 13px !important; font-weight: 700; text-transform: uppercase; background: #ffffff10; border: 1px dashed #b85455; letter-spacing: 2px; } .event-picker .date-add-new:hover { color: #fff !important; background: #ffffff15; } /* CALENDAR DATE SELECT BUTTONS */ div.drp-buttons { background: #000; border: none !important; } .daterangepicker .drp-buttons .btn.cancelBtn { color: #fff !important; font-weight: 700 !important; font-size: 13px !important; background: #ffffff20 !important; } .daterangepicker .drp-buttons .btn.cancelBtn:hover { background: #ffffff25 !important; } /* RECURRENT DATE LIST */ .repeat-message ul li { background: #ffffff15 !important; color: #ddd; border-radius: 5px; } .repeat-message>span { color: #fff; font-weight: 600; } /* LISTING SUBMISSION MESSAGE */ .submit-l-message { background: #b8545591; border: none !important; color: #fff; } .submit-l-message .title-style-1 h5 { font-weight: 600 !important; letter-spacing: inherit !important; text-transform: none !important; } .submit-l-message .title-style-1 i { color: #ffffff40; } /* IMAGE UPLOAD WIDGET - SUBMIT FORM AND WOOCOMMERCE EDIT ACCOUNT ENDPOINT */ .review-gallery-add { color: #b85455; background: #fcfcfc; border: 1px dashed #b85455; border-radius: 5px; } .review-gallery-add:hover { color: #b85455; background: #fafafa; border: 1px dashed #b85455; } /* REMOVES THE IMAGE UPLOAD SIZE LABEL - SUBMIT FORM AND WOOCOMMERCE EDIT ACCOUNT ENDPOINT */ .file-upload-field small { display: none; } /**** WOOCOMMERCE PRODUCT VENDORS ****/ /* VENDOR REGISTRATION PAGE (DARK MODE) */ .page-id-333 .elementor-shortcode h2 { color: #fff; font-weight: 700; } .page-id-333 .elementor-shortcode p { color: #ccc; } .wcpv-shortcode-registration-form label { color: #fff; font-weight: 700 !important; } .wcpv-shortcode-registration-form input { border-bottom: 1px solid #ffffff30; color: #ccc; } .wcpv-shortcode-registration-form textarea { border-bottom: 1px solid #ffffff30; color: #ccc; } .wcpv-field-note { color: #b85455; font-weight: 700; margin-bottom: 20px; opacity: .8 !important; } .wcpv-shortcode-registration-success { background-color: #b85658d9; border: none !important; } /* MYLISTING CLUB DUPLICATE LISTINGS */ .mylistingclub-duplicate-listings__modal { background: #000; border-radius: 5px; } .mylistingclub-duplicate-listings__modal-heading { color: #fff; } .mylistingclub-duplicate-listings__modal-label { color: #fff; font-size: 16px; } .mylistingclub-duplicate-listings__modal-input { color: rgba(255, 255, 255, 0.8); font-weight: 600; } /* HIDES THE MODAL CLOSE ICON SINCE ALL USERS NEED TO DO IS CLICK OFF OF THE MODAL TO CLOSE IT */ .mylistingclub-duplicate-listings__modal-close { display: none; } /* ERROR MESSAGES */ .mylistingclub-duplicate-listings__modal-error-heading { color: #b85455; } .mylistingclub-duplicate-listings__modal-error p { color: #fff; } /* PAUL'S STYLES */ .wp-editor-content { font-size: 14px; color: #ffffff; }