:root { --accent: #039599; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(2, 3, 57, 1), -10px 10px rgba(2, 3, 57, 0.2), -10px -10px rgba(2, 3, 57, 1), 10px -10px rgba(2, 3, 57, 0.2); } 25% { box-shadow: -10px 10px rgba(2, 3, 57, 0.2), -10px -10px rgba(2, 3, 57, 1), 10px -10px rgba(2, 3, 57, 0.2), 10px 10px rgba(2, 3, 57, 1); } 50% { box-shadow: -10px -10px rgba(2, 3, 57, 1), 10px -10px rgba(2, 3, 57, 0.2), 10px 10px rgba(2, 3, 57, 1), -10px 10px rgba(2, 3, 57, 0.2); } 75% { box-shadow: 10px -10px rgba(2, 3, 57, 0.2), 10px 10px rgba(2, 3, 57, 1), -10px 10px rgba(2, 3, 57, 0.2), -10px -10px rgba(2, 3, 57, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/* preview card header button */ .lf-head-btn { position: relative; font-weight: bold; /* Makes the text bold */ font-size: 13px; padding: 0 7px; align-items: center; color: #000; /* Changes text color to black */ background: transparent; border: 2px solid #020339; /* Changes the border color to red */ border-radius: 5px; line-height: 17px; height: 32px; } /* preview card Fields below title */ .lf-contact.no-list-style { list-style-type: none; /* Removes bullet points */ padding: 0; margin: 0; } .lf-contact.no-list-style li { background: #f0f0f0; /* Sets a background color for each item */ color: #020339; /* Sets text color to black */ font-weight: bold; /* Makes the text bold */ padding: 10px; /* Adds some padding to the items */ margin-bottom: 5px; /* Adds space between the items */ border-radius: 5px; /* Rounds the corners of each item */ text-align: center; /* Centers the text in each item */ } /* preview card view footer section*/ .details-list.no-list-style { list-style-type: none; /* Removes bullet points */ padding: 0; margin: 0; display: flex; flex-wrap: wrap; /* Allows items to wrap into rows */ gap: 10px; /* Adds spacing between items */ } .details-list.no-list-style li { background: white; /* Background color */ color: black; /* Text color */ font-weight: bold; /* Bold text */ padding: 10px; border-radius: 5px; text-align: center; font-size: 14px; box-sizing: border-box; } /* First two items will take 50% width each */ .details-list.no-list-style li:nth-child(1), .details-list.no-list-style li:nth-child(2) { flex: 1 1 48%; /* 50% width with space for gap */ } /* Third item will take 100% width */ .details-list.no-list-style li:nth-child(3) { flex: 1 1 100%; /* Full width for the third item */ } /* short description charcter limitations */ .details-list { text-align: left; /* Ensure list items are left-aligned */ } .details-list li span { display: -webkit-box; -webkit-line-clamp: 3; /* Limits the text to 3 lines */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; /* Allows text to wrap like a paragraph */ text-align: left; /* Ensure the text inside the span is left-aligned */ width: 100%; /* Make sure the span takes full width available */ }