:root { --accent: #185ca0; } @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 }.wide .fs-tabs .add-box-shadow{box-shadow: 0px 5px 70px 0px; } /* ML - SINGLE LISTING - SECTIONS */ .single-job-listing .element {border-radius:15px;box-shadow:0px 0px 20px 5px rgba(0,0,0,0.45);} .lf-item { border-top-right-radius: 20px; border-top-left-radius: 20px; } .listing-preview .c27-footer-section:last-child { {border-radius:15px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.25);} border-bottom-left-radius: 20px!important; border-bottom-right-radius: 20px!important; } .listing-cat { border-radius: 20px; AND/OR .category-background { border-radius: 40px; } /* --- MENU DESIGN TO ONLY EFFECT DESKTOP --- */ @media only screen and (min-width: 1201px) { /* DESIGN SUB MENU - BACKGROUND BORDER */ .i-dropdown { background: #00000080!important; /* Use #FFFFFF80 for %50 white then change to black text */ } ul.dropdown-menu>li>a:focus, ul.dropdown-menu>li>a:hover { background: #00000000!important; } .sub-menu.i-dropdown, .i-dropdown.dropdown-menu{ border-color:#fff; /* Change to #000 for black border */ border-width: 2px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } /* DESIGN MENU - TEXT */ .i-nav li a, .i-dropdown li a, .user-area .user-profile-name { color: #fff!important; /* Change to #000 for black text */ } /* BG */ .quick-listing-actions>ul>li>a { background: #000 !important; } /* Text */ .quick-listing-actions>ul>li>a span { color: #fff !important; } /* Icon */ .quick-listing-actions>ul>li>a>i { color: #fff !important; } For tabs... .profile-header .profile-menu ul li a { background: #000 !important; color: #fff !important; }