assets/css/appscms-theme.css in appscms-tools-theme-4.8.9 vs assets/css/appscms-theme.css in appscms-tools-theme-4.9.0
- old
+ new
@@ -2586,5 +2586,359 @@
.slide {
flex: 0 0 100%;
margin-right: 0;
}
}
+.icon_box img {
+ border-radius: 9px;
+ padding: 4px;
+}
+
+ .search-container {
+ display: flex;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ overflow: hidden;
+ height: 38px;
+ width: 400px;
+ background-color: white;
+ position: relative;
+}
+
+.search-input {
+ flex: 1;
+ border: none;
+ padding: 12px 16px;
+ font-size: 16px;
+ outline: none;
+}
+
+.search-input::placeholder {
+ color: #888;
+}
+
+.search-button {
+ background-color: var(--primary-color);
+ border: none;
+ padding: 0 16px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ outline: none;
+ border-radius: 0 !important;
+}
+
+.search-button svg {
+ /* fill: #fff; */
+ height: 20px;
+}
+
+.search-button:active {
+ background-color: #555;
+}
+.nav-search{
+ position: relative;
+}
+.result-item{
+ padding: 9px 12px;
+}
+.result-item a{
+ color: #222325;
+}
+.searchbarResults{
+ overflow: scroll;
+ height: 60vh;
+ background-color: #fff;
+ border: 1px solid #e4e5e7;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
+ box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: #74767e;
+ cursor: default;
+ margin-top: 8px;
+ padding: 12px;
+ position: absolute;
+ width: 100%;
+ z-index: 101;
+ display: none;
+}
+
+
+
+ .scroll-container {
+ display: flex;
+ align-items: center;
+ background-color: #333;
+ position: relative;
+ }
+
+ .scroll-left,
+ .scroll-right {
+ background-color: #4456f6f7;
+ color: white;
+ border: none;
+ height: 40px;
+ cursor: pointer;
+ position: absolute;
+ width: 40px;
+ top: 50%;
+ z-index: 100;
+ transform: translateY(-50%);
+ }
+
+ .scroll-left {
+ left: 0;
+ }
+
+ .scroll-right {
+ right: 0;
+ }
+
+ .scroll-left:hover,
+ .scroll-right:hover {
+ background-color: #8691f6f7;
+ }
+
+ .navbar {
+ /* overflow-x: auto; */
+ white-space: nowrap;
+ flex-grow: 1;
+ scroll-behavior: smooth;
+ display: flex;
+ }
+
+ .navbar ul {
+ padding: 0;
+ margin: 0;
+ display: flex;
+ list-style-type: none;
+ }
+
+ .navbar li {
+ display: inline;
+ }
+
+
+
+ .mobile-search-bar {
+ position: relative;
+ height: 100px;
+ width: 100%;
+ display: none;
+ }
+
+ .mobile-search-container {
+ display: flex;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ overflow: hidden;
+ height: 38px;
+ margin: 20px 0px 20px 0px;
+ background-color: white;
+ position: relative;
+ }
+
+ .mobile-search-input {
+ flex: 1;
+ border: none;
+ padding: 12px 16px;
+ font-size: 16px;
+ outline: none;
+ }
+
+ .mobile-search-input::placeholder {
+ color: #888;
+ }
+
+ .mobile-search-button {
+ background-color: #000;
+ border: none;
+ padding: 0 16px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ outline: none;
+ }
+
+ .mobile-search-button svg {
+ /* fill: #fff; */
+ height: 20px;
+ }
+
+ .mobile-search-button:active {
+ background-color: #555;
+ }
+
+ .mobile-nav-search {
+ position: relative;
+ }
+
+ .mobile-result-item {
+ padding: 9px 12px;
+ }
+
+ .mobile-result-item a {
+ color: #222325;
+ }
+
+ .mobile-searchbarResults {
+ background-color: #fff;
+ border: 1px solid #e4e5e7;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
+ box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: #74767e;
+ cursor: default;
+ margin-top: 8px;
+ padding: 12px;
+ position: fixed;
+ margin-top: 42px;
+ width: 244px;
+ height: 400px;
+ overflow-y: scroll;
+ z-index: 101;
+ display: none;
+ }
+ .trustpilot-container {
+ background-color: #eeeeee;
+ width: 100vw;
+
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .trustpilot-container a {
+ text-decoration: none;
+ }
+
+ .trustpilot-h2 {
+ font-size: 24px;
+ text-align: center;
+ font-weight: bold;
+ }
+
+ .trustpilot-description {
+ font-size: 15px;
+ text-align: center;
+ }
+
+ .review-container {
+ display: flex;
+ }
+
+
+
+ .reviews {
+ display: flex;
+ overflow: hidden;
+ }
+
+ .review-stars {
+ display: flex;
+ align-items: center;
+ }
+
+ .review-stars svg {
+ height: 18px;
+ width: 18px;
+ }
+
+ .review-verified {
+ margin-left: 5px;
+ display: flex;
+ align-items: center;
+ font-size: 13px;
+ color: #676767;
+ }
+
+ .review-text {
+ color: #1a1a1a;
+ font-size: 14px;
+ display: -webkit-box;
+-webkit-line-clamp: 3;
+-webkit-box-orient: vertical;
+overflow: hidden;
+text-overflow: ellipsis;
+ }
+
+ .review-title {
+ font-weight: 600;
+ color: #1a1a1a;
+ font-size: 16px;
+ }
+
+ .reviewer-name {
+ color: #646565;
+ font-size: 14px;
+ }
+
+ .trustpilot-arrow-left,
+ .trustpilot-arrow-right {
+ position: absolute;
+ top: 30%;
+ background-color: #fff;
+ border: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 50%;
+ padding: 2px;
+ height: 30px;
+ width: 30px;
+ }
+
+ .trustpilot-arrow-left svg,
+ .trustpilot-arrow-right svg {
+ color: #1a1a1a;
+ height: 20px;
+ width: 20px;
+ }
+ .trustpilot-arrow-left {
+ left: -20px;
+ }
+ .trustpilot-arrow-right {
+ right: 0;
+ }
+ .trustpilot-end{
+ font-size: 15px;
+ text-align: center;
+ color: #1A1A1A;
+ }
+ .trustpilot-total-reviews,.trustpilot-rating{
+ color: #000;
+ font-weight: bold;
+ }
+ /* Styles for mobile devices (max-width: 767px) */
+@media only screen and (max-width: 1024px) {
+.review {
+ flex: 0 0 calc(100% / 1);
+ }
+}
+@media only screen and (max-width: 768px) {
+.trustpilot-arrow-left {
+ left: 25px;
+ }
+ .trustpilot-arrow-right {
+ right: 25px;
+ }
+ .review{
+ padding: 0px 50px;
+ }
+}
+
+.reviews {
+display: flex;
+overflow: hidden;
+/* width: 300px; Set to the width of one review card */
+transition: transform 0.3s ease;
+}
+
+.review {
+width: 300px; /* Set each review card width to match the `.reviews` container */
+flex-shrink: 0;
+}