:root { --accent: #f24286; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(234, 234, 234, 1), -10px 10px rgba(234, 234, 234, 0.2), -10px -10px rgba(234, 234, 234, 1), 10px -10px rgba(234, 234, 234, 0.2); } 25% { box-shadow: -10px 10px rgba(234, 234, 234, 0.2), -10px -10px rgba(234, 234, 234, 1), 10px -10px rgba(234, 234, 234, 0.2), 10px 10px rgba(234, 234, 234, 1); } 50% { box-shadow: -10px -10px rgba(234, 234, 234, 1), 10px -10px rgba(234, 234, 234, 0.2), 10px 10px rgba(234, 234, 234, 1), -10px 10px rgba(234, 234, 234, 0.2); } 75% { box-shadow: 10px -10px rgba(234, 234, 234, 0.2), 10px 10px rgba(234, 234, 234, 1), -10px 10px rgba(234, 234, 234, 0.2), -10px -10px rgba(234, 234, 234, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }.select2-container--default .select2-selection--multiple .select2-selection__arrow { position: absolute; right: 0; top: -1px; font-family: Material Icons; } .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--multiple .select2-selection__arrow:before { content: "\e313"; font-size: 20px; position: absolute; color: #f24286; right: 0; top: 11px; font-family: Material Icons!important; } /* Multiselect drop down arrow code in CSS. There is corresponding code in Javascript */ /* Demarcating line after radio-buttons */ .c27-submit-listing-form .form-group .field > .md-checkbox:last-child { height: 40px; } .c27-submit-listing-form .form-group .field > .md-checkbox:last-child:after { content: ''; display: block; width: 100%; height: 1px; background: rgba(0,0,0,0.25); position: absolute; top: 34px; } /* Demarcating line after radio-buttons code ends here */ /*Changing the width of the Number Fields. You can use this css to do that.*/ .c27-submit-listing-form .form-group input[type=number] { width: 140px; } /* End of Number Fields Code */ /*You can make all the tags full width by using this CSS ( add it in theme options > custom code > custom CSS)*/ /* No effect*/ .finder-tabs .tags-nav li { width: 100%; } /* End of the code*/