:root { --accent: #000000; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2); } 25% { box-shadow: -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1); } 50% { box-shadow: -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2); } 75% { box-shadow: 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/** * JD - MyListig Theme NEO CSS **/ /* ADD/EDIT CUSTOM ROOT CSS */ /* to change background color please update theme optons plus below */ :root {--mainbackground: #fff;} /* to change text color please edit the below */ :root {--maintextcolor: #636363;} /* to change content container boxshadows please edit the below */ :root {--contentboxshadow: 15px 15px 31px #d4d8db, -15px -15px 31px #ffffff;} :root {--contentborderradius: 25px;} /* to change button boxshadows, transition & radius please edit the below */ :root {--buttonboxshadow: 7px 7px 15px #d4d8db, -7px -7px 15px #ffffff;} :root {--buttonhoverboxshadow: -2px -2px 6px rgba(255, 255, 255, .6), -2px -2px 4px rgba(255, 255, 255, .4), 2px 2px 2px rgba(255, 255, 255, .05), 2px 2px 4px rgba(0, 0, 0, .1);} :root {--buttonactiveboxshadow: inset 3px 3px 7px rgb(136 165 191 / 48%), inset -3px -3px 7px #ffffff;} :root {--buttontransition: .8s ease !important;} :root {--buttonborderradius: 50px;} /* to change featured no image promo listing card edit the below */ :root {--promolistingcard: #4e74fe33;} /********** GENERAL **********/ /* Fade In Effect body { animation: fadeIn 2s; -webkit-animation: fadeIn 2s; -moz-animation: fadeIn 2s; -o-animation: fadeIn 2s; -ms-animation: fadeIn 2s; } @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-o-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-ms-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } */ /* Body */ .body { background: var(--mainbackground); } /* Footer */ .footer { background: var(--mainbackground); } /* Shop */ .i-section { background: var(--mainbackground); } /* Hide Scroll Bars */ ::-webkit-scrollbar { width: 0px !important; } /* Input Field */ input, textarea { border-bottom: none !important; } /* Back To Top Button */ a.back-to-top { background: var(--mainbackground); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } a.back-to-top:hover { bottom: 30px; background: var(--mainbackground); color: #000; box-shadow: var(--buttonhoverboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } a.back-to-top:active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } /* Title Icon */ .round-icon .title-style-1 i { color: var(--accent); background: var(--mainbackground); } /***** Header *****/ .header.header-light-skin:not(.header-scroll) .header-skin, .header.header-scroll.header-scroll-light-skin .header-skin { background: var(--mainbackground); } .header.header-light-skin:not(.header-scroll) .header-skin { border-bottom: 1px solid var(--mainbackground); } /* Header Menu */ ul.sub-menu.i-dropdown { border-radius: 15px; background: var(--mainbackground); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } ul.dropdown-menu { border-radius: 15px !important; background: var(--mainbackground); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); }*/ ul.dropdown-menu>li>a:focus, ul.dropdown-menu>li>a:hover { background: var(--mainbackground); color: var(--accent); } .i-dropdown li a:hover { color: var(--accent); } .user-profile-dropdown:hover .i-dropdown { box-shadow: 0 1px 4px #00000042; } /* Hide Drop Down Top Border */ ul.sub-menu.i-dropdown:before { display: none; } ul.dropdown-menu>li>a:focus, ul.dropdown-menu>li>a:hover { background: var(--mainbackground); } ul.i-dropdown.dropdown-menu:before { display: none; } /* Mobile Menu */ .i-nav.mobile-menu-open { background-color: var(--mainbackground) !important; } .main-nav .i-dropdown li { background: var(--mainbackground); } /* Header Button */ .header-right .header-button a.buttons { box-shadow: var(--contentboxshadow); background: var(--accent); border-radius: var(--buttonborderradius); color: var(--mainbackground); !important; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } /* .header-right .header-button a.buttons:hover { box-shadow: var(--buttonhoverboxshadow); background: var(--accent); border-radius: var(--buttonborderradius); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .header-right .header-button a.buttons:active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } */ /* Header Search */ @media only screen and (min-width: 1201px){ .header-light-skin:not(.header-scroll) .header-search input, .header.header-scroll.header-scroll-light-skin .header-search input { box-shadow: var(--buttonactiveboxshadow); border-radius: var(--buttonborderradius); padding: 14px 40px !important; } .dark-forms.header-search.search-shortcode-light>i.mi.search { padding-left: 12px; top: 14px; } } .instant-results ul li.ir-cat { background: var(--mainbackground); } .instant-results ul li .cat-icon i { color: var(--accent) !important; } .instant-results ul li .cat-icon { background-color: var(--accent) !important; box-shadow: none !important; display: flex; padding-top: 0px; justify-content: center; align-items: center; } .instant-results .view-all-results { background: var(--mainbackground) !important; border-radius: 50px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent) !important; } .header-light-skin:not(.header-scroll) .instant-results, .header-scroll-light-skin.header-scroll .instant-results { position: fixed; top: -7px; width: 520px; left: 0; padding-top: 80px; border-radius: 10px; box-shadow: 0 12px 12px #80808038, inset 0 0 0 0 #80808033 !important; } .instant-results ul li.ir-cat { border-bottom: 1px solid var(--mainbackground); border-top: 1px solid var(--mainbackground); } .instant-results .loader-bg { background: var(--mainbackground); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .instant-results ul li { display: flex; } /* Shortcode Search */ .search-shortcode .instant-results { top: 100px; } .search-shortcode.header-search .instant-results ul li a { padding: 7px 10px; display: inline-flex; } .search-shortcode.header-search input[type=search] { box-shadow: inset 20px 20px 60px #111111, inset -20px -20px 60px #454545; border-radius: 50px; padding: 17px 20px !important; } .search-shortcode.header-search>i { right: 15px; top: 37px !important; z-index: 9; } /********** LISTING PAGE **********/ .listing-main-info { background: var(--mainbackground); } .listing-rating i { color: #000; } .rating-preview-card i { color: #fff !important; } /* Hide Listing Content Icon */ .single-job_listing .title-style-1 i { display: none; } .cts-next, .cts-prev { top: -8px; background-image: -webkit-gradient(linear,left top, right top,from(hsla(0,0%,100%,0)),color-stop(80%, var(--mainbackground))); background-image: linear-gradient(90deg,hsla(0,0%,100%,0),var(--mainbackground) 80%); } /* Edit Listing Button */ @media only screen and (min-width: 700px){ a.edit-listing:after { content: "Edit"; font-size: 18px; padding-left: 7px; color: var(--maintextcolor); font-weight: 500; } } .profile-name .edit-listing i { background-color: var(--accent); border-color: var(--accent); color: #fff; } /*** Listing Cover, Avatar, Name, Logo Edits ***/ /** Desktop View **/ @media only screen and (min-width: 1200px){ .featured-section { width: 1280px; margin: auto !important; border-radius: var(--contentborderradius) !important; margin-top: 5px !important; } .profile-name { padding-left: 140px; position: absolute; } .profile-avatar { width: 120px; height: 120px; box-shadow: var(--buttonhoverboxshadow); } .container.listing-main-info { margin-bottom: -135px !important; } .profile-header { margin-top: 105px!important; } .listing-main-buttons>ul { margin-bottom: 20px !important; } /* Text Color Edits */ .listing-main-info h1, .listing-main-info h2 { color: #000; } li.price-or-date { color: var(--maintextcolor); } .quick-listing-actions { margin-top: 15px; } } /** Mobile View **/ @media only screen and (max-width: 768px){ section.featured-section.profile-cover.profile-cover-image.hide-until-load { height: 140px; border-radius: 15px !important; margin: 2px 3px; margin-top: 5px; } .profile-avatar { border: 2px solid var(--mainbackground); } .quick-listing-actions { margin-top: 0px; } .single-job-listing .element { margin-bottom: 30px !important; } } /* Remove Cover Image Overlay */ .profile-cover-image .overlay { opacity: 0 !important; } /* Listing Header Gallery Add Nav */ @media only screen and (min-width: 1201px){ .profile-cover-gallery .owl-carousel .owl-nav.disabled { display: block !important; } .profile-cover-gallery .owl-carousel .owl-nav>div { opacity: 1; visibility: visible; display: block; } .profile-cover-gallery .owl-carousel .owl-nav>div.owl-prev { left: 30px; } .profile-cover-gallery .owl-carousel .owl-nav>div.owl-next { right: 30px; } } @media only screen and (max-width: 1201px){ .profile-cover-gallery .owl-carousel .owl-nav.disabled { display: block !important; } .profile-cover-gallery .owl-carousel .owl-nav>div { opacity: 1; visibility: visible; display: block; bottom: 160px; top: unset; transform: unset; } .profile-cover-gallery .owl-carousel .owl-nav>div.owl-prev { left: 10px; } .profile-cover-gallery .owl-carousel .owl-nav>div.owl-next { right: 10px; } } @media only screen and (max-width: 2000px) and (min-width: 1321px) { .featured-section { padding-bottom: 0 !important; height: 500px; } } .owl-nav>div:before { color: #000; background-color: #ffffffd1;; border-radius: 50px; padding: 5px; margin-left: -4px; } /* Listing Header Gallery */ a.photoswipe-item { border-radius: 5px; } .profile-cover .overlay { opacity: .001!important; } .header-gallery-carousel { cursor: pointer; position: absolute; left: 0; top: 0; -webkit-transform: none; transform: none; background: var(--mainbackground); } /* Profile Header */ .profile-header { box-shadow: none; background: var(--mainbackground); } /* Listing CTA Button */ .lmb-calltoaction>a { border-radius: var(--buttonborderradius); } /* Quick Listing Actions */ .quick-listing-actions>ul>li>a>i { color: var(--accent); } .quick-listing-actions>ul>li>a { box-shadow: var(--buttonboxshadow); border-radius: 50px; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); background: transparent; border: none; margin-bottom: 17px; margin-top: 17px; } .quick-listing-actions>ul>li>a:hover { box-shadow: var(--buttonhoverboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .quick-listing-actions>ul>li>a:active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } /* Listing Tab Counter */ .items-counter { border: none; color: var(--accent); font-size: 16px; margin-top: -6px; } /* Listing Content Blocks */ .single-job-listing .element { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); margin: 10px; margin-bottom: 30px; border: none; } /* Listing Catgory, Social & Region Icons */ .cat-icon i { color: var(--accent) !important; } .element .pf-body>.listing-details li span.cat-icon, .element .pf-body>.social-nav li a i, .footer-bottom .social-nav li a i { box-shadow: var(--buttonboxshadow); color: var(--accent); background: var(--mainbackground) !important; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .element .pf-body>.details-list li a:hover i, .footer-bottom .social-links ul li a:hover i { box-shadow: var(--buttonhoverboxshadow); color: var(--accent); background: var(--mainbackground) !important; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .element .pf-body>.details-list li a:active i, .footer-bottom .social-links ul li a:active i { box-shadow: var(--buttonactiveboxshadow); background: var(--mainbackground) !important; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .element .pf-body>.listing-details li span.cat-icon:hover { box-shadow: var(--buttonhoverboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .element .pf-body>.listing-details li span.cat-icon:active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .details-block-content>li>i { background: var(--mainbackground); color: var(--accent); } .term-icon.image-icon { background: var(--accent); } /* OPENING TIMES */ .open, .closed { padding: 11px 15px 11px 15px; background: var(--mainbackground); border-radius: 20px; margin-left: -10px; box-shadow: var(--buttonactiveboxshadow); text-transform: uppercase; } .closed { color: #ff535e; } .open { color: #00df8e; } span.mi.expand_more { box-shadow: var(--buttonboxshadow); } .open-now .pf-head[aria-expanded=true] .timing-today .expand_more { box-shadow: var(--buttonhoverboxshadow); } .open-now .timing-today .expand_more { background: var(--mainbackground); } @media only screen and (max-width: 768px){ .open-now .timing-today { margin-top: 25px !important; } } /* Map */ .map-block-address a { color: #fff !important; background: var(--accent) !important; border-radius: var(--buttonborderradius); } .map-block-address a:hover { color: #fff !important; } /* Review Images */ .review-galleries .gallery-item img { border-radius: 5px !important; } /* Comments */ .comment-container { background: var(--mainbackground); } /* Add to Cart Button */ .woocommerce ul.products li.product .button { width: 100%; background: var(--accent); padding: 15px; color: #fff; border-radius: 50px; } ul.products li.product a.button { justify-content: center; } /* Hide Cart Icon */ ul.products li.product a.button.add_to_cart_button:before { display: none; } /***** LISTING CARDS *****/ .lf-item-container { box-shadow: var(--buttonboxshadow); border-radius: var(--contentborderradius); } .lf-item-container:hover { box-shadow: var(--buttonhoverboxshadow); } .lf-type-2 .lf-item-info-2 { background: var(--mainbackground); } .listing-preview .c27-footer-section { background: var(--mainbackground); } .ld-info ul li a { background: var(--mainbackground); } .listing-details-3 .details-list li i { border-radius: 0px !important; box-shadow: none !important; } .lf-item.lf-item-list-view .lf-item-info { background: var(--mainbackground); } .level-featured .lf-item-list-view .lf-item-info { border-left: none !important; background: var(--promolistingcard); } .listing-preview .c27-footer-section { border-top: 1px solid var(--mainbackground); } /* Listing Card Category */ .listing-details .cat-icon { background-color: var(--mainbackground) !important; box-shadow: var(--buttonboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .single-listing span.cat-icon:hover { box-shadow: var(--buttonhoverboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .single-listing span.cat-icon:active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .lf-item-container .listing-details .cat-icon i { color: var(--accent) !important; } /* Listing Card Contact Info Icons */ .lf-item-info-2>ul.lf-contact li i { color: var(--accent) !important; } /* Bookmark Heart */ .listing-preview .event-host .c27-bookmark-button.bookmarked, .listing-preview .listing-details .c27-bookmark-button.bookmarked { background: transparent !important; } .listing-preview .event-host .c27-bookmark-button.bookmarked i, .listing-preview .listing-details .c27-bookmark-button.bookmarked i { color: #f00; } .listing-preview .listing-details .c27-bookmark-button.bookmarked i:before { content: "\e87d"; color: #f00; } /* Map Previews */ .infoBox.listing-preview .c27-footer-section { display: block !important; padding-top: 12px; } .cts-map-popup.cts-listing-popup .mapboxgl-popup-content { height: auto; } .cts-map-popup.cts-listing-popup .mapboxgl-popup-content .lf-item-container{ padding: 0; margin: 0; } .cts-map-popup.cts-listing-popup .mapboxgl-popup-content { border-radius: 0px 0px 25px 25px; } /********** ADD LISTING **********/ /* Hide Page Title */ /*.add-listing-form .section-title { display: none; }*/ /* Hide Title Icon */ .add-listing-form .round-icon .title-style-1 i { display: none; } /* Hide Drop Down Input Icon */ #submit-job-form .select2-selection--multiple:before, #submit-job-form .select2-selection--single:before { display: none !important; } #submit-job-form .select2-selection--multiple, #submit-job-form .select2-selection--single { padding-left: 0px !important; } /* Block Title */ .add-listing-form .round-icon .title-style-1 h5 { left: 0px; font-size: 22px; text-align: center; display: block; width: 100%; font-weight: 300; color: var(--maintextcolor); letter-spacing: 0.03em; } /* Block Bottom */ .element.form-section { padding-bottom: 15px !important; } /* Submit Form Fix */ #submit-job-form .mce-container iframe { margin-left: 0px; } /* Form Section */ #submit-job-form .form-section-wrapper.active .form-section, body.elementor-editor-active #submit-job-form .form-section { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); transition: 1.5s ease !important; } #submit-job-form .form-section { border-radius: var(--contentborderradius); box-shadow: var(--buttonactiveboxshadow); transition: 1.5s ease !important; background: var(--mainbackground); } /* Remove Deviders */ #submit-job-form .form-group { border-top: none !important; border-right: none !important; } /* Input fields */ #submit-job-form .field-head label { margin-bottom: 10px; font-weight: 400; padding-left: 15px; } #submit-job-form .field>input { background-color: var(--mainbackground); border-radius: var(--buttonborderradius); margin-bottom: 2px; padding: 15px 15px !important; box-shadow: var(--buttonactiveboxshadow); } #submit-job-form .field>input:focus, #submit-job-form .field>textarea:focus { border-bottom: 2px solid var(--buttonactiveboxshadow); box-shadow: var(--buttonactiveboxshadow); } .select2-container .select2-search--inline .select2-search__field { box-shadow: var(--buttonactiveboxshadow); border-bottom: none !important; border-radius: var(--buttonborderradius); padding: 6px 15px !important; } .select2-container--default .select2-selection--multiple { border-bottom: none !important; } .c27-submit-listing-form input[type=button] { background: var(--mainbackground) !important; border-radius: var(--buttonborderradius); box-shadow: var(--buttonactiveboxshadow) !important; } #submit-job-form .social-networks-repeater .select2-container--default .select2-selection--single, #submit-job-form .work-hours-repeater .select2-container--default .select2-selection--single { border-bottom: none !important; } .select2-container--default .select2-selection--single .select2-selection__clear:before { color: #ff0000; background: var(--mainbackground); } /* MC Tool Bar */ .mce-toolbar .mce-btn-group .mce-btn, .qt-dfw { border: 1px solid var(--buttonactiveboxshadow); margin: 2px; border-radius: var(--buttonborderradius); } .mce-toolbar .mce-btn-group .mce-btn:focus, .mce-toolbar .mce-btn-group .mce-btn:hover, .qt-dfw:focus, .qt-dfw:hover { background: #f6f7f7; border-radius: 100px; border-color: transparent !important; box-shadow: 3px 3px 3px #d1d9e6, -3px -3px 3px #fff !important; } .mce-statusbar>.mce-container-body .mce-path { border-radius: 0px !important; } .mce-widget, .mce-widget *, .mce-reset { background: var(--mainbackground) !important; } .mce-container, .mce-container *, .mce-widget, .mce-widget * { border-radius: 10px; } .mce-flow-layout { background: #fff !important; } i.mce-i-resize { border-radius: 0px !important; } .mce-toolbar .mce-btn-group .mce-btn.mce-active, .mce-toolbar .mce-btn-group .mce-btn:active, .qt-dfw.active { background: #f0f0f1; border-color: var(--mainbackground) !important; box-shadow: 3px 3px 3px #d1d9e6, -3px -3px 3px #fff !important; border-radius: var(--buttonborderradius); } /* Add Listing Nav */ .add-listing-nav { width: 350px; font-size: 15px; letter-spacing: 0.04em; } .add-listing-nav a i { box-shadow: var(--buttonactiveboxshadow); border: none !important; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .add-listing-nav li.active a { font-weight: 500; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .add-listing-nav li.active i span { background: var(--accent); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .add-listing-nav li.active i { border: none !important; box-shadow: 4px 2px 16px rgb(136 165 191 / 48%), -4px -2px 16px #ffffff; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } /* Location Input */ input#job_location { border-radius: var(--buttonborderradius); padding: 13px 15px; border-bottom: none !important; box-shadow: var(--buttonactiveboxshadow); } i.mi.my_location.cts-get-location { padding-right: 15px; } /* Image Upload */ .field-type-file.form-group .review-gallery-add { box-shadow: var(--buttonactiveboxshadow); border-radius: 5px; } /* .review-gallery-add { border: none !important; } .review-gallery-add { margin: 0 10px 10px 15px; }*/ #submit-job-form .file-upload-field small { padding-left: 15px; } /* Date Input */ .date-end, .date-start, .recur-details { background: var(--mainbackground) !important; } /* Event Date Input */ .repeat-message ul li { background: var(--accent); padding: 5px 15px; border-radius: 50px; color: #fff; } .daterangepicker.ltr.single.opensright.show-calendar { background: var(--mainbackground) !important; border: none !important; box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; border-radius: var(--contentborderradius) !important; } .calendar-table { background: var(--mainbackground) !important; } table.table-condensed { background: var(--mainbackground); } button.applyBtn.btn.btn-sm.btn-primary {    border-radius: var(--buttonborderradius) !important; } .daterangepicker select.monthselect { border-radius: var(--buttonborderradius); } .daterangepicker select.yearselect { border-radius: var(--buttonborderradius); } /* Repeater Field */ .repeater-field-wrapper { border: 1.5px solid var(--mainbackground); border-radius: 10px; box-shadow: var(--buttonactiveboxshadow); } .resturant-menu-repeater .repeater-field-wrapper .item-head input { border-radius: var(--buttonborderradius); margin-bottom: 2px; padding: 15px 15px !important; box-shadow: var(--buttonactiveboxshadow); border-bottom: none !important; } .c27-submit-listing-form .form-group .field textarea { border-radius: var(--contentborderradius); margin-top: 15px; padding: 15px 15px !important; box-shadow: var(--buttonactiveboxshadow); border-bottom: none !important; } /* Opening Times Input */ .c27-submit-listing-form .form-group .tab-content { background: var(--mainbackground); } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: var(--mainbackground); } .md-checkbox label:before { background: var(--mainbackground); border: 2px solid var(--mainbackground); } /* Dropdown Input */ .select2-dropdown { background-color: var(--mainbackground); } .pac-container .pac-item, .select2-results__option { background: var(--mainbackground) !important; } .select2-container--default .select2-search--dropdown .select2-search__field { border-bottom: none !important; border: none; background: var(--mainbackground); border-radius: 20px !important; box-shadow: var(--buttonactiveboxshadow); } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--mainbackground); color: var(--accent); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .select2-container--default .select2-selection--single .select2-selection__rendered { box-shadow: var(--buttonactiveboxshadow) !important; border-bottom: none !important; border-radius: var(--buttonborderradius); padding: 14px 15px !important; border-bottom: none !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { right: 13px; } .select2-dropdown.select2-dropdown{ border-radius: 20px !important; } .select2-search--dropdown.select2-search--hide { border-radius: 20px !important; } .md-group label { padding-left: 13px; padding-top: 10px; } .md-group select:required:valid~label { top: -25px; } .form-group.explore-filter.orderby-filter.md-group { margin-top: 35px; } /* Delete Buttonn */ button.delete-repeater-item.buttons.button-5.icon-only.small { box-shadow: var(--contentboxshadow); background: var(--mainbackground) !important; color: #f00; } /* Buttons */ button.skip-preview-btn.button.buttons.button-2 { background: var(--accent) !important; border-radius: var(--buttonborderradius); } button.preview-btn.button.buttons.button-5 { background: var(--accent) !important; border-radius: var(--buttonborderradius); color: #fff; } .c27-submit-listing-form input[type=button] { background: var(--mainbackground) !important; border-radius: var(--buttonborderradius); box-shadow: var(--buttonactiveboxshadow); transition: .3s ease !important; } div#form-section-submit > .form-section { box-shadow: none !important; } .event-picker .single-date .remove-date i, .social-networks-repeater div div button[type=button] i, .work-hours-repeater li.day button[type=button] i { color: rgb(255 0 0 / 70%); } /* Check Boxes */ .md-checkbox label:before { box-shadow: var(--buttonactiveboxshadow); border: 1px solid var(--accent) !important; } .md-checkbox input[type=checkbox]:checked+label:before, .md-checkbox input[type=radio]:checked+label:before { box-shadow: none !important; } /***** SIGN IN / REGISTER *****/ /* Login & Register */ .no-login-background .login-content { width: 410px; box-shadow: var(--contentboxshadow); padding: 10px 40px 20px 40px; border-radius: 12px; } .forgot-password { margin-top: 30px; text-align: center; } p.connect-with { text-align: center; } .forgot-password > a { color: var(--accent); } button.buttons.button-2.full-width { border-radius: var(--buttonborderradius); box-shadow: 15px 15px 31px #d4d8db, -15px -15px 31px #ffffff; } .choose-role-text { font-size: 16px; font-weight: 600; text-align: center; margin-bottom: 5px; } .role-tabs { justify-content: center; margin-bottom: 20px; } @media only screen and (max-width: 480px){ .role-tabs { display: flex; } } .login-tabs { justify-content: center; margin-bottom: 30px; } .woocommerce-password-strength { border-radius: var(--buttonborderradius); } .cts-social-login-wrapper .buttons { border-radius: var(--buttonborderradius) !important; color: var(--maintextcolor) !important; } .cts-social-login-wrapper .buttons i { background: #fff; padding: 5px; border-radius: var(--buttonborderradius); box-shadow: var(--buttonactiveboxshadow) !important; } .buttons.button-5.cts-google-signin { margin-bottom: 15px !important; } /* Login Box */ .sign-in-form button[type=submit] { font-size: 20px; } .cts-social-login-wrapper .buttons { border: none !important; border-radius: 6px; color: var(--accent); box-shadow: 0px 2px 5px 0px rgb(47 61 74 / 20%); } .no-login-background .login-content { width: 405px; box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); padding: 10px 30px; } .login-container { background: var(--mainbackground); } .woocommerce form.sign-in-form .form-group input { background-color: var(--mainbackground); border-radius: var(--contentborderradius); margin-bottom: 2px; box-shadow: var(--buttonactiveboxshadow); border-bottom: none !important; padding: 15px 15px; } .woocommerce form.sign-in-form .form-group input:placeholder-shown~label { left: 15px; } .md-checkbox label:before { border-radius: var(--buttonborderradius); } .woocommerce form.sign-in-form .form-group input:-webkit-autofill~label, .woocommerce form.sign-in-form .form-group input:focus~label { opacity: 0; } .woocommerce form.sign-in-form .form-group label { top: -22px; } /***** Add Listing Cards ******/ .face.ac-front-side { -webkit-transform: none !important; transform: none !important; } .cat-card:hover .ac-back-side { -webkit-transform: none !important; transform: none !important; z-index: 2; } .cat-card:hover .ac-back-side { display: none !important; } .ac-front-side.face:hover { box-shadow: var(--buttonhoverboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .ac-front-side.face:active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .face.ac-back-side p { display: none; } .ac-front-side .cat-icon i { color: var(--accent); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .ac-front-side .cat-icon i:hover { margin-bottom: 5px; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .ac-front-side .cat-icon { opacity: 1; background-color: transparent !important; } .face.ac-front-side { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius) !important; } /* Listing Packages */ .pricing-item.c27-pick-package.cts-pricing-item { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); margin: 10px; margin-bottom: 30px; border: none; } .select-plan { border-radius: var(--buttonborderradius); } /********* DASHBAORD *********/ /* Fix Font Size */ .mlduo-stat-box.second > h2 { font-size: 30px; } .mlduo-account-menu { background: var(--mainbackground); border-bottom: 1px solid var(--mainbackground); } .woocommerce-MyAccount-content .element { box-shadow: var(--buttonhoverboxshadow); background: var(--mainbackground); border-radius: 20px !important; } .mlduo-stat-box { background: var(--mainbackground) !important; box-shadow: var(--buttonhoverboxshadow); border-radius: 25px; } .mlduo-stat-box i { color: var(--accent); opacity: 0.6; } .mlduo-stat-box h2, .mlduo-stat-box p { color: var(--maintextcolor); } .woocommerce table.job-manager-jobs tr { box-shadow: var(--contentboxshadow); background: var(--mainbackground) !important; border-radius: var(--contentborderradius) !important; } .l-type .listing-type .value { color: var(--maintextcolor); font-size: 16px; background: var(--mainbackground); } .visit-chart-actions>a.active { border: 1px solid var(--accent); color: #fff; background: var(--accent); } /* Toggle Top Refferals */ i.mi.keyboard_arrow_down { box-shadow: var(--buttonboxshadow) !important; background: var(--mainbackground) !important; border: none !important; } /***** EXPLORE *****/ /* Hide Search Button on Desktop */ /*@media only screen and (min-width: 1201px){ .buttons.button-2.full-width.c27-explore-search-button { display: none !important; } }*/ .explore-head { background: var(--mainbackground); box-shadow: none !important } .finder-container { box-shadow: none !important; } .finder-search { background: var(--mainbackground); } .explore-head:not(:empty)~.fc-default .finder-listings, .explore-head:not(:empty)~.fc-default .finder-search, .explore-head:not(:empty)~.finder-map { box-shadow: none !important; } .form-group.fc-search { background: var(--mainbackground); } .finder-listings { background: var(--mainbackground); } .range-list a { background: var(--mainbackground); border: 1.5px solid rgb(236 240 243) !important; box-shadow: var(--buttonhoverboxshadow); } .location-wrapper input[type=text] { background-color: var(--mainbackground); border-radius: var(--buttonborderradius); margin-bottom: 2px; padding: 15px 15px !important; box-shadow: var(--buttonactiveboxshadow); border-bottom: none !important; } .md-group input { background-color: var(--mainbackground); border-radius: var(--buttonborderradius); margin-bottom: 2px; padding: 15px 15px !important; box-shadow: var(--buttonactiveboxshadow)!important; border-bottom: none !important; } .select2-container--below.select2-container--open .select2-selection__rendered:after { display: none; } .md-group input:focus~label, .md-group input:required:valid~label, .md-group select:required:valid~label, .md-group select[multiple]~.select2-container--focus~label { opacity: 0; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .form-group .radius .ui-slider-horizontal .ui-slider-handle, .form-group .ui-state-default, .form-group .ui-widget-content .ui-state-default, .form-group .ui-widget-header .ui-state-default, .ui-button, html .form-group .ui-button.ui-state-disabled:active, html .form-group .ui-button.ui-state-disabled:hover { background: var(--accent); width: 20px; height: 20px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; border: none !important; } .slider-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content { box-shadow: var(--buttonactiveboxshadow); } a.reset-results-27.full-width { margin-bottom: 20px !important; } .geocode-location { padding-right: 15px; } /* Reset Search */ a.reset-results-27.full-width { color: #bc1c1c; } @media only screen and (min-width: 768px) { a.reset-results-27.full-width { padding-bottom: 20px; } } /* Search Button */ a.buttons.button-2.full-width.c27-explore-search-button { border-radius: var(--buttonborderradius) !important; } /* Map */ .mapdrag-switch { background: var(--mainbackground); border-radius: var(--buttonborderradius) !important; } .c27-map { border-radius: var(--contentborderradius) !important; } div#finderMap { border-radius: var(--contentborderradius) !important; } canvas.mapboxgl-canvas { border-radius: var(--contentborderradius) !important; } @media only screen and (min-width: 1201px){ .collapse-map-btn { position: absolute; bottom: 65px; left: 10px; z-index: 99 !important; background: var(--mainbackground) !important; box-shadow: 0 5px 33px rgb(0 0 0 / 20%); color: var(--accent); } } a.expand-map-btn i { color: var(--accent); } .c27-map~a.collapse-map-btn i { color: var(--accent); } /* TYPES BUTTONS */ .explore-head .explore-types>div { box-shadow: var(--buttonboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); color: var(--accent) !important; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); margin: 20px 20px; } .explore-head .explore-types>div:hover { box-shadow: var(--buttonhoverboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .explore-head:not(:empty)~.finder-map { top: 115px; } .explore-head .explore-types>div>a { padding: 0 70px; } .explore-head .explore-types>div:after, .instant-results:before, .main-nav .i-dropdown:before, ul.dropdown-menu:before { display: none !important; } .item.active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .finder-title { box-shadow: none !important; } /*.cts-next.cts-show { display: none; } .cts-prev.cts-show { display: none; }*/ /* MOBILE SEARCH */ @media only screen and (max-width: 768px){ .explore-head-search input { height: 48px; background-color: var(--mainbackground); border-radius: var(--buttonborderradius); padding: 10px 35px !important; box-shadow: var(--buttonactiveboxshadow); border-bottom: none !important; } .mobile-explore-head-top { box-shadow: none !important; background: var(--mainbackground); } .explore-head-top-filters, .explore-head-top-filters a { background: var(--mainbackground); } .explore-head-search>i { left: 8px; } .explore-head .explore-types>div>a { padding-left: 40px!important; padding-right: 40px!important; } .explore-head .explore-types>div { margin: 17px 10px !important; } .finder-search { background: var(--mainbackground) !important; } .buttons.button-2.full-width.c27-explore-search-button { display: flex !important; border-radius: var(--buttonborderradius) !important; box-shadow: var(--buttonboxshadow); background: var(--mainbackground) !important; opacity: 1 !important; color: var(--accent); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } a.buttons.button-2.full-width.c27-explore-search-button:hover { background: var(--mainbackground); color: var(--accent); box-shadow: var(--buttonhoverboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } a.buttons.button-2.full-width.c27-explore-search-button:active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } a.close-filters-27, a.reset-results-27 { background: transparent; } .explore-mobile-nav .nav-tabs li a { background: var(--mainbackground); border-radius: var(--buttonborderradius); } .explore-head:not(:empty)~.finder-map { top: 110px; } } @media only screen and (min-width: 1201px){ .no-map-tmpl .mobile-explore-head-top { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); } } .explore-head-top-filters, .explore-head-top-filters a { background: var(--mainbackground); } /***** HOME PAGE *****/ /* SEARCH .fs-tabs .tab-content { background: var(--mainbackground) !important; box-shadow: var(--contentboxshadow); border-radius: var(--buttonborderradius) !important; border: none !important; } */ .mylisting-basic-form.featured-light .fs-tabs .nav-tabs>li.active>a { background: transparent; border: none !important; margin-bottom: 5px; } /* .featured-search .buttons.search { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); color: var(--accent) !important; -webkit-transition: var(--buttontransition); transition: var(--buttontransition); } .featured-search .buttons.search:hover { box-shadow: var(--buttonhoverboxshadow); } .featured-search .buttons.search:active { box-shadow: var(--buttonactiveboxshadow); -webkit-transition: var(--buttontransition); transition: var(--buttontransition); }*/ .featured-search .form-group input { background-color: var(--mainbackground); border-radius: var(--buttonborderradius); margin-bottom: 2px; padding: 15px 10px !important; box-shadow: var(--buttonactiveboxshadow) !important; border-bottom: none !important; } .featured-search .fs-tabs .tab-content .form-group label { padding-left: 17px; padding-top: 8px; } .geocode-location { padding-right: 15px; } .select2-container--default .select2-selection--single .select2-selection__arrow:before { color: var(--accent); } /********** CHECKOUT **********/ .ts-billing-details.element { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); } table.shop_table.woocommerce-checkout-review-order-table { box-shadow: var(--contentboxshadow) !important; background: var(--mainbackground) !important; border-radius: var(--contentborderradius) !important; border-top: none !important; } div#payment { box-shadow: var(--contentboxshadow); background: var(--mainbackground) !important; border-radius: var(--contentborderradius) !important; border: 2px solid var(--accent); } li.woocommerce-notice.woocommerce-notice--info.woocommerce-info { box-shadow: none !important; background: var(--mainbackground) !important; } button#place_order { border-radius: var(--buttonborderradius) !important; box-shadow: 4px 2px 16px rgb(136 165 191 / 48%), -4px -2px 16px #ffffff !important; } .woocommerce form.checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr th { font-size: 15px; } /* Chckout Input Fields */ .woocommerce form .form-row input.input-text { box-sizing: border-box; box-shadow: var(--buttonactiveboxshadow); border-bottom: none!important; padding: 12px 15px; border-radius: var(--buttonborderradius); } /* Coupon Code */ .woocommerce form.checkout_coupon { background: var(--mainbackground); box-shadow: none !important; } .checkout_coupon .form-row-last button.button { border-radius: var(--buttonborderradius); } /* WC Notification */ .job-manager-message { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: 30px; border: none !important; } .woocommerce-checkout .woocommerce-form-login-toggle~.woocommerce-form.woocommerce-form-login, .woocommerce-error, .woocommerce-info, .woocommerce-message { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); } /* WC Notification Icon */ @media only screen and (min-width: 768px){ .job-manager-error:before, .job-manager-info:before, .job-manager-message:before { font-size: 22px; top: 0.48em; } } /********* BLOG CARDS **********/ .sbf-title { background: var(--mainbackground); } .sbf-container { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius) !important; margin: 5px; } .sbf-container:hover { box-shadow: var(--buttonhoverboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius) !important; } .sbf-thumb { border-radius: 20px 20px 0px 0px !important; } .sbf-title a { font-weight: 400 !important; } .sbf-title p { font-size: 14px; font-weight: 300 !important; color: var(--maintextcolor); } /***** Contect Form 7 *****/ textarea.wpcf7-form-control.wpcf7-textarea { box-shadow: var(--buttonactiveboxshadow); border-radius: 30px; border-bottom: none !important; margin-top: 10px; } input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { box-shadow: var(--buttonactiveboxshadow); border-radius: var(--buttonborderradius); padding: 14px 40px!important; width: 100%; border-bottom: none !important; margin-top: 10px; } /***** Compare *****/ .compare-chosen { outline: 2px solid var(--accent); } div#comparison-view { background: var(--mainbackground); } #comparison-view .modal-content { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius) !important; } .compare-table .compare-row:nth-child(2n) { background: var(--mainbackground); } .compare-table .compare-row { border-bottom: 1px solid #e5e5e5; } .compare-table .compare-row:first-child { background: var(--accent); color: #fff; } .compare-bar { background: var(--mainbackground); padding: 5px; } .compare-bar>a.buttons.button-5 { background: var(--mainbackground) !important; } .compare-bar>a.buttons.button-2 { box-shadow: 3px 3px 7px #d4d8db, -3px -3px 7px #fff; background: var(--mainbackground); border-radius: var(--contentborderradius); color: var(--accent)!important; transition: .8s ease!important; } .compare-bar { z-index: 99999999 !important; } /***** SHARE *****/ ul.share-options { background: var(--mainbackground) !important; border-radius: var(--contentborderradius) !important; } .social-share-modal .share-options li a i { color: var(--accent) !important; background: var(--mainbackground) !important; } /****** REPORT ******/ .modal-content { border-radius: var(--contentborderradius) !important; } textarea.report-content { border-radius: var(--contentborderradius); border-bottom: none !important; margin-top: 10px; padding: 17px; } #report-listing-modal .sign-in-box { background: var(--mainbackground) !important; border-radius: var(--contentborderradius) !important; } /***** Cart *****/ #wc-cart-modal .modal-content { background: var(--mainbackground) !important; border-radius: var(--contentborderradius) !important; border: none !important; box-shadow: var(--contentboxshadow); } a.button.checkout.wc-forward { box-shadow: var(--buttonboxshadow) !important; background: var(--mainbackground) !important; border-radius: var(--contentborderradius); color: var(--accent)!important; margin: 15px !important; } /* Hide View Cart Button */ #wc-cart-modal .woocommerce-mini-cart__buttons>a:first-child { display: none !important; } p.woocommerce-mini-cart__total.total { float: right; font-size: 18px; } a.remove.remove_from_cart_button { background: var(--mainbackground) !important; box-shadow: 2px 1px 8px rgb(136 165 191 / 48%), -2px -1px 8px #fff; border: none !important; } #wc-cart-modal a.remove_from_cart_button:before { color: red !important; } /********** Messenger Edits **********/ @media only screen and (min-width: 768px){ #ml-messages-modal { padding: 0!important; margin: 0% 2% 0% 65%; background: transparent; z-index: 99999999; } #ml-messages-modal .modal-dialog { margin-bottom: 0px; width: 450px; } #ml-messages-modal .sign-in-box { padding: 0!important; border-radius: 10px 10px 0px 0px; } .message-inbox-chat .inbox-header { border-radius: 10px 10px 0px 0px; } .compose-message .inbox-header, .inbox-header, .message-inbox .inbox-header { border-radius: 10px 10px 0px 0px; } #ml-messages-modal .modal-content { border: none!important; box-shadow: 0px 0px 21px rgb(120 120 120 / 16%); } .message-inbox { min-height: 680px !important; border-radius: 10px 10px 0px 0px; } .inbox-contents { max-height: 610px; } .message-listing-origin span { text-overflow: inherit; } .compose-message { min-height: 680px; } } a.advert-title { font-size: 15px; font-weight: bold; float: right; } .inbox-header.inbox-header .inbox-avatar h6 a { display: block !important; } .empty-inbox>p { padding: 0 20px; } span.select2-container.select2-container--default.select2-container--open { z-index: 99999999; } .compose-message .inbox-header, .inbox-header, .message-inbox .inbox-header { background: var(--mainbackground); } .message-inbox { background: var(--mainbackground); } .compose-message { background: var(--mainbackground); } .inbox-chat-contents ul { background: var(--mainbackground); } .inbox-chat-contents form textarea { background: var(--mainbackground); border-radius: var(--buttonborderradius); box-shadow: var(--buttonactiveboxshadow); border-bottom: none!important; margin: 10px; padding: 15px; } .message-inbox-chat { background: var(--mainbackground); } #ml-messages-modal button.close, .inbox-actions .block-chat, .inbox-actions .delete-chat, .inbox-header .go-back-btn { background: transparent; } .load-more-msgs { background-color: var(--mainbackground); } .inbox-contents ul li { background: var(--mainbackground); } .inbox-contents ul li:hover { background: var(--accent); opacity: 0.5; } .emoji-items-wrap1 { background: var(--mainbackground); } .inbox-chat-contents .emoji-menu { border-radius: 15px; box-shadow: 2px 1px 8px rgb(136 165 191 / 48%), -2px -1px 8px #ffffff; right: 10px; border: none !important; } .messaging-center .compose-btn { border-radius: var(--buttonborderradius) !important; } /* Product Page */ .woocommerce div.product div.summary { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); } .summary.entry-summary, .woocommerce-page div.product .woocommerce-tabs { box-shadow: var(--contentboxshadow); background: var(--mainbackground); border-radius: var(--contentborderradius); } .panel { background: var(--mainbackground); } .woocommerce div.product .woocommerce-tabs ul.tabs li a { background: var(--mainbackground); } @media only screen and (max-width: 768px){ #contact-form-modal { align-items: start; } } /****** MYLISTING PRICING PAGES AND TABLES ******/ /**** MYLISTING PRICING PAGE ****/ /** UPGRADE. DOWNGRADE. CANCEL ANY TIME **/ .add-listing-step .section-title h2 { font-size: 22px !important; } /**** PRICING PLAN NAMES ****/ .pricing-item .plan-name { padding: 20px 60px 0px 60px; } /**** CHECKMARK ICONS ****/ .pricing-item .fa.fa-check { color: #000 !important; } /**** PRICING TABLE BOXES ****/ .pricing-item { box-shadow: -5px 5px 20px 0px rgba(0,0,0,0.03); border: 1px solid #e6a79b; transition: box-shadow 0.3s ease-in-out; margin-bottom: 20px; } /** VOW BRAND NAME LABEL **/ .pricingtablebrand { font-family: Meddon; font-size: 20px; text-transform: capitalize; color: #e6a79b; } /** PRICES **/ .pricing-item .plan-price span.amount { font-weight: bold; font-size: 60px; } /** PUT THE SUBSCRIPTION LENGTH ON THE SAME LINE AS THE PRICE **/ .pricing-item span.subscription-details { display: inline; } /**** REMOVE THE DEFAUL MYLISTING 'SELECT PLAN' BUTTONS ****/ .page-id-1877 a.buttons { display: none; } /**** PRICING PLANS MARKED 'FEATURED' WITHIN THE LISTING TYPE SETTINGS ****/ .featured-plan-badge { border-bottom: 60px solid #f7f7f7; border-left: 60px solid #f7f7f7; border-radius: 5px 0px 60px 0px; } .featured-plan-badge span { top: 15px; left: -45px; } /**** FREE PACKAGE ****/ /** HIDES THE '/MONTH' FROM THE FREE PACKAGE **/ .col-md-4:first-child span.subscription-details { display: none; } .page-id-23 .term-icon.image-icon { min-width: 20px; }