:root { --accent: #2076cc; } @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: #f4f4f4 }//// INSTRUCTIONS: //// Copy and paste any of the code snippets below into Theme Tools > Theme Options > Custom Code > CSS. /* ML - ACCOUNT DASHBOARD - MY LISTINGS - FULL WIDTH LISTING TYPE TITLE */ .l-type .listing-type { position: relative; width: 100%; } .l-type .listing-type .value { position: inherit; margin-bottom: 12px; } /* ML - HIDE SIGN IN AND REGISTER FROM NAV MENU */ /*.header .user-area.signin-area, .header .mob-sign-in { display: none !important; } */ /* ML - DISABLE ADD LISTING CATEGORY FLIP BOX ANIMATION */ .elementor-widget-case27-add-listing-widget .cat-card:hover .ac-front-side { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 2; } .elementor-widget-case27-add-listing-widget .cat-card:hover .ac-back-side { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); z-index: 1; } /* ML - DISABLE PARALLAX FOOTER */ footer.footer { position: relative; } #c27-site-wrapper { margin-bottom: 0px !important; } /******** 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: #1e73be; } /* ML - SHARE LISTING - SHARE MODAL - BACKGROUND AND SHARE ITEM LAYOUT */ ul.share-options { background-color: #1e73be !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: #1e73be !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(30, 115, 190, 1), rgba(30, 115, 190, 0.82)); } /* ML - SHARE LISTING - SHARE MODAL - BACKGROUND AND SHARE ITEM LAYOUT */ ul.share-options { background-color: #1e73be !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; }} /******** MYLISTING - SUBMIT FORM *******/ /* 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: #1e73be; 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: #1e73be; 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: #1e73be; 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: #3c77fc; opacity: 1; } /* ML - SUBMIT FORM - CHANGES THE COLOR OF THE UPLOAD MEDIA ICON */ .review-gallery-add { color: #1e73be; } /* 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: #64a8ec !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: #1e73be; } .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: #64a8ec; background-color: #64a8ec; } .add-listing-nav i:hover { border: #64a8ec !important; background-color: #64a8ec !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: 'Campo obligatorio'; color: red; } /******** WOOCOMMERCE CART PAGE DESIGN *******/ /* UPDATE CART BUTTON */ .woocommerce-cart .shop_table .button, .woocommerce-cart .shop_table .checkout-button { color: #fff !important; background: #1f7ac9 !important; border: #1f7ac9 !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; 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; } /* ACUITY - HIDE NON PAYING CUSTOMER ALERT IN SINGLE LISTING */ div.pane.error-flash.alert.alert-danger { display: none!important; } /* WOOCOMMERCE - CART */ .woocommerce-page .cart-collaterals .cross-sells li.product h2.woocommerce-loop-product__title, .woocommerce .cart-collaterals .cross-sells li.product h2.woocommerce-loop-product__title { padding-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; } .woocommerce-cart .element .pf-body .cart-collaterals {background-color: #3ba2fd;border-radius:10px;} .woocommerce-cart .element .pf-body .cart-collaterals .cart_totals h2 {display:none;} .woocommerce-cart .element .pf-body .cart-collaterals .cart_totals tr.cart-subtotal th { border-top: none!important;} .woocommerce-cart .element .pf-body .cart-collaterals .cart_totals tr.cart-subtotal td { border-top: none!important;} .woocommerce-cart .element .pf-body .woocommerce-cart-form table.shop_table .product-name a { color: #000;} .woocommerce-cart .element .pf-body .cart-collaterals .cart_totals .wc-proceed-to-checkout a { color: #1f7ac9 !important; background: #fff!important; border-radius: 10px!important; border: none; text-transform: uppercase; letter-spacing: 2px; font-weight: 800!important; font-size:12px!important; } .woocommerce-cart-form .pf-head {display:none;} .woocommerce table.shop_table td {border-top: none;} p.cart-empty.woocommerce-info {padding-bottom:10px;} p.cart-empty.woocommerce-info:before {display:none;} .woocommerce .woocommerce-error .button { border-radius:10px; background: #b1a296; color:#fff; font-weight:600!important; font-size:12px!important; text-transform:uppercase; letter-spacing:2px; } .woocommerce .woocommerce-error .button:hover { background:#CBBCB0; color:#fff;} .woocommerce-order-details p.order-again a.button { border-radius:10px; padding: 8px 28px;} p.return-to-shop a.button.wc-backward {text-transform: uppercase; letter-spacing: 2px; font-size: 12px;} /*** MOBILE DESIGN - CART PAGE ***/ @media only screen and (max-width: 768px) { .woocommerce-cart-form table.shop_table td.product-price { background: #b1a296!important; } } @media only screen and (max-width: 768px) { .woocommerce-cart-form table.shop_table td.product-quantity { background: #b1a296!important; } } @media only screen and (max-width: 768px) { .woocommerce-cart-form table.shop_table td.product-subtotal { background: #b1a296!important; } } /* SINGLE LISTING - BUSINESS HOURS */ div.element.work-hours-block { background: rgb(31,122,201); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(31,122,201,1) 0%, rgba(59,162,253,1) 100%); /*background: linear-gradient(90deg, rgba(19,135,158,1) 25%, rgba(36,152,175,1) 50%, rgba(53,169,192,1) 75%, rgba(70,186,209,1) 100%)!important;*/ } .open { color: #fff; font-weight: 700; background: #eeeeee45; padding: 5px 10px 5px 10px; border-radius: 5px; } div.element.work-hours-block p { color: #fff; font-size: 13px; } .open-now .timing-today { color: #fff; font-size: 13px; } .closed { color: #fff; font-weight: 700; background: #000; padding: 5px 10px 5px 10px; border-radius: 5px; } /* BORDER RADIUS DE BOTONES AÑADIR ANUNCIO */ .face.ac-front-side { border-radius: 30px; } /* BORDER RADIUS PRECIOS PAQUETES */ .pricing-item { border-radius: 20px; } /* AÑADIR TEXTO EN EL BADGE DE LOS PRECIOS ///DESACTIVADO/// .icon-flash::after { content:"AYUDA POR COVID-19"; font-family: GlacialIndifference; font-size: 13px; color: #2076cc; font-weight: 600; } .featured-plan-badge { width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 40px solid transparent; border-left: 40px solid #2076cc; position: absolute; top: 0; left: 10px; } */ /* ELIMINAR TIMEZONE DE FORMULARIO AÑADIR HORARIOS*/ .c27-submit-listing-form .fieldset-work_hours.form-group .field .c27-work-hours ~ .form-group { display:none; } /* TACHAR PRECIO EN PACK PREMIUM .pricing-item .plan-price span.woocommerce-Price-amount { text-decoration: line-through; } */ /* AÑADIR BORDER RADIUS EN SINGLE LISTINGS */ /* TODOS LAS CAJAS */ .single-job-listing .element { border-radius: 25px; } /* LOS BOTONES DE QUICK ACTIONS */ .quick-listing-actions>ul>li>a { border-radius: 30px; } /* EL BOTÓN DE LLAMAR */ .lmb-calltoaction>a { border-radius: 25px; } /* CONTACT FORM 7 */ .wpcf7-form input[type="submit"] { border-radius: 25px; } /* CLASE PARA BANNER EN TODAS LOS DISPOSITIVOS .td-all-devices { width: 100%; } /* TABLETS RETRATO @media screen and (max-width: 481px) { .td-all-devices { display:none; } div.td-all-devices { background: url(https://www.directoriocostablanca.com/wp-content/uploads/2020/05/masqueunaweb-320x100-1.png); height: 100px; } } /* MEDIUM DESKTOP BROWSER @media screen and (max-width: 1025px) { .td-all-devices { display:none; } div.td-all-devices { background: url(https://www.directoriocostablanca.com/wp-content/uploads/2020/05/masqueunaweb-320x100-1.png); height: 100px; } }*/ /* hide promote from my account - my listings */ #job-manager-job-dashboard table ul.job-dashboard-actions li.cts-listing-action-promote { display: none !important; }