| @@ -368,9 +368,9 @@ | ||
| 368 | 368 | position: relative; |
| 369 | 369 | } |
| 370 | 370 | /* Right Side */ |
| 371 | 371 | #easyel-tab-content{ |
| 372 | - width: 77%; | |
| 372 | + width: 80%; | |
| 373 | 373 | } |
| 374 | 374 | |
| 375 | 375 | /************************/ |
| 376 | 376 | /* Start Overview Area */ |
| @@ -377,14 +377,8 @@ | ||
| 377 | 377 | /***********************/ |
| 378 | 378 | .easyel-overview-area{ |
| 379 | 379 | margin: 0; |
| 380 | 380 | } |
| 381 | -.easyel-overview-area .easyel-position-rl{ | |
| 382 | - background-image: url(../../../admin/img/overview/easy-right-gallery-overview.webp) !important; | |
| 383 | - background-position: top 50% right -30%; | |
| 384 | - background-repeat: no-repeat; | |
| 385 | - background-size: 61%; | |
| 386 | -} | |
| 387 | 381 | /* Start Banner Area */ |
| 388 | 382 | .easyel-overview-area .easyel-banner-section .easyel-shape-2{ |
| 389 | 383 | margin-top: 30px; |
| 390 | 384 | } |
| @@ -852,10 +846,9 @@ | ||
| 852 | 846 | height: 24px; |
| 853 | 847 | margin-top: 0; |
| 854 | 848 | } |
| 855 | 849 | .easy-toggle-switch input, |
| 856 | -.easyel-toggle-switch-extension input, | |
| 857 | -.easyel-toggle-switch-widget input{ | |
| 850 | +.easyel-toggle-switch-extension input{ | |
| 858 | 851 | opacity: 0; |
| 859 | 852 | width: 0; |
| 860 | 853 | height: 0; |
| 861 | 854 | } |
| @@ -865,16 +858,14 @@ | ||
| 865 | 858 | top: 0; |
| 866 | 859 | left: 0; |
| 867 | 860 | right: 0; |
| 868 | 861 | bottom: 0; |
| 869 | - background-color: #e9e9e9; | |
| 862 | + background-color: var(--easy-white-color); | |
| 870 | 863 | transition: .4s; |
| 871 | 864 | border-radius: 24px; |
| 872 | 865 | } |
| 873 | 866 | .easy-toggle-switch .slider:before, |
| 874 | -.easyel-toggle-switch-widget .slider:before, | |
| 875 | -.easyel-toggle-switch-extension .slider:before, | |
| 876 | -.easyel-toggle-switch-widget .slider:before { | |
| 867 | +.easyel-toggle-switch-extension .slider:before { | |
| 877 | 868 | position: absolute; |
| 878 | 869 | content: ""; |
| 879 | 870 | height: 16px; |
| 880 | 871 | width: 16px; |
| @@ -879,18 +870,16 @@ | ||
| 879 | 870 | height: 16px; |
| 880 | 871 | width: 16px; |
| 881 | 872 | left: 4px; |
| 882 | 873 | top: 4px; |
| 883 | - background-color: var(--easy-white-color); | |
| 874 | + background-color: #E9EAED; | |
| 884 | 875 | transition: all .3s ease; |
| 885 | 876 | border-radius: 50%; |
| 886 | 877 | } |
| 887 | 878 | .easy-toggle-switch input:checked + .slider, |
| 888 | -.easyel-toggle-switch-extension input:checked ~ .slider, | |
| 889 | -.easyel-toggle-switch-widget input:checked ~ .slider { | |
| 879 | +.easyel-toggle-switch-extension input:checked ~ .slider { | |
| 890 | 880 | background-color: #22C55E; |
| 891 | 881 | } |
| 892 | - | |
| 893 | 882 | .easy-toggle-switch input:checked + .slider:before { |
| 894 | 883 | transform: translateX(16px); |
| 895 | 884 | } |
| 896 | 885 | |
| @@ -901,10 +890,9 @@ | ||
| 901 | 890 | /****************************/ |
| 902 | 891 | /* Start Extention Area */ |
| 903 | 892 | /****************************/ |
| 904 | 893 | |
| 905 | -.easyel-toggle-switch-extension, | |
| 906 | -.easyel-toggle-switch-widget { | |
| 894 | +.easyel-toggle-switch-extension { | |
| 907 | 895 | display: inline-flex; |
| 908 | 896 | align-items: center; |
| 909 | 897 | cursor: pointer; |
| 910 | 898 | position: relative; |
| @@ -910,10 +898,9 @@ | ||
| 910 | 898 | position: relative; |
| 911 | 899 | user-select: none; |
| 912 | 900 | gap: 10px; |
| 913 | 901 | } |
| 914 | -.easyel-toggle-switch-extension .easyel-enable-all, | |
| 915 | -.easyel-toggle-switch-widget .easyel-enable-all-widget { | |
| 902 | +.easyel-toggle-switch-extension .easyel-enable-all { | |
| 916 | 903 | font-size: 14px; |
| 917 | 904 | font-weight: 500; |
| 918 | 905 | color: var(--easy-title-color); |
| 919 | 906 | line-height: 1; |
| @@ -918,16 +905,12 @@ | ||
| 918 | 905 | color: var(--easy-title-color); |
| 919 | 906 | line-height: 1; |
| 920 | 907 | white-space: nowrap; |
| 921 | 908 | } |
| 922 | -.easyel-toggle-switch-extension input, | |
| 923 | -.easyel-toggle-switch-widget input | |
| 924 | - { | |
| 909 | +.easyel-toggle-switch-extension input { | |
| 925 | 910 | position: absolute; |
| 926 | 911 | } |
| 927 | -.easyel-toggle-switch-extension .slider, | |
| 928 | -.easyel-toggle-switch-widget .slider | |
| 929 | - { | |
| 912 | +.easyel-toggle-switch-extension .slider { | |
| 930 | 913 | position: relative; |
| 931 | 914 | width: 44px; |
| 932 | 915 | height: 24px; |
| 933 | 916 | background-color: #E5E7EB; |
| @@ -933,18 +916,14 @@ | ||
| 933 | 916 | background-color: #E5E7EB; |
| 934 | 917 | border-radius: 24px; |
| 935 | 918 | transition: all 0.3s ease; |
| 936 | 919 | } |
| 937 | -.easyel-toggle-switch-extension .slider:before, | |
| 938 | -.easyel-toggle-switch-widget .slider:before | |
| 939 | - { | |
| 920 | +.easyel-toggle-switch-extension .slider:before { | |
| 940 | 921 | background-color: #fff; |
| 941 | 922 | box-shadow: 0 2px 4px rgba(0,0,0,0.2); |
| 942 | 923 | } |
| 943 | 924 | |
| 944 | -.easyel-toggle-switch-extension input:checked ~ .slider:before, | |
| 945 | -.easyel-toggle-switch-widget input:checked ~ .slider:before | |
| 946 | - { | |
| 925 | +.easyel-toggle-switch-extension input:checked ~ .slider:before { | |
| 947 | 926 | transform: translateX(20px); |
| 948 | 927 | } |
| 949 | 928 | |
| 950 | 929 | #toplevel_page_easy-elements-dashboard .wp-menu-image { |
| @@ -1037,468 +1016,8 @@ | ||
| 1037 | 1016 | /* End Extention Area */ |
| 1038 | 1017 | /****************************/ |
| 1039 | 1018 | |
| 1040 | 1019 | /****************************/ |
| 1041 | - /* Start Settings Area */ | |
| 1042 | -/****************************/ | |
| 1043 | -.easyel-settings-topbar { | |
| 1044 | - display: flex; | |
| 1045 | - justify-content: space-between; | |
| 1046 | -} | |
| 1047 | -.easyel-settings-topbar button { | |
| 1048 | - background: var(--easy-primary-color); | |
| 1049 | - color: var(--easy-white-color); | |
| 1050 | - font-weight: 500; | |
| 1051 | - padding: 12px 24px; | |
| 1052 | - font-size: 16px; | |
| 1053 | - line-height: 150%; | |
| 1054 | - border: none; | |
| 1055 | - box-shadow: none; | |
| 1056 | - border-radius: 8px; | |
| 1057 | - cursor: pointer; | |
| 1058 | - transition: all 0.3s ease; | |
| 1059 | -} | |
| 1060 | -.easyel-settings-wrapper .w-100 { | |
| 1061 | - width: 100% !important; | |
| 1062 | -} | |
| 1063 | -.easyel-settings-wrapper .easyel-settings-field { | |
| 1064 | - display: flex; | |
| 1065 | - margin-bottom: 20px; | |
| 1066 | -} | |
| 1067 | -.easyel-settings-field-label { | |
| 1068 | - min-width: 200px; | |
| 1069 | -} | |
| 1070 | -.easyel-settings-field-inputs { | |
| 1071 | - display: flex; | |
| 1072 | - gap: 10px; | |
| 1073 | - flex-direction: column; | |
| 1074 | - width: 100%; | |
| 1075 | -} | |
| 1076 | -.easyel-settings-field .easyel-settings-field-input { | |
| 1077 | - padding: 10px 20px; | |
| 1078 | - border-radius: 4px; | |
| 1079 | - border: 1px solid #ededed; | |
| 1080 | - width: min-content; | |
| 1081 | -} | |
| 1082 | -.easyel-settings-field-group { | |
| 1083 | - display: flex; | |
| 1084 | - gap: 10px; | |
| 1085 | - flex-direction: column; | |
| 1086 | -} | |
| 1087 | -.easyel-toast { | |
| 1088 | - position: fixed; | |
| 1089 | - top: 100px; | |
| 1090 | - right: 20px; | |
| 1091 | - background: #2271b1; | |
| 1092 | - color: #fff; | |
| 1093 | - padding: 10px 20px; | |
| 1094 | - border-radius: 5px; | |
| 1095 | - font-size: 14px; | |
| 1096 | - box-shadow: 0 4px 8px rgba(0,0,0,0.2); | |
| 1097 | - z-index: 99999; | |
| 1098 | - opacity: 0; | |
| 1099 | - transform: translateY(-20px); | |
| 1100 | - transition: all 0.3s ease; | |
| 1101 | -} | |
| 1102 | -.easyel-toast.show { | |
| 1103 | - opacity: 1; | |
| 1104 | - transform: translateY(0); | |
| 1105 | -} | |
| 1106 | -.easyel-toast.success { background: #46b450; } | |
| 1107 | -.easyel-toast.error { background: #d63638; } | |
| 1108 | -.easyel-toast.info { background: #1e73be; } | |
| 1109 | - | |
| 1110 | -.easyel-export-settings .button-primary, | |
| 1111 | -.easyel-import-settings .button-primary | |
| 1112 | -{ | |
| 1113 | - background: var(--easy-primary-color); | |
| 1114 | - color: var(--easy-white-color); | |
| 1115 | - font-weight: 500; | |
| 1116 | - padding: 4px 15px; | |
| 1117 | - outline: none; | |
| 1118 | - border-radius: 6px; | |
| 1119 | - border: none; | |
| 1120 | -} | |
| 1121 | - | |
| 1122 | -.easyel-export-settings .button-primary:focus, | |
| 1123 | -.easyel-import-settings .button-primary:focus, | |
| 1124 | -.easyel-export-settings .button-primary:hover, | |
| 1125 | -.easyel-import-settings .button-primary:hover | |
| 1126 | -{ | |
| 1127 | - background: var(--easy-primary-color); | |
| 1128 | - color: var(--easy-white-color); | |
| 1129 | - border: none; | |
| 1130 | -} | |
| 1131 | - | |
| 1132 | - | |
| 1133 | -/*scroll smoother popup settings*/ | |
| 1134 | - | |
| 1135 | -.easyel-scroll-smoother-popup-setting { | |
| 1136 | - cursor: pointer; | |
| 1137 | -} | |
| 1138 | - | |
| 1139 | -.easyel-smooth-scroll-settings-main-wrapper { | |
| 1140 | - display: flex; | |
| 1141 | - flex-direction: column; | |
| 1142 | - gap: 30px; | |
| 1143 | - max-height: 280px; | |
| 1144 | - overflow-y: auto; | |
| 1145 | -} | |
| 1146 | -.easyel-smooth-scroll-heading { | |
| 1147 | - margin-bottom: 40px; | |
| 1148 | -} | |
| 1149 | - | |
| 1150 | -.easyel-smooth-scroll-popup { | |
| 1151 | - position: fixed; | |
| 1152 | - top: 100px; | |
| 1153 | - left: 0; | |
| 1154 | - right: 0; | |
| 1155 | - width: 100%; | |
| 1156 | - max-width: 967px; | |
| 1157 | - margin: 0 auto; | |
| 1158 | - background: white; | |
| 1159 | - border-top: 1px solid #f1f0f3; | |
| 1160 | - box-shadow: 0px 10px 30px 5px rgba(19, 65, 98, 0.10); | |
| 1161 | - z-index: 104; | |
| 1162 | - visibility: hidden; | |
| 1163 | - opacity: 0; | |
| 1164 | - padding: 30px 20px; | |
| 1165 | - transition: opacity 0.3s linear, clip 0.6s linear, visibility 0s 0.2s; | |
| 1166 | - transform: translateZ(0); | |
| 1167 | - border-radius: 12px; | |
| 1168 | - opacity: 0; | |
| 1169 | - z-index: 1010; | |
| 1170 | -} | |
| 1171 | - | |
| 1172 | -.easyel-smooth-scroll-popup .wrapper { | |
| 1173 | - font-weight: 400; | |
| 1174 | -} | |
| 1175 | - | |
| 1176 | -.easyel-smooth-scroll-popup.active { | |
| 1177 | - visibility: visible; | |
| 1178 | - opacity: 1; | |
| 1179 | - transition: clip 0.6s linear, opacity 0.2s linear; | |
| 1180 | -} | |
| 1181 | - | |
| 1182 | -.easyel-smooth-scroll-popup { | |
| 1183 | - overflow-x: hidden; | |
| 1184 | - overflow: hidden!important; | |
| 1185 | -} | |
| 1186 | - | |
| 1187 | -.easyel-smooth-scroll-popup.active { | |
| 1188 | - overflow-x: hidden; | |
| 1189 | - overflow: visible!important; | |
| 1190 | -} | |
| 1191 | - | |
| 1192 | -.easyel-smooth-scroll-popup-close-icon i.feather-search::before { | |
| 1193 | - content: "\ea02"; | |
| 1194 | -} | |
| 1195 | - | |
| 1196 | -.ajax-search-close-icon { | |
| 1197 | - position: relative; | |
| 1198 | -} | |
| 1199 | - | |
| 1200 | -.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon { | |
| 1201 | - position: absolute; | |
| 1202 | - right: -23px; | |
| 1203 | - top: -25px; | |
| 1204 | - width: 40px; | |
| 1205 | - height: 40px; | |
| 1206 | - z-index: 1020; | |
| 1207 | - border-radius: 50%; | |
| 1208 | - border: 1px solid #E3E0F5; | |
| 1209 | - display: flex; | |
| 1210 | - align-items: center; | |
| 1211 | - justify-content: center; | |
| 1212 | - background-color: #fff; | |
| 1213 | - cursor: pointer; | |
| 1214 | -} | |
| 1215 | -.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon i { | |
| 1216 | - color: #04122B; | |
| 1217 | - text-align: center; | |
| 1218 | - font-family: "Font Awesome 6 Pro"; | |
| 1219 | - font-size: 22px; | |
| 1220 | - font-style: normal; | |
| 1221 | - font-weight: 400; | |
| 1222 | - line-height: 22px; | |
| 1223 | - cursor: pointer; | |
| 1224 | -} | |
| 1225 | - | |
| 1226 | -.easyel-smooth-scroll-popup { | |
| 1227 | - position: fixed; | |
| 1228 | - top: 100px; | |
| 1229 | - left: 0; | |
| 1230 | - right: 0; | |
| 1231 | - width: 100%; | |
| 1232 | - max-width: 700px; | |
| 1233 | - margin: 0 auto; | |
| 1234 | - background: white; | |
| 1235 | - border-top: 1px solid #f1f0f3; | |
| 1236 | - box-shadow: 0px 10px 30px 5px rgba(19, 65, 98, 0.1); | |
| 1237 | - z-index: 104; | |
| 1238 | - visibility: hidden; | |
| 1239 | - opacity: 0; | |
| 1240 | - transition: opacity 0.3s linear, clip 0.6s linear, visibility 0s 0.2s; | |
| 1241 | - transform: translateZ(0); | |
| 1242 | - border-radius: 12px; | |
| 1243 | - opacity: 0; | |
| 1244 | - z-index: 1010; | |
| 1245 | -} | |
| 1246 | - | |
| 1247 | -.easyel-smooth-scroll-popup.active { | |
| 1248 | - visibility: visible; | |
| 1249 | - opacity: 1; | |
| 1250 | - transition: clip 0.6s linear, opacity 0.2s linear; | |
| 1251 | -} | |
| 1252 | - | |
| 1253 | -.easyel-smooth-scroll-popup { | |
| 1254 | - overflow-x: hidden; | |
| 1255 | - overflow: hidden !important; | |
| 1256 | -} | |
| 1257 | - | |
| 1258 | -.easyel-smooth-scroll-popup.active { | |
| 1259 | - overflow-x: hidden; | |
| 1260 | - overflow: visible !important; | |
| 1261 | -} | |
| 1262 | - | |
| 1263 | -.easyel-smooth-scroll-popup-close-icon i.feather-search::before { | |
| 1264 | - content: "\ea02"; | |
| 1265 | -} | |
| 1266 | - | |
| 1267 | -.ajax-search-close-icon { | |
| 1268 | - position: relative; | |
| 1269 | -} | |
| 1270 | - | |
| 1271 | -.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon { | |
| 1272 | - position: absolute; | |
| 1273 | - right: -38px; | |
| 1274 | - top: -50px; | |
| 1275 | - width: 35px; | |
| 1276 | - height: 35px; | |
| 1277 | - z-index: 1020; | |
| 1278 | - border-radius: 50%; | |
| 1279 | - border: 1px solid #E3E0F5; | |
| 1280 | - display: flex; | |
| 1281 | - align-items: center; | |
| 1282 | - justify-content: center; | |
| 1283 | - background-color: #fff; | |
| 1284 | - cursor: pointer; | |
| 1285 | -} | |
| 1286 | - | |
| 1287 | -.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon i { | |
| 1288 | - color: #04122B; | |
| 1289 | - text-align: center; | |
| 1290 | - font-family: "Font Awesome 6 Pro"; | |
| 1291 | - font-size: 22px; | |
| 1292 | - font-style: normal; | |
| 1293 | - font-weight: 400; | |
| 1294 | - line-height: 22px; | |
| 1295 | - cursor: pointer; | |
| 1296 | -} | |
| 1297 | - | |
| 1298 | -.easyel-smooth-scroll-popup.active .rbt-search-all-product { | |
| 1299 | - overflow-y: auto !important; | |
| 1300 | - max-height: calc(100vh - 180px); | |
| 1301 | -} | |
| 1302 | - | |
| 1303 | -.easyel-smooth-scroll-popup .rbt-search-all-product { | |
| 1304 | - overflow-x: hidden; | |
| 1305 | -} | |
| 1306 | - | |
| 1307 | -.popup-opened #wpbody-content::before { | |
| 1308 | - content: " "; | |
| 1309 | - position: absolute; | |
| 1310 | - top: 0; | |
| 1311 | - left: 0; | |
| 1312 | - width: 100%; | |
| 1313 | - height: 100%; | |
| 1314 | - background-color: rgb(0 0 0 / 52%); | |
| 1315 | - z-index: 1002; | |
| 1316 | - transition: all 0.7s; | |
| 1317 | -} | |
| 1318 | - | |
| 1319 | -.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:focus { | |
| 1320 | - outline: none; | |
| 1321 | - border: none; | |
| 1322 | - box-shadow: unset!important; | |
| 1323 | -} | |
| 1324 | - | |
| 1325 | -.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:hover { | |
| 1326 | - background: var(--easy-primary-color); | |
| 1327 | - color: var(--easy-white-color); | |
| 1328 | -} | |
| 1329 | - | |
| 1330 | -.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:hover svg path { | |
| 1331 | - fill: #fff!important; | |
| 1332 | -} | |
| 1333 | - | |
| 1334 | -.smooth-scroll-popup-item-save { | |
| 1335 | - display: flex; | |
| 1336 | - align-items: center; | |
| 1337 | - justify-content: flex-end; | |
| 1338 | -} | |
| 1339 | - | |
| 1340 | -.smooth_scroll_popup_item_save { | |
| 1341 | - font-size: 14px; | |
| 1342 | - font-weight: bold; | |
| 1343 | - line-height: 30px; | |
| 1344 | - padding: 2px 15px; | |
| 1345 | - background: var(--easy-primary-color); | |
| 1346 | - color: var(--easy-white-color); | |
| 1347 | - border: 1px solid #0074e0; | |
| 1348 | - border-radius: 5px; | |
| 1349 | - margin-top: 30px; | |
| 1350 | - cursor: pointer; | |
| 1351 | -} | |
| 1352 | - | |
| 1353 | - | |
| 1354 | -.easyel-smooth-scroll-item { | |
| 1355 | - display: flex; | |
| 1356 | - align-items: center; | |
| 1357 | - gap: 15px; | |
| 1358 | -} | |
| 1359 | - | |
| 1360 | -.easyel-smooth-scroll-item .easy-field-label { | |
| 1361 | - flex: 0 0 35%; | |
| 1362 | -} | |
| 1363 | - | |
| 1364 | -.easyel-smooth-scroll-item .easy-field-item input[type="number"] { | |
| 1365 | - width: 150px; | |
| 1366 | -} | |
| 1367 | - | |
| 1368 | -#easyel-message-box { | |
| 1369 | - position: fixed; | |
| 1370 | - top: 60px; | |
| 1371 | - right: 20px; | |
| 1372 | - background-color: #0074E0; | |
| 1373 | - border: 1px solid #0074E0; | |
| 1374 | - padding: 10px 15px; | |
| 1375 | - z-index: 9999; | |
| 1376 | - box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); | |
| 1377 | - border-radius: 5px; | |
| 1378 | - display: none; | |
| 1379 | - width: 200px; | |
| 1380 | - text-transform: capitalize; | |
| 1381 | - text-align: center; | |
| 1382 | - font-size: 18px; | |
| 1383 | - color: #fff; | |
| 1384 | -} | |
| 1385 | - | |
| 1386 | -#easyel-message-box p { | |
| 1387 | - margin: 0; | |
| 1388 | - font-size: 14px; | |
| 1389 | - text-align: center; | |
| 1390 | - color: #fff; | |
| 1391 | -} | |
| 1392 | - | |
| 1393 | -.easyel-plugin-main-settings-page { | |
| 1394 | - position: relative; | |
| 1395 | -} | |
| 1396 | - | |
| 1397 | -.easyel-plugin-main-settings-page::after { | |
| 1398 | - content: ""; | |
| 1399 | - position: absolute; | |
| 1400 | - inset: 0; | |
| 1401 | - background: rgba(255, 255, 255, 0.6); | |
| 1402 | - opacity: 0; | |
| 1403 | - visibility: hidden; | |
| 1404 | - transition: opacity 0.3s ease; | |
| 1405 | - z-index: 10; | |
| 1406 | -} | |
| 1407 | - | |
| 1408 | - | |
| 1409 | -.easyel-plugin-main-settings-page.is-saving::after { | |
| 1410 | - opacity: 1; | |
| 1411 | - visibility: visible; | |
| 1412 | -} | |
| 1413 | - | |
| 1414 | -.easyel-saving-indicator { | |
| 1415 | - position: fixed; | |
| 1416 | - top: 50%; | |
| 1417 | - left: 50%; | |
| 1418 | - transform: translate(-50%, -50%); | |
| 1419 | - font-size: 14px; | |
| 1420 | - font-weight: 600; | |
| 1421 | - padding: 6px 14px; | |
| 1422 | - border-radius: 4px; | |
| 1423 | - z-index: 99999; | |
| 1424 | - color: #3b82f6; | |
| 1425 | - opacity: 0; | |
| 1426 | - | |
| 1427 | -} | |
| 1428 | - | |
| 1429 | -.easyel-plugin-main-settings-page.is-saving .easyel-saving-indicator { | |
| 1430 | - opacity: 1; | |
| 1431 | -} | |
| 1432 | - | |
| 1433 | - | |
| 1434 | -/*custom font*/ | |
| 1435 | - | |
| 1436 | -.easyel-custom-font { | |
| 1437 | - font-family: "Inter", sans-serif; | |
| 1438 | - color: #1e293b; | |
| 1439 | - max-width: 1000px; | |
| 1440 | - margin: 20px auto; | |
| 1441 | - padding: 0 15px; | |
| 1442 | -} | |
| 1443 | - | |
| 1444 | -.easyel-custom-font-banner { | |
| 1445 | - background: linear-gradient(135deg, #6d28d9, #a855f7); | |
| 1446 | - color: #fff; | |
| 1447 | - padding: 50px 40px; | |
| 1448 | - border-radius: 14px; | |
| 1449 | - text-align: center; | |
| 1450 | - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); | |
| 1451 | - margin-bottom: 40px; | |
| 1452 | -} | |
| 1453 | - | |
| 1454 | -.easyel-custom-font-banner h1 { | |
| 1455 | - margin-bottom: 10px; | |
| 1456 | - font-size: 28px; | |
| 1457 | - font-weight: 700; | |
| 1458 | - color: #fff; | |
| 1459 | -} | |
| 1460 | - | |
| 1461 | -.easyel-custom-font-banner p { | |
| 1462 | - font-size: 15px; | |
| 1463 | - opacity: 0.9; | |
| 1464 | - margin-bottom: 20px; | |
| 1465 | -} | |
| 1466 | - | |
| 1467 | -.easyel-upgrade-btn-custom-font { | |
| 1468 | - background: #fff; | |
| 1469 | - color: #6d28d9; | |
| 1470 | - font-weight: 600; | |
| 1471 | - text-decoration: none; | |
| 1472 | - padding: 10px 22px; | |
| 1473 | - border-radius: 6px; | |
| 1474 | - transition: all 0.3s ease; | |
| 1475 | - display: inline-block; | |
| 1476 | -} | |
| 1477 | - | |
| 1478 | -.easyel-upgrade-btn-custom-font:hover { | |
| 1479 | - background: #ede9fe; | |
| 1480 | - color: #4c1d95; | |
| 1481 | -} | |
| 1482 | - | |
| 1483 | -.easyel-custom-font-page { | |
| 1484 | - font-family: "Inter", sans-serif; | |
| 1485 | - color: #1e293b; | |
| 1486 | - max-width: 1000px; | |
| 1487 | - margin: 20px auto; | |
| 1488 | - padding: 0 15px; | |
| 1489 | -} | |
| 1490 | - | |
| 1491 | -.easyel-promo-right a { | |
| 1492 | - color: #fff; | |
| 1493 | - font-size: 18px; | |
| 1494 | -} | |
| 1495 | - | |
| 1496 | -/****************************/ | |
| 1497 | - /* End Settings Area */ | |
| 1498 | -/****************************/ | |
| 1499 | - | |
| 1500 | -/****************************/ | |
| 1501 | 1020 | /* Start Responsive Area */ |
| 1502 | 1021 | /****************************/ |
| 1503 | 1022 | @media only screen and (min-width: 1600px) and (max-width: 1700px) { |
| 1504 | 1023 | .easyel-banner-section .easyel-shape-3 { |
| @@ -1537,31 +1056,6 @@ | ||
| 1537 | 1056 | font-size: 28px; |
| 1538 | 1057 | } |
| 1539 | 1058 | .easyel-section-heading .easyel-desc{ |
| 1540 | 1059 | font-size: 16px; |
| 1541 | - } | |
| 1542 | -} | |
| 1543 | - | |
| 1544 | -@media only screen and (max-width: 990px) { | |
| 1545 | - .easyel-plugin-settings-wrapper{ | |
| 1546 | - display: grid; | |
| 1547 | - } | |
| 1548 | - .easyel-nav-tab-item, | |
| 1549 | - #easyel-tab-content { | |
| 1550 | - width: 100%; | |
| 1551 | - } | |
| 1552 | - .easyel-overview-area .easyel-banner-content .title{ | |
| 1553 | - font-size: 36px; | |
| 1554 | - } | |
| 1555 | - .easyel-overview-area .easyel-position-rl{ | |
| 1556 | - background-image: none; | |
| 1557 | - } | |
| 1558 | - .easyel-overview-area .easyel-banner-content-area { | |
| 1559 | - padding: 100px 26px 60px; | |
| 1560 | - } | |
| 1561 | - .easyel-overview-area .easyel-banner-rating{ | |
| 1562 | - display: grid; | |
| 1563 | - } | |
| 1564 | - .easyel-nav-tab, .easyel-nav-tab-pro{ | |
| 1565 | - margin-bottom: 0; | |
| 1566 | 1060 | } |
| 1567 | 1061 | } |
