:root { --accent: #ffc226; } @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: #ffffff }.header-button > a { background: #FFF;} .buttons.button-1 > a { background: #FFF;} /* WOOCOMMERCE - CART PAGE */ /* UPDATE CART BUTTON */ .woocommerce-cart .shop_table .button, .woocommerce-cart .shop_table .checkout-button { color: #fff !important; border-color: #bd1d8b !important; background-color: #bd1d8b !important; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 600; border-radius: 25px !important; } .woocommerce-cart .shop_table .button:hover, .woocommerce-cart .shop_table .checkout-button:hover { color: #fff; border-color: #bd1d8b !important; background-color: #bd1d8b !important; opacity: 1 !important; } /* PROCEED TO CHECKOUT BUTTON */ .woocommerce a.button { text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 600; border-radius: 25px !important; /* ML - SINGLE LISTING - 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; } /* ML - SUBMIT FORM - ROUNDED AND SHADOWED EDGES*/ #submit-job-form .form-section {border-radius:25px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10);} /* ML - SUBMIT FORM - TITLES */ #submit-job-form label {font-size:15px;font-weight:600;} /* ML - SUBMIT FORM - LEFT SIDE NAVIGATION */ .add-listing-nav a {text-transform:uppercase;font-weight:900;} /* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - ACTIVE NAVIATION CIRCLE*/ .add-listing-nav .active i {background-color:#6956d3;} .add-listing-nav ul a i span {background-color:#fff!important;} /* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - ACTIVE NAVIATION CIRCLE - TEXT HOVER*/ .add-listing-nav .active a:hover i {border-color:#8C69FC!important;background-color:#6956d3;} /* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - INACTIVE NAVIATION CIRCLES*/ .add-listing-nav a:hover i {border-color:#8C69FC;background-color:#8C69FC;} .add-listing-nav i:hover {border:#8C69FC!important;background-color:#8C69FC!important;} .add-listing-nav ul a i span:hover {border:#fff!important;background-color:#fff!important;} .add-listing-nav a i {border-color:#aaa;background-color:#aaa;} /* ML - SUBMIT FORM - REMOVES THE IMAGE UPLOAD SIZE LABEL THAT ML PUT IN */ #submit-job-form .file-upload-field small {display:none!important;} /* ML - SUBMIT FORM - ALIGNS SOME FIELD DESCRIPTIONS THAT WERE NOT UNIFORM WITH THE OTHERS */ #submit-job-form small.description {display:block;width:100%;margin-top:5px;} #submit-job-form .select2-selection--multiple:before, #submit-job-form .select2-selection--single:before{color:#a5309d;opacity:1;} /* ML - SUBMIT FORM - CHANGES THE COLOR OF THE UPLOAD MEDIA ICON */ .review-gallery-add {color:#a5309d;} /* ML - SUBMIT FORM - SKIP PREVIEW AND SUBMIT */ form .listing-form-submit-btn button[type=submit] {text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to left, #ffc226, #EB0B7A);} form .listing-form-submit-btn button[type=submit]:hover {text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to left, #EB0B7A, #a5309d);color:#fff;} #form-section-general {display:none;} #form-section-general-nav {display:none;} /*ML - SUBMIT FORM - WORK HOURS BUTTON*/ .work-hours-repeater>input[type=button] { color:#fff!important; background:linear-gradient(to left, #a5309d, #EB0B7A); border: 1px solid #a5309d; border-radius: 25px; text-transform:uppercase; letter-spacing:2px; } .work-hours-repeater>input[type=button]:hover { background:linear-gradient(to left, #EB0B7A, #a5309d);color:#fff!important;} /* ML - SUBMIT FORM - SOCIAL NETWORKS BUTTON */ .social-networks-repeater > input[type="button"] { color:#fff!important; background:linear-gradient(to left, #a5309d, #EB0B7A); border: 1px solid #a5309d; border-radius: 25px; text-transform:uppercase; letter-spacing:2px; } .social-networks-repeater > input[type="button"]:hover {background:linear-gradient(to left, #EB0B7A, #a5309d);color:#fff!important;} /* ML - SUBMIT FORM - MAP LOCATOR ICON */ .location-field-wrapper .cts-get-location {color:#a5309d} /* ML - STATS - REMOVES THE ICONS FROM THE STAT BOXES*/ .mlduo-stat-box i {display:none;} /* ML - STATS - CHANGES COLOR OF VIEW LINE AND DOTS */ .ct-series-a .ct-line {stroke:#CFABF0!important;} /* ML - STATS - CHANGES COLOR OF UNIQUE VIEW LINE AND DOTS */ /* ML - STATS - CHANGES COLOR OF VIEW LINE AND DOTS */ .ct-series-a .ct-line {stroke:#CFABF0!important;} .ct-series-a .ct-point {stroke:#CFABF0!important;} .lg-blue {background:#CFABF0;} /* ML - STATS - CHANGES COLOR OF UNIQUE VIEW LINE AND DOTS */ .ct-series-b .ct-line {stroke:#825ea3!important;} .ct-series-b .ct-point {stroke:#825ea3!important;} .lg-purple {background:#825ea3!important;} /* ML - STATS - FILL AREA */ .ct-series-a .ct-area {fill:#B591D6!important;} .ct-area {fill-opacity:0.15;} /* ML - DASHBOARD */ .round-icon .title-style-1 i {background:transparent!important;} /* ML - MY LISTINGS */ #job-manager-job-dashboard table ul.job-dashboard-actions li .job-dashboard-action-delete:hover {color:#825ea3!important;} /* ML - ORDERS */ .woocommerce-message:before {color:#825ea3;} .woocommerce-info .button, .woocommerce .woocommerce-message .button { color:#fff; background:linear-gradient(to left, #825ea3, #5f64a9); border: 1px solid #825ea3; border-radius: 25px; text-transform:uppercase; letter-spacing:2px; } .woocommerce-info .button, .woocommerce .woocommerce-message .button:hover { background: linear-gradient(to left, #5f64a9, #825ea3); color:#fff; } /* ML - ACCOUNT DETAILS */ .woocommerce-account .addresses .title a.edit { color:#fff; background:linear-gradient(to left, #825ea3, #5f64a9); border: 1px solid #825ea3; border-radius: 25px; text-transform:uppercase; letter-spacing:2px; } .woocommerce-account .addresses .title a.edit:hover { background: linear-gradient(to left, #5f64a9, #825ea3); color:#fff; } /* ML - ACCOUNT DETAILS - CONNECTED ACCOUNTS */ .cts-account-actions>a { color:#fff!important; background:linear-gradient(to left, #825ea3, #5f64a9)!important; border: 1px solid #825ea3; border-radius: 25px; text-transform:uppercase; letter-spacing:2px; } .cts-account-actions>a:hover { background: linear-gradient(to left, #5f64a9, #825ea3)!important; color:#fff; } /* ML - ACCOUNT DETAILS - PASSWORD CHANGE */ .woocommerce .woocommerce-EditAccountForm.edit-account > p:last-of-type button { color:#fff; background:linear-gradient(to left, #825ea3, #5f64a9); border: 1px solid #825ea3; border-radius: 25px; text-transform:uppercase; letter-spacing:2px; } .woocommerce .woocommerce-EditAccountForm.edit-account > p:last-of-type button:hover { background: linear-gradient(to left, #5f64a9, #825ea3); color:#fff; } .woocommerce-info:before {color:#825ea3;} .user-area.signin-area { display: none; } /*Remove login-signup*/ .signin-area { display: none !important; } .mob-sign-in { display: none; } .header .user-area.signin-area, .header .mob-sign-in { display:none!important; } .header-right .header-button a.buttons color: #fff; } //// INSTRUCTIONS: //// Copy and paste any of the code snippets below into Theme Tools > Theme Options > Custom Code > CSS. //// NOTES: //// To see this design in action, you can add something to your cart on the MyListing Club website and view the design. ---------------------------CODE SNIPPET IS BELOW THIS LINE--------------------------------------------------------- /* SINGLE LISTING - REMOVE BADGES */ .level-promoted .ad-badge { display: none; } .level-featured .ad-badge { display: none; } //// INSTRUCTIONS: //// Copy and paste any of the code snippets below into Theme Tools > Theme Options > Custom Code > CSS. ---------------------------CODE SNIPPET IS BELOW THIS LINE--------------------------------------------------------- /* ML - SUBMIT FORM - BACKGROUND */ .add-listing-step #submit-job-form { background-image: url(https://website[dot]com/wp-content/uploads/yourimage.jpg); } /* ML - SUBMIT FORM - LABELS - COLORED BACKGROUND */ #submit-job-form .field-head label { margin-left: -10px; font-weight: 900; text-transform: uppercase; padding: 6px 12px; border-radius: 16px; background-color: rgba(0,0,0,0.05); } /* ML - SUBMIT FORM - ROUNDED AND SHADOWED EDGES */ #submit-job-form .form-section { border-radius: 10px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); } /* ML - SUMBIT FORM - SECTION HEADINGS */ #submit-job-form .form-section .pf-head { background-color: #6956d3; padding-bottom: 15px; } .element .pf-body { padding-top: 0px; } /* ML - SUBMIT FORM - TITLES */ .c27-submit-listing-form .title-style-1 h5 { color: #fff; text-transform: uppercase; font-weight: 800; } /* ML - SUBMIT FORM - LABELS */ #submit-job-form .field-head label { margin-left: -10px; font-weight: 900; text-transform: uppercase; padding: 6px 12px; border-radius: 16px; } /* ML - SUBMIT FORM - ALIGNS SOME FIELD DESCRIPTIONS THAT WERE NOT UNIFORM WITH THE OTHERS */ #submit-job-form small.description { display: block; width: 100%; margin-top: 5px; } /* ML - SUBMIT FORM - SOCIAL NETWORKS BUTTON */ .social-networks-repeater > input[type="button"] { color: #fff !important; background: #6956d3; text-transform: uppercase; border-radius: 25px; } .social-networks-repeater > input[type="button"]:hover { color: fff !important; background: #000; } /* ML - SUBMIT FORM - WORK HOURS BUTTON */ .work-hours-repeater>input[type=button] { color: #fff !important; background: #6956d3; text-transform: uppercase; border-radius: 25px; } .work-hours-repeater>input[type=button]:hover { color: #fff !important; background: #000; } /* ML - SUBMIT FORM - KEEPS IMAGES THE ORIGINAL DIMENSIONS IN PREVIEW, PRIOR TO UPLOADING */ .job-manager-uploaded-file .job-manager-uploaded-file-preview img { object-fit: contain; } /* ML - SUBMIT FORM - SUBTITLES */ #submit-job-form small { opacity: 1; font-style: italic; text-transform: none; } /* ML - SUBMIT FORM - REMOVE THE IMAGE UPLOAD SIZE LABEL */ #submit-job-form .file-upload-field small { display: none !important; } /* ML - SUBMIT FORM - CHANGES THE COLOR OF THE DROP-DOWN FIELD SELECTOR ICON */ #submit-job-form .select2-selection--multiple:before, #submit-job-form .select2-selection--single:before { color: #6b3cfc; opacity: 1; } /* ML - SUBMIT FORM - CHANGES THE COLOR OF THE UPLOAD MEDIA ICON */ .review-gallery-add { color: #6956d3; } /* ML - SUBMIT FORM - SUBMIT BUTTON */ form .listing-form-submit-btn button[type=submit].preview-btn { text-transform: uppercase; } .skip-preview-btn { padding: 10px 40px !important; width: 100% !important; color: #fff !important; background-color: #8C69FC !important; text-transform: uppercase; font-weight: 900 !important; } .skip-preview-btn:hover { color: #fff !important; background-color: #000 !important; } /* ML - SUBMIT FORM - LEFT SIDE NAVIGATION */ .add-listing-nav a { text-transform: uppercase; font-weight: 900; } /* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - ACTIVE NAVIATION CIRCLE */ .add-listing-nav .active i { background-color: #6956d3; } .add-listing-nav ul a i span { background-color: #fff !important; } /* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - ACTIVE NAVIATION CIRCLE - TEXT HOVER */ .add-listing-nav .active a:hover i { border-color: #050096 !important; background-color: #050096; } /* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - INACTIVE NAVIATION CIRCLES */ .add-listing-nav a:hover i { border-color: #8C69FC; background-color: #8C69FC; } .add-listing-nav i:hover { border: #8C69FC !important; background-color: #8C69FC !important; } .add-listing-nav ul a i span:hover { border: #fff !important; background-color: #fff !important; } .add-listing-nav a i { border-color: #aaa; background-color: #aaa; } /* ML - SUBMIT FORM - LISTING PREVIEW - SUBMIT LISTING BUTTON */ .job_listing_preview_title input[type="submit"].job-manager-button-submit-listing.button.button-2 { border-radius: 25px; text-transform: uppercase; font-weight: 600; } .job_listing_preview_title input[type="submit"].job-manager-button-submit-listing.button.button-2:hover { background-color: #000 !important; color: #fff !important; } /* ML - SUBMIT FORM - LISTING PREVIEW - EDIT LISTING BUTTON */ .job_listing_preview_title .button.job-manager-button-edit-listing { border-radius: 25px; text-transform: uppercase; font-weight: 600; } .job_listing_preview_title .button.job-manager-button-edit-listing:hover { background-color: #000 !important; color: #fff !important; } // ML - SUBMIT FORM - REQUIRED FIELDS .c27-submit-listing-form .field.required-field::before { content: 'Required field'; color: red; } .mlduo-stat-box { display: none; } .woocommerce-MyAccount-navigation { display:none; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; } //// INSTRUCTIONS: //// Copy and paste any of the code snippets below into Theme Tools > Theme Options > Custom Code > CSS. //// NOTES: //// To see this design in action, you can add something to your cart on the MyListing Club website and view the design. ---------------------------CODE SNIPPET IS BELOW THIS LINE--------------------------------------------------------- /* SINGLE LISTING - REMOVE BADGES */ .level-promoted .ad-badge { display: none; } .level-featured .ad-badge { display: none; } //// INSTRUCTIONS: //// Copy and paste any of the code snippets below into Theme Tools > Theme Options > Custom Code > CSS. ---------------------------CODE SNIPPET IS BELOW THIS LINE--------------------------------------------------------- /******** MYLISTING - SINGLE LISTING - SHARE OPTIONS *******/ /******** Option 1: Solid Background ********/ /* ML - SHARE LISTING - FULL BACKGROUND OVERLAY */ #social-share-modal.modal.modal-27.show-modal.in { background-color: #dd4c4f; } /* ML - SHARE LISTING - SHARE MODAL - BACKGROUND AND SHARE ITEM LAYOUT */ ul.share-options { background-color: #dd4c4f !important; display: contents !important; width: 8%; } /* ML - SHARE LISTING - SPACING BETWEEN SHARE ITEMS */ #social-share-modal .share-options li { width: 8%; } /* ML - SHARE LISTING - SHARE ITEMS - BACKGORUND */ #social-share-modal .share-options li a i { background-color: rgba(0,0,0,0) !important; } /* ML - SHARE LISTING - MAKE ALL LINK COLORS THE SAME */ #social-share-modal a { color: #fff; } #social-share-modal a:hover { color: rgba(255, 255, 255, 0.9) !important; } /******** Option 2: Image Background ********/ /* ML - SHARE LISTING - FULL BACKGROUND OVERLAY */ #social-share-modal.modal.modal-27.show-modal.in { background-image: linear-gradient(rgba(221, 75, 77, 0.95), rgba(221, 75, 77, 0.6)),url(/path-to-your-image); } /* ML - SHARE LISTING - SHARE MODAL - BACKGROUND AND SHARE ITEM LAYOUT */ ul.share-options { background-color: #dd4c4f !important; display: contents !important; width: 8%; } /* ML - SHARE LISTING - SPACING BETWEEN SHARE ITEMS */ #social-share-modal .share-options li { width: 8%; } /* ML - SHARE LISTING - SHARE ITEMS - BACKGORUND */ #social-share-modal .share-options li a i { background-color: rgba(0,0,0,0) !important; } /* ML - SHARE LISTING - MAKE ALL LINK COLORS THE SAME */ #social-share-modal a { color: #fff; } #social-share-modal a:hover { color: rgba(255, 255, 255, 0.9) !important; } /******** Option 3: Gradient Background ********/ /* ML - SHARE LISTING - FULL BACKGROUND OVERLAY */ #social-share-modal.modal.modal-27.show-modal.in { background-image: linear-gradient(rgba(221, 75, 77, 0.95), rgba(221, 75, 77, 0.6)); } /* ML - SHARE LISTING - SHARE MODAL - BACKGROUND AND SHARE ITEM LAYOUT */ ul.share-options { background-color: #dd4c4f !important; display: contents !important; width: 8%; } /* ML - SHARE LISTING - SPACING BETWEEN SHARE ITEMS */ #social-share-modal .share-options li { width: 8%; } /* ML - SHARE LISTING - SHARE ITEMS - BACKGORUND */ #social-share-modal .share-options li a i { background-color:rgba(0,0,0,0) !important; } /* ML - SHARE LISTING - MAKE ALL LINK COLORS THE SAME */ #social-share-modal a { color: #fff; } #social-share-modal a:hover { color: rgba(255, 255, 255, 0.9) !important; } /******** MYLISTING - SINGLE LISTING - SHARE OPTIONS - MOBILE *******/ @media only screen and (max-width: 1024px) { #social-share-modal .share-options li { width: 12%; }} @media only screen and (max-width: 414px) { #social-share-modal .share-options li { width: 40%; }} @media only screen and (max-width: 414px) { ul.share-options { display: block !important; width: 100%; background: transparent !important; }}