:root { --accent: #0491c9; } @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: }.wp_btn_refer { display: none; } /* Sign-in button */ .signin-area a { border: 1px solid #d8d8d8; /* Change #000 to your preferred border color */ padding: 8px 16px; /* Adjust padding as needed for visual appearance */ text-decoration: none; /* Optional: removes the underline from links */ border-radius: 15px; /* Rounded corners */ color: #000; /* Change #000 to your preferred text color */ margin: 0 5px; /* Adjust spacing between links */ display: inline-block; /* Ensures padding and border are applied correctly */ } /* search button */ /* Adjusting the header search input field */ .header-search input[type="text"], .header-search input[type="search"] { /* Adjusts the selector to target the input within .header-search */ font-weight: 400 !important; background-color: #fcfcfc; /* Light grey background for a lighter look */ border: 1px solid #ddd !important; /* Light grey border for subtlety */ border-radius: 20px !important; /* Rounded corners as given */ padding: 8px 15px; /* Sufficient padding for aesthetic spacing */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Light box-shadow for depth */ color: #333; /* Darker font color for contrast */ } /* Adjusting the header search button */ .header-right .header-button a.buttons, .featured-search .search { border-radius: 20px !important; /* Ensures rounded corners as given */ background-color: #fff !important; /* White background for a lighter button */ color: #333 !important; /* Dark font color for readability */ padding: 8px 16px !important; /* Padding for a comfortable clickable area */ text-decoration: none; /* Removes underline from links */ display: inline-block; /* Allows the application of padding and margin */ margin: 0 5px; /* Margin for spacing around buttons */ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Consistent box-shadow as input field */ } /* Adding hover effect to the button for interactivity */ .header-right .header-button a.buttons:hover, .featured-search .search:hover { background-color: #e9e9e9 !important; /* Slightly darker on hover for feedback */ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Deeper shadow on hover for emphasis */ }