Changeset 320186
- Timestamp:
- 03/30/2026 11:53:52 AM (7 months ago)
- Location:
- consultancy-firm/1.3.2
- Files:
-
- 4 edited
- 1 copied
-
. (copied) (copied from consultancy-firm/1.3.1 )
-
languages/consultancy-firm.pot (modified) (40 diffs)
-
readme.txt (modified) (2 diffs)
-
rtl.css (modified) (73 diffs)
-
style.css (modified) (374 diffs)
Legend:
- Unmodified
- Added
- Removed
-
consultancy-firm/1.3.2/languages/consultancy-firm.pot
r314027 r320186 3 3 msgid "" 4 4 msgstr "" 5 "Project-Id-Version: Consultancy Firm 1.3. 1\n"5 "Project-Id-Version: Consultancy Firm 1.3.2\n" 6 6 "Report-Msgid-Bugs-To: https://wordpress.org/support/theme/consultancy-firm\n" 7 7 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n" … … 10 10 "Content-Type: text/plain; charset=UTF-8\n" 11 11 "Content-Transfer-Encoding: 8bit\n" 12 "POT-Creation-Date: 2026-0 1-23T00:17:03+00:00\n"12 "POT-Creation-Date: 2026-03-18T18:50:08+05:30\n" 13 13 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" 14 "X-Generator: WP-CLI 2.1 1.0\n"14 "X-Generator: WP-CLI 2.12.0\n" 15 15 "X-Domain: consultancy-firm\n" 16 16 … … 47 47 #. translators: %d: ID of a post. 48 48 #: classes/class-walker-menu.php:76 49 #, php-format 49 50 msgid "#%d (no title)" 50 51 msgstr "" … … 57 58 #. translators: 1: title. 58 59 #: comments.php:22 60 #, php-format 59 61 msgid "One thought on “%1$s”" 60 62 msgstr "" … … 62 64 #. translators: 1: comment count number, 2: title. 63 65 #: comments.php:28 66 #, php-format 64 67 msgctxt "comments title" 65 68 msgid "%1$s thought on “%2$s”" … … 1014 1017 #. translators: %s: plugin name. 1015 1018 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:330 1019 #, php-format 1016 1020 msgid "Installing Plugin: %s" 1017 1021 msgstr "" … … 1019 1023 #. translators: %s: plugin name. 1020 1024 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:332 1025 #, php-format 1021 1026 msgid "Updating Plugin: %s" 1022 1027 msgstr "" … … 1028 1033 #. translators: 1: plugin name(s). 1029 1034 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:334 1035 #, php-format 1030 1036 msgid "This theme requires the following plugin: %1$s." 1031 1037 msgid_plural "This theme requires the following plugins: %1$s." … … 1035 1041 #. translators: 1: plugin name(s). 1036 1042 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:340 1043 #, php-format 1037 1044 msgid "This theme recommends the following plugin: %1$s." 1038 1045 msgid_plural "This theme recommends the following plugins: %1$s." … … 1042 1049 #. translators: 1: plugin name(s). 1043 1050 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:346 1051 #, php-format 1044 1052 msgid "The following plugin needs to be updated to its latest version to ensure maximum compatibility with this theme: %1$s." 1045 1053 msgid_plural "The following plugins need to be updated to their latest version to ensure maximum compatibility with this theme: %1$s." … … 1049 1057 #. translators: 1: plugin name(s). 1050 1058 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:352 1059 #, php-format 1051 1060 msgid "There is an update available for: %1$s." 1052 1061 msgid_plural "There are updates available for the following plugins: %1$s." … … 1056 1065 #. translators: 1: plugin name(s). 1057 1066 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:358 1067 #, php-format 1058 1068 msgid "The following required plugin is currently inactive: %1$s." 1059 1069 msgid_plural "The following required plugins are currently inactive: %1$s." … … 1063 1073 #. translators: 1: plugin name(s). 1064 1074 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:364 1075 #, php-format 1065 1076 msgid "The following recommended plugin is currently inactive: %1$s." 1066 1077 msgid_plural "The following recommended plugins are currently inactive: %1$s." … … 1111 1122 #. translators: 1: plugin name. 1112 1123 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:390 1124 #, php-format 1113 1125 msgid "No action taken. Plugin %1$s was already active." 1114 1126 msgstr "" … … 1116 1128 #. translators: 1: plugin name. 1117 1129 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:392 1130 #, php-format 1118 1131 msgid "Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin." 1119 1132 msgstr "" … … 1121 1134 #. translators: 1: dashboard link. 1122 1135 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:394 1136 #, php-format 1123 1137 msgid "All plugins installed and activated successfully. %1$s" 1124 1138 msgstr "" … … 1165 1179 #. translators: %s: version number 1166 1180 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:1982 1181 #, php-format 1167 1182 msgid "TGMPA v%s" 1168 1183 msgstr "" … … 1214 1229 #. translators: 1: install status, 2: update status 1215 1230 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:2342 1231 #, php-format 1216 1232 msgctxt "Install/Update Status" 1217 1233 msgid "%1$s, %2$s" … … 1220 1236 #. translators: 1: number of plugins. 1221 1237 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:2388 1238 #, php-format 1222 1239 msgctxt "plugins" 1223 1240 msgid "All <span class=\"count\">(%s)</span>" … … 1228 1245 #. translators: 1: number of plugins. 1229 1246 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:2392 1247 #, php-format 1230 1248 msgid "To Install <span class=\"count\">(%s)</span>" 1231 1249 msgid_plural "To Install <span class=\"count\">(%s)</span>" … … 1235 1253 #. translators: 1: number of plugins. 1236 1254 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:2396 1255 #, php-format 1237 1256 msgid "Update Available <span class=\"count\">(%s)</span>" 1238 1257 msgid_plural "Update Available <span class=\"count\">(%s)</span>" … … 1242 1261 #. translators: 1: number of plugins. 1243 1262 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:2400 1263 #, php-format 1244 1264 msgid "To Activate <span class=\"count\">(%s)</span>" 1245 1265 msgid_plural "To Activate <span class=\"count\">(%s)</span>" … … 1286 1306 #. translators: %2$s: plugin name in screen reader markup 1287 1307 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:2603 1308 #, php-format 1288 1309 msgid "Install %2$s" 1289 1310 msgstr "" … … 1291 1312 #. translators: %2$s: plugin name in screen reader markup 1292 1313 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:2608 1314 #, php-format 1293 1315 msgid "Update %2$s" 1294 1316 msgstr "" … … 1296 1318 #. translators: %2$s: plugin name in screen reader markup 1297 1319 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:2614 1320 #, php-format 1298 1321 msgid "Activate %2$s" 1299 1322 msgstr "" … … 1345 1368 #. translators: 1: plugin name, 2: action number 3: total number of actions. 1346 1369 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:3498 1370 #, php-format 1347 1371 msgid "Updating Plugin %1$s (%2$d/%3$d)" 1348 1372 msgstr "" … … 1350 1374 #. translators: 1: plugin name, 2: error message. 1351 1375 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:3501 1376 #, php-format 1352 1377 msgid "An error occurred while installing %1$s: <strong>%2$s</strong>." 1353 1378 msgstr "" … … 1355 1380 #. translators: 1: plugin name. 1356 1381 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:3503 1382 #, php-format 1357 1383 msgid "The installation of %1$s failed." 1358 1384 msgstr "" … … 1364 1390 #. translators: 1: plugin name. 1365 1391 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:3509 1392 #, php-format 1366 1393 msgid "%1$s installed and activated successfully." 1367 1394 msgstr "" … … 1385 1412 #. translators: 1: plugin name, 2: action number 3: total number of actions. 1386 1413 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:3512 1414 #, php-format 1387 1415 msgid "Installing and Activating Plugin %1$s (%2$d/%3$d)" 1388 1416 msgstr "" … … 1394 1422 #. translators: 1: plugin name. 1395 1423 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:3517 1424 #, php-format 1396 1425 msgid "%1$s installed successfully." 1397 1426 msgstr "" … … 1403 1432 #. translators: 1: plugin name, 2: action number 3: total number of actions. 1404 1433 #: inc/homepage-setup/tgm/class-tgm-plugin-activation.php:3520 1434 #, php-format 1405 1435 msgid "Installing Plugin %1$s (%2$d/%3$d)" 1406 1436 msgstr "" … … 1471 1501 #. translators: %s: Name of current post. Only visible to screen readers 1472 1502 #: inc/template-tags.php:312 1503 #, php-format 1473 1504 msgid "Edit <span class=\"screen-reader-text\">%s</span>" 1474 1505 msgstr "" … … 1519 1550 #. Translators: %s is the search query. 1520 1551 #: lib/breadcrumbs/breadcrumbs.php:314 1552 #, php-format 1521 1553 msgid "Search results for: %s" 1522 1554 msgstr "" … … 1524 1556 #. Translators: %s is the page number. 1525 1557 #: lib/breadcrumbs/breadcrumbs.php:316 1558 #, php-format 1526 1559 msgid "Page %s" 1527 1560 msgstr "" … … 1529 1562 #. Translators: %s is the page number. 1530 1563 #: lib/breadcrumbs/breadcrumbs.php:318 1564 #, php-format 1531 1565 msgid "Comment Page %s" 1532 1566 msgstr "" … … 1534 1568 #. Translators: Minute archive title. %s is the minute time format. 1535 1569 #: lib/breadcrumbs/breadcrumbs.php:320 1570 #, php-format 1536 1571 msgid "Minute %s" 1537 1572 msgstr "" … … 1539 1574 #. Translators: Weekly archive title. %s is the week date format. 1540 1575 #: lib/breadcrumbs/breadcrumbs.php:322 1576 #, php-format 1541 1577 msgid "Week %s" 1542 1578 msgstr "" … … 1614 1650 #. translators: %1$s: Link to create a new post. 1615 1651 #: template-parts/content-none.php:22 1652 #, php-format 1616 1653 msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>." 1617 1654 msgstr "" … … 1631 1668 #. translators: %s: Name of current post. 1632 1669 #: template-parts/content-single.php:69 1670 #, php-format 1633 1671 msgid "Read More %s <span class=\"meta-nav\">→</span>" 1634 1672 msgstr "" -
consultancy-firm/1.3.2/readme.txt
r314027 r320186 4 4 Tested up to: 6.9 5 5 Requires PHP: 7.2 6 Stable tag: 1.3. 16 Stable tag: 1.3.2 7 7 License: GPLv2 or later 8 8 License URI: http://www.gnu.org/licenses/gpl-2.0.html … … 139 139 * Updated RTL CSS. 140 140 * Updated POT File. 141 142 = 1.3.2 = 143 * Added css for sidebar. 144 * Added blog page css. 145 * Updated rtl CSS. 146 * Updated pot File. -
consultancy-firm/1.3.2/rtl.css
r314027 r320186 4 4 5 5 html { 6 line-height: 1.15;7 -webkit-text-size-adjust: 100%;8 font-size: 62.5%;9 /* 1rem = 10px */10 box-sizing: border-box;6 line-height: 1.15; 7 -webkit-text-size-adjust: 100%; 8 font-size: 62.5%; 9 /* 1rem = 10px */ 10 box-sizing: border-box; 11 11 } 12 12 13 13 body { 14 border: none;15 margin: 0;16 padding: 0;17 font-family: var(--font-main);18 color: #010F1C;19 background: #FAF9F6;14 border: none; 15 margin: 0; 16 padding: 0; 17 font-family: var(--font-main); 18 color: #010F1C; 19 background: #FAF9F6; 20 20 } 21 21 22 22 h1 { 23 font-size: 2em;24 margin: 0.67em 0;23 font-size: 2em; 24 margin: 0.67em 0; 25 25 } 26 26 27 27 .header-social .social-area a { 28 align-items: center;29 display: flex;28 align-items: center; 29 display: flex; 30 30 } 31 31 32 32 a.social-4 { 33 width: 15px;33 width: 15px; 34 34 } 35 35 36 36 hr { 37 box-sizing: content-box;38 height: 0;39 overflow: visible;37 box-sizing: content-box; 38 height: 0; 39 overflow: visible; 40 40 } 41 41 42 42 pre { 43 font-size: 1em;44 background: #eee;45 font-family: var(--font-main);46 font-size: 15px;47 line-height: 1.6;48 margin-bottom: 1.6em;49 max-width: 100%;50 overflow: auto;51 padding: 1.6em;43 font-size: 1em; 44 background: #eee; 45 font-family: var(--font-main); 46 font-size: 15px; 47 line-height: 1.6; 48 margin-bottom: 1.6em; 49 max-width: 100%; 50 overflow: auto; 51 padding: 1.6em; 52 52 } 53 53 54 54 a { 55 background-color: transparent;55 background-color: transparent; 56 56 } 57 57 58 58 abbr[title] { 59 border-bottom: none;60 text-decoration: underline;61 text-decoration: underline dotted;59 border-bottom: none; 60 text-decoration: underline; 61 text-decoration: underline dotted; 62 62 } 63 63 64 64 b, 65 65 strong { 66 font-weight: bolder;66 font-weight: bolder; 67 67 } 68 68 … … 73 73 tt, 74 74 var { 75 font-family: var(--font-main);76 font-size: 1em;77 font-family: var(--font-main);78 font-size: 15px;79 font-size: 0.9375rem;75 font-family: var(--font-main); 76 font-size: 1em; 77 font-family: var(--font-main); 78 font-size: 15px; 79 font-size: 0.9375rem; 80 80 } 81 81 82 82 small { 83 font-size: 85%;83 font-size: 85%; 84 84 } 85 85 86 86 img { 87 border-style: none;87 border-style: none; 88 88 } 89 89 … … 93 93 select, 94 94 textarea { 95 font-size: 100%;96 line-height: 1.15;97 margin: 0;95 font-size: 100%; 96 line-height: 1.15; 97 margin: 0; 98 98 } 99 99 100 100 button, 101 101 input { 102 font-family: var(--font-main);103 overflow: visible;102 font-family: var(--font-main); 103 overflow: visible; 104 104 } 105 105 106 106 button, 107 107 select { 108 text-transform: none;108 text-transform: none; 109 109 } 110 110 … … 113 113 [type="reset"], 114 114 [type="submit"] { 115 -webkit-appearance: button;115 -webkit-appearance: button; 116 116 } 117 117 … … 120 120 [type="reset"]::-moz-focus-inner, 121 121 [type="submit"]::-moz-focus-inner { 122 border-style: none;123 padding: 0;122 border-style: none; 123 padding: 0; 124 124 } 125 125 … … 128 128 [type="reset"]:-moz-focusring, 129 129 [type="submit"]:-moz-focusring { 130 outline: 1px dotted ButtonText;130 outline: 1px dotted ButtonText; 131 131 } 132 132 133 133 fieldset { 134 padding: 0.35em 0.75em 0.625em;134 padding: 0.35em 0.75em 0.625em; 135 135 } 136 136 137 137 legend { 138 box-sizing: border-box;139 color: inherit;140 display: table;141 max-width: 100%;142 padding: 0;143 /* 3 */144 white-space: normal;138 box-sizing: border-box; 139 color: inherit; 140 display: table; 141 max-width: 100%; 142 padding: 0; 143 /* 3 */ 144 white-space: normal; 145 145 } 146 146 147 147 progress { 148 vertical-align: baseline;148 vertical-align: baseline; 149 149 } 150 150 151 151 textarea { 152 overflow: auto;152 overflow: auto; 153 153 } 154 154 155 155 [type="checkbox"], 156 156 [type="radio"] { 157 box-sizing: border-box;158 padding: 0;157 box-sizing: border-box; 158 padding: 0; 159 159 } 160 160 161 161 [type="number"]::-webkit-inner-spin-button, 162 162 [type="number"]::-webkit-outer-spin-button { 163 height: auto;163 height: auto; 164 164 } 165 165 166 166 [type="search"] { 167 -webkit-appearance: textfield;168 outline-offset: -2px;167 -webkit-appearance: textfield; 168 outline-offset: -2px; 169 169 } 170 170 171 171 [type="search"]::-webkit-search-decoration { 172 -webkit-appearance: none;172 -webkit-appearance: none; 173 173 } 174 174 175 175 ::-webkit-file-upload-button { 176 -webkit-appearance: button;177 font: inherit;176 -webkit-appearance: button; 177 font: inherit; 178 178 } 179 179 180 180 details { 181 display: block;181 display: block; 182 182 } 183 183 184 184 summary { 185 display: list-item;185 display: list-item; 186 186 } 187 187 188 188 template { 189 display: none;189 display: none; 190 190 } 191 191 192 192 [hidden] { 193 display: none; 194 } 195 193 display: none; 194 } 196 195 197 196 /*-------------------------------------------------------------- 198 197 # Typography 199 198 --------------------------------------------------------------*/ 200 201 199 body, 202 200 button, … … 205 203 optgroup, 206 204 textarea { 207 font-weight: 400;208 font-size: 1.8rem;209 line-height: 1.6;210 -webkit-font-smoothing: antialiased;205 font-weight: 400; 206 font-size: 1.8rem; 207 line-height: 1.6; 208 -webkit-font-smoothing: antialiased; 211 209 } 212 210 … … 217 215 h5, 218 216 h6 { 219 line-height: 1.2;220 clear: both;221 margin-top: 0;222 font-weight: bold;223 font-family: var(--font-head);217 line-height: 1.2; 218 clear: both; 219 margin-top: 0; 220 font-weight: bold; 221 font-family: var(--font-head); 224 222 } 225 223 226 224 p { 227 font-family: var(--font-main);228 margin-bottom: 1.5em;229 margin-top: 0;225 font-family: var(--font-main); 226 margin-bottom: 1.5em; 227 margin-top: 0; 230 228 } 231 229 232 230 .entry-title { 233 font-weight: bold;231 font-weight: bold; 234 232 } 235 233 236 234 .entry-title a:hover { 237 text-decoration: none;238 background-size: 100% 100%;235 text-decoration: none; 236 background-size: 100% 100%; 239 237 } 240 238 241 239 .entry-title-large { 242 font-size: 5.4rem;240 font-size: 5.4rem; 243 241 } 244 242 245 243 .entry-title-big { 246 font-size: 4.2rem;244 font-size: 4.2rem; 247 245 } 248 246 249 247 .entry-title-medium { 250 font-size: 2.2rem;248 font-size: 2.2rem; 251 249 } 252 250 253 251 .entry-title-small { 254 font-size: 1.6rem;252 font-size: 1.6rem; 255 253 } 256 254 257 255 @media (max-width: 991px) { 258 .entry-title-big {259 font-size: 2.7rem;260 }256 .entry-title-big { 257 font-size: 2.7rem; 258 } 261 259 } 262 260 … … 265 263 em, 266 264 i { 267 font-style: italic;265 font-style: italic; 268 266 } 269 267 270 268 blockquote { 271 margin: 0 1.5em;269 margin: 0 1.5em; 272 270 } 273 271 274 272 address { 275 margin: 0 0 1.5em;273 margin: 0 0 1.5em; 276 274 } 277 275 278 276 abbr, 279 277 acronym { 280 border-bottom: 1px dotted #666;281 cursor: help;278 border-bottom: 1px dotted #666; 279 cursor: help; 282 280 } 283 281 284 282 big { 285 font-size: 125%;283 font-size: 125%; 286 284 } 287 285 288 286 ::-moz-selection { 289 background: #070707;290 color: #fff;287 background: #070707; 288 color: #fff; 291 289 } 292 290 293 291 ::selection { 294 background: #070707; 295 color: #fff; 296 } 297 292 background: #070707; 293 color: #fff; 294 } 298 295 299 296 /*-------------------------------------------------------------- 300 297 # Elements 301 298 --------------------------------------------------------------*/ 302 303 299 *, 304 300 ::after, 305 301 ::before { 306 -webkit-box-sizing: border-box;307 -moz-box-sizing: border-box;308 box-sizing: border-box;302 -webkit-box-sizing: border-box; 303 -moz-box-sizing: border-box; 304 box-sizing: border-box; 309 305 } 310 306 … … 312 308 313 309 .body-scroll-locked { 314 overflow: hidden;310 overflow: hidden; 315 311 } 316 312 317 313 hr { 318 background-color: #ccc;319 border: 0;320 height: 1px;321 margin-bottom: 1.5em;314 background-color: #ccc; 315 border: 0; 316 height: 1px; 317 margin-bottom: 1.5em; 322 318 } 323 319 324 320 ul, 325 321 ol { 326 margin-top: 0;327 margin-bottom: 1rem;322 margin-top: 0; 323 margin-bottom: 1rem; 328 324 } 329 325 330 326 ul { 331 list-style: disc;327 list-style: disc; 332 328 } 333 329 334 330 ol { 335 list-style: decimal;336 } 337 338 li >ul,339 li >ol {340 margin-bottom: 0;341 margin-right: 1.5em;331 list-style: decimal; 332 } 333 334 li>ul, 335 li>ol { 336 margin-bottom: 0; 337 margin-right: 1.5em; 342 338 } 343 339 344 340 dt { 345 font-weight: bold;341 font-weight: bold; 346 342 } 347 343 348 344 dd { 349 margin: 0 1.5em 1.5em;345 margin: 0 1.5em 1.5em; 350 346 } 351 347 352 348 img { 353 height: auto;354 max-width: 100%;355 vertical-align: top;349 height: auto; 350 max-width: 100%; 351 vertical-align: top; 356 352 } 357 353 358 354 figure { 359 margin: 1em 0;355 margin: 1em 0; 360 356 } 361 357 362 358 table { 363 margin: 0 0 1.5em;364 width: 100%;359 margin: 0 0 1.5em; 360 width: 100%; 365 361 } 366 362 367 363 .data-bg { 368 background-size: cover;369 background-position: center;370 background-repeat: no-repeat;371 display: block;372 overflow: hidden;373 width: 100%;364 background-size: cover; 365 background-position: center; 366 background-repeat: no-repeat; 367 display: block; 368 overflow: hidden; 369 width: 100%; 374 370 } 375 371 376 372 .data-bg-fixed { 377 background-attachment: fixed;373 background-attachment: fixed; 378 374 } 379 375 380 376 .data-bg-large { 381 height: 700px;377 height: 700px; 382 378 } 383 379 384 380 .data-bg-big { 385 height: 575px;381 height: 575px; 386 382 } 387 383 388 384 .data-bg-medium { 389 height: 400px;385 height: 400px; 390 386 } 391 387 392 388 .data-bg-small { 393 height: 290px;389 height: 290px; 394 390 } 395 391 396 392 .data-bg-xsmall { 397 height: 180px;393 height: 180px; 398 394 } 399 395 400 396 .data-bg-thumbnail { 401 height: 140px;397 height: 140px; 402 398 } 403 399 404 400 @media (max-width: 991px) { 405 .data-bg-large, 406 .data-bg-big,407 .data-bg-medium,408 .data-bg-small,409 .data-bg-xsmall,410 .data-bg-thumbnail {411 height: 250px;412 }413 }414 401 402 .data-bg-large, 403 .data-bg-big, 404 .data-bg-medium, 405 .data-bg-small, 406 .data-bg-xsmall, 407 .data-bg-thumbnail { 408 height: 250px; 409 } 410 } 415 411 416 412 /*----------------------------------------------------*/ 417 413 418 414 figure.wp-block-gallery.columns-3 { 419 padding-left: 10%; 420 } 421 415 padding-left: 10%; 416 } 422 417 423 418 /* Gallery */ 424 419 425 420 .wp-block-gallery { 426 margin-bottom: 28px;427 margin-right: 0;421 margin-bottom: 28px; 422 margin-right: 0; 428 423 } 429 424 430 425 .wp-block-gallery figcaption { 431 font-style: italic;426 font-style: italic; 432 427 } 433 428 434 429 .wp-block-gallery.aligncenter { 435 display: flex;436 margin: 0 -8px;430 display: flex; 431 margin: 0 -8px; 437 432 } 438 433 439 434 figure.wp-block-gallery.columns-3 { 440 padding-left: 15%;435 padding-left: 15%; 441 436 } 442 437 443 438 figure.wp-block-gallery.columns-2 { 444 padding-left: 1%;439 padding-left: 1%; 445 440 } 446 441 447 442 ul.blocks-gallery-grid { 448 width: 70%;443 width: 70%; 449 444 } 450 445 451 446 h2.entry-title.entry-title-medium, 452 447 h1.entry-title.entry-title-large span { 453 word-wrap: break-word;448 word-wrap: break-word; 454 449 } 455 450 456 451 .wp-block-button__link { 457 border-radius: 30px; 458 } 459 452 border-radius: 30px; 453 } 460 454 461 455 /*-------------------------------------------------------------- 462 456 # Forms 463 457 --------------------------------------------------------------*/ 464 465 458 fieldset { 466 border: 0.2rem solid #e1e1e3;467 margin-bottom: 3rem;468 margin-top: 3rem;469 padding: 2rem;470 } 471 472 fieldset >*:first-child {473 margin-top: 0;474 } 475 476 fieldset >*:last-child {477 margin-bottom: 0;459 border: 0.2rem solid #e1e1e3; 460 margin-bottom: 3rem; 461 margin-top: 3rem; 462 padding: 2rem; 463 } 464 465 fieldset>*:first-child { 466 margin-top: 0; 467 } 468 469 fieldset>*:last-child { 470 margin-bottom: 0; 478 471 } 479 472 480 473 form { 481 margin-bottom: 3rem;482 margin-top: 3rem;483 } 484 485 form >*:first-child {486 margin-top: 0;487 } 488 489 form >*:last-child {490 margin-bottom: 0;474 margin-bottom: 3rem; 475 margin-top: 3rem; 476 } 477 478 form>*:first-child { 479 margin-top: 0; 480 } 481 482 form>*:last-child { 483 margin-bottom: 0; 491 484 } 492 485 493 486 legend { 494 font-size: 0.85em;495 font-weight: 700;496 padding: 0 1rem;487 font-size: 0.85em; 488 font-weight: 700; 489 padding: 0 1rem; 497 490 } 498 491 499 492 label { 500 display: block;501 font-size: 1.5rem;502 font-weight: 600;503 margin: 0 0 0.5rem 0;493 display: block; 494 font-size: 1.5rem; 495 font-weight: 600; 496 margin: 0 0 0.5rem 0; 504 497 } 505 498 506 499 label.inline, 507 input[type="checkbox"] +label {508 display: inline;509 font-weight: 400;510 margin-right: 0.5rem;500 input[type="checkbox"]+label { 501 display: inline; 502 font-weight: 400; 503 margin-right: 0.5rem; 511 504 } 512 505 … … 515 508 button, 516 509 .select { 517 line-height: 1;510 line-height: 1; 518 511 } 519 512 … … 521 514 textarea, 522 515 .select { 523 border-color: #000;516 border-color: #000; 524 517 } 525 518 … … 539 532 input[type="color"], 540 533 textarea { 541 -webkit-appearance: none;542 -moz-appearance: none;543 background: transparent;544 border-radius: 0;545 border-style: solid;546 border-width: 0.2rem;547 box-shadow: none;548 color: inherit;549 display: block;550 margin: 0;551 max-width: 100%;552 outline: none;553 padding: 1.5rem 1.8rem;554 width: 100%;534 -webkit-appearance: none; 535 -moz-appearance: none; 536 background: transparent; 537 border-radius: 0; 538 border-style: solid; 539 border-width: 0.2rem; 540 box-shadow: none; 541 color: inherit; 542 display: block; 543 margin: 0; 544 max-width: 100%; 545 outline: none; 546 padding: 1.5rem 1.8rem; 547 width: 100%; 555 548 } 556 549 … … 585 578 textarea:hover, 586 579 textarea:focus { 587 border-color: var(--global-color);580 border-color: var(--global-color); 588 581 } 589 582 590 583 textarea { 591 height: 12rem;592 line-height: 1.5;593 width: 100%;584 height: 12rem; 585 line-height: 1.5; 586 width: 100%; 594 587 } 595 588 596 589 select { 597 font-size: inherit;590 font-size: inherit; 598 591 } 599 592 600 593 input::-webkit-input-placeholder { 601 line-height: normal;594 line-height: normal; 602 595 } 603 596 604 597 input:-ms-input-placeholder { 605 line-height: normal;598 line-height: normal; 606 599 } 607 600 608 601 input::-moz-placeholder { 609 line-height: normal;602 line-height: normal; 610 603 } 611 604 … … 614 607 input[type="search"]::-webkit-search-results-button, 615 608 input[type="search"]::-webkit-search-results-decoration { 616 display: none;617 opacity: 0;618 visibility: hidden;609 display: none; 610 opacity: 0; 611 visibility: hidden; 619 612 } 620 613 … … 630 623 a.added_to_cart.wc-forward, 631 624 .woocommerce-Address-title.title a { 632 -webkit-appearance: none;633 -moz-appearance: none;634 cursor: pointer;635 display: inline-block;636 margin: 0;637 padding: 5px 25px;638 text-align: center;639 text-decoration: none;640 transition: opacity 0.15s linear;641 background-color: #fff;642 color: #000;643 border-radius: 0px;644 border: solid 1px #000;625 -webkit-appearance: none; 626 -moz-appearance: none; 627 cursor: pointer; 628 display: inline-block; 629 margin: 0; 630 padding: 5px 25px; 631 text-align: center; 632 text-decoration: none; 633 transition: opacity 0.15s linear; 634 background-color: #fff; 635 color: #000; 636 border-radius: 0px; 637 border: solid 1px #000; 645 638 } 646 639 647 640 .wp-block-search__button:hover { 648 color: #ffffff;641 color: #ffffff; 649 642 } 650 643 651 644 .wp-block-button.is-style-outline .wp-block-button__link { 652 border: solid 2px var(--global-color);653 color: var(--global-color) !important;645 border: solid 2px var(--global-color); 646 color: var(--global-color) !important; 654 647 } 655 648 656 649 .wp-block-button.is-style-squared .wp-block-button__link { 657 border-radius: 0;650 border-radius: 0; 658 651 } 659 652 … … 674 667 input[type="reset"]:focus, 675 668 input[type="submit"]:focus { 676 text-decoration: none;677 border-color: var(--global-color);678 background-color: var(--global-color);669 text-decoration: none; 670 border-color: var(--global-color); 671 background-color: var(--global-color); 679 672 } 680 673 … … 687 680 input[type="reset"]:focus, 688 681 input[type="submit"]:focus { 689 outline: 2px solid;682 outline: 2px solid; 690 683 } 691 684 … … 706 699 input[type="reset"]:active, 707 700 input[type="submit"]:active { 708 outline: none;701 outline: none; 709 702 } 710 703 711 704 .post-password-form { 712 padding: 40px;713 background: #f8f9fa;705 padding: 40px; 706 background: #f8f9fa; 714 707 } 715 708 716 709 .post-password-form label { 717 margin-bottom: 0;718 -webkit-box-flex: 1;719 -ms-flex: 1;720 flex: 1;710 margin-bottom: 0; 711 -webkit-box-flex: 1; 712 -ms-flex: 1; 713 flex: 1; 721 714 } 722 715 723 716 .post-password-form input[type="password"] { 724 min-height: 40px;717 min-height: 40px; 725 718 } 726 719 727 720 .post-password-form input[type="submit"] { 728 padding: 0 2rem;729 min-height: 40px;730 height: 100%;731 border-radius: 0;732 } 733 734 .post-password-form >p:first-child {735 font-size: 1.25rem;736 margin-bottom: 2rem;737 } 738 739 .post-password-form >p:last-child {740 display: -webkit-box;741 display: -ms-flexbox;742 display: flex;743 -webkit-box-align: end;744 -ms-flex-align: end;745 align-items: flex-end;746 margin-bottom: 0;721 padding: 0 2rem; 722 min-height: 40px; 723 height: 100%; 724 border-radius: 0; 725 } 726 727 .post-password-form>p:first-child { 728 font-size: 1.25rem; 729 margin-bottom: 2rem; 730 } 731 732 .post-password-form>p:last-child { 733 display: -webkit-box; 734 display: -ms-flexbox; 735 display: flex; 736 -webkit-box-align: end; 737 -ms-flex-align: end; 738 align-items: flex-end; 739 margin-bottom: 0; 747 740 } 748 741 749 742 .btn-fancy { 750 position: relative; 751 display: inline-block; 752 vertical-align: middle; 753 width: auto; 754 margin: 0; 755 font-size: 15px; 756 font-weight: 600; 757 text-decoration: none; 758 border-radius: 0; 759 outline: 0; 760 transition: color 0.4s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; 761 padding: 9px 27px; 743 position: relative; 744 display: inline-block; 745 vertical-align: middle; 746 width: auto; 747 margin: 0; 748 font-size: 15px; 749 font-weight: 600; 750 text-decoration: none; 751 border-radius: 0; 752 outline: 0; 753 transition: color 0.4s ease-out, background-color 0.2s ease-out, 754 border-color 0.2s ease-out; 755 padding: 9px 27px; 762 756 } 763 757 764 758 .btn-fancy-primary { 765 background-color: #fff;766 color: #000;767 border: solid 2px #000;759 background-color: #fff; 760 color: #000; 761 border: solid 2px #000; 768 762 } 769 763 770 764 .btn-fancy-secondary { 771 background-color: #fff;772 color: #000;765 background-color: #fff; 766 color: #000; 773 767 } 774 768 775 769 .btn-fancy-primary:hover, 776 770 .btn-fancy-primary:focus { 777 background-color: #000;778 color: #fff;771 background-color: #000; 772 color: #fff; 779 773 } 780 774 781 775 .btn-fancy-secondary:hover, 782 776 .btn-fancy-secondary:focus { 783 background-color: #000;784 color: #fff;777 background-color: #000; 778 color: #fff; 785 779 } 786 780 787 781 .topbar-info-icon svg polyline, 788 782 .topbar-info-icon svg line { 789 fill: none;790 stroke: currentColor;791 stroke-miterlimit: 10;792 stroke-dasharray: 40;793 stroke-dashoffset: 0;794 transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1);783 fill: none; 784 stroke: currentColor; 785 stroke-miterlimit: 10; 786 stroke-dasharray: 40; 787 stroke-dashoffset: 0; 788 transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1); 795 789 } 796 790 797 791 .theme-btn-link { 798 font-size: 1.6rem;792 font-size: 1.6rem; 799 793 } 800 794 … … 803 797 .theme-btn-link:focus .topbar-info-icon svg polyline, 804 798 .theme-btn-link:focus .topbar-info-icon svg line { 805 stroke-dashoffset: 80; 806 } 807 799 stroke-dashoffset: 80; 800 } 808 801 809 802 /*-------------------------------------------------------------- … … 812 805 813 806 .woocommerce span.onsale { 814 background-color: var(--global-color);807 background-color: var(--global-color); 815 808 } 816 809 817 810 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button { 818 background-color: var(--global-color);819 color: #fff;811 background-color: var(--global-color); 812 color: #fff; 820 813 } 821 814 … … 823 816 .woocommerce div.product p.price, 824 817 .woocommerce div.product span.price { 825 color: var(--global-color);818 color: var(--global-color); 826 819 } 827 820 … … 845 838 a.added_to_cart.wc-forward, 846 839 .woocommerce-Address-title.title a { 847 color: #000;848 display: block;849 font-size: 15px;850 font-weight: 600;840 color: #000; 841 display: block; 842 font-size: 15px; 843 font-weight: 600; 851 844 } 852 845 … … 869 862 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 870 863 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover { 871 color: #000;864 color: #000; 872 865 } 873 866 874 867 h2.woocommerce-loop-product__title, 875 868 .woocommerce ul.products li.product .price { 876 text-align: center;869 text-align: center; 877 870 } 878 871 879 872 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, 880 873 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover { 881 color: #ffffff;874 color: #ffffff; 882 875 } 883 876 884 877 a.added_to_cart.wc-forward { 885 padding: 5px 120px;886 border-radius: 5px;887 margin-top: 12px;888 font-size: 15px;889 font-weight: 600;890 color: #000 !important;891 border: 2px solid #000;878 padding: 5px 120px; 879 border-radius: 5px; 880 margin-top: 12px; 881 font-size: 15px; 882 font-weight: 600; 883 color: #000 !important; 884 border: 2px solid #000; 892 885 } 893 886 894 887 .woocommerce-cart table.cart td.actions .coupon .input-text { 895 font-size: 14px;888 font-size: 14px; 896 889 } 897 890 … … 899 892 .woocommerce-page #content table.cart td.actions .input-text, 900 893 .woocommerce-page table.cart td.actions .input-text { 901 width: 118px;894 width: 118px; 902 895 } 903 896 904 897 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button { 905 color: #fff !important;898 color: #fff !important; 906 899 } 907 900 908 901 #customer_details input[type="text"] { 909 padding: 0.5rem 1.8rem;902 padding: 0.5rem 1.8rem; 910 903 } 911 904 912 905 .woocommerce .quantity .qty { 913 width: 80px;906 width: 80px; 914 907 } 915 908 916 909 .quantity input[type="number"] { 917 padding: 2px;910 padding: 2px; 918 911 } 919 912 920 913 nav.woocommerce-MyAccount-navigation ul { 921 list-style: none;922 padding: 0;914 list-style: none; 915 padding: 0; 923 916 } 924 917 925 918 nav.woocommerce-MyAccount-navigation ul li { 926 border: solid 2px #e5e5e5;927 padding: 10px;928 margin-bottom: 10px;929 box-shadow: 0px 0px 0 0 #e5e5e5;930 font-weight: 500;919 border: solid 2px #e5e5e5; 920 padding: 10px; 921 margin-bottom: 10px; 922 box-shadow: 0px 0px 0 0 #e5e5e5; 923 font-weight: 500; 931 924 } 932 925 933 926 .woocommerce .star-rating { 934 margin: 0 auto 10px !important;927 margin: 0 auto 10px !important; 935 928 } 936 929 937 930 .woocommerce .star-rating span, 938 931 .woocommerce p.stars a { 939 color: #ffcc05;932 color: #ffcc05; 940 933 } 941 934 942 935 .woocommerce nav.woocommerce-pagination ul li span.current { 943 background: var(--global-color);944 color: #222;936 background: var(--global-color); 937 color: #222; 945 938 } 946 939 947 940 p.order-again a, 948 941 a.woocommerce-button.button.view { 949 background: var(--global-color) !important;942 background: var(--global-color) !important; 950 943 } 951 944 … … 953 946 .wc-block-components-checkout-place-order-button, 954 947 .wc-block-components-totals-coupon__button { 955 background: var(--global-color);956 color: #fff !important;957 text-decoration: none !important;958 border-radius: 10px;959 border: none !important;960 padding: 10px;961 border: 2px solid transparent;962 width: 50%;948 background: var(--global-color); 949 color: #fff !important; 950 text-decoration: none !important; 951 border-radius: 10px; 952 border: none !important; 953 padding: 10px; 954 border: 2px solid transparent; 955 width: 50%; 963 956 } 964 957 965 958 .wc-block-components-checkout-return-to-cart-button { 966 background: var(--global-color);967 color: #fff !important;968 text-decoration: none !important;969 border-radius: 10px;970 border: none !important;971 padding: 10px;972 border: 2px solid transparent;959 background: var(--global-color); 960 color: #fff !important; 961 text-decoration: none !important; 962 border-radius: 10px; 963 border: none !important; 964 padding: 10px; 965 border: 2px solid transparent; 973 966 } 974 967 975 968 .wc-block-components-checkout-return-to-cart-button { 976 background: var(--global-color); 977 color: #fff !important; 978 text-decoration: none !important; 979 border-radius: 10px; 980 border: none !important; 981 padding: 15px; 982 } 969 background: var(--global-color); 970 color: #fff !important; 971 text-decoration: none !important; 972 border-radius: 10px; 973 border: none !important; 974 padding: 15px; 975 } 976 983 977 984 978 .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover { 985 border: 2px solid var(--global-color);986 background: var(--global-color);987 color: #fff !important;979 border: 2px solid var(--global-color); 980 background: var(--global-color); 981 color: #fff !important; 988 982 } 989 983 … … 1004 998 input[type="reset"]:focus, 1005 999 input[type="submit"]:focus { 1006 color: #ffffff;1000 color: #ffffff; 1007 1001 } 1008 1002 1009 1003 .wp-block-woocommerce-cart .wc-block-cart-items, 1010 1004 .wp-block-woocommerce-cart-order-summary-block { 1011 border: 1px solid #dee2e6!important;1012 padding: 10px;1013 border-radius: 10px;1005 border: 1px solid #dee2e6 !important; 1006 padding: 10px; 1007 border-radius: 10px; 1014 1008 } 1015 1009 1016 1010 .wp-block-woocommerce-cart .wc-block-cart-items__header-image, 1017 1011 .wc-block-cart-items__header-total { 1018 padding: 10px !important;1012 padding: 10px !important; 1019 1013 } 1020 1014 1021 1015 .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container { 1022 margin-top: 20px;1016 margin-top: 20px; 1023 1017 } 1024 1018 1025 1019 .wp-block-woocommerce-cart .wc-block-components-product-badge { 1026 background: #e5a500;1027 color: #fff !important;1028 padding: 10px !important;1029 margin-bottom: 5px;1030 margin-top: 5px;1020 background: #e5a500; 1021 color: #fff !important; 1022 padding: 10px !important; 1023 margin-bottom: 5px; 1024 margin-top: 5px; 1031 1025 } 1032 1026 1033 1027 a.wc-block-components-product-name, 1034 1028 .wc-block-components-product-name { 1035 font-size: 22px !important;1036 color: #000 !important;1037 text-decoration: none !important;1029 font-size: 22px !important; 1030 color: #000 !important; 1031 text-decoration: none !important; 1038 1032 } 1039 1033 1040 1034 .wc-block-components-order-summary-item__quantity { 1041 background: var(--global-color) !important;1042 color: #fff !important;1043 border: none !important;1044 box-shadow: none !important;1035 background: var(--global-color) !important; 1036 color: #fff !important; 1037 border: none !important; 1038 box-shadow: none !important; 1045 1039 } 1046 1040 1047 1041 .wc-block-components-sidebar-layout { 1048 flex-flow: column-reverse !important;1042 flex-flow: column-reverse !important; 1049 1043 } 1050 1044 1051 1045 .wc-block-components-sidebar-layout .wc-block-components-main { 1052 padding-left: 0% !important;1053 width: 100% !important;1046 padding-left: 0% !important; 1047 width: 100% !important; 1054 1048 } 1055 1049 1056 1050 .wc-block-components-sidebar { 1057 width: 100% !important;1051 width: 100% !important; 1058 1052 } 1059 1053 1060 1054 .wp-block-woocommerce-cart.alignwide { 1061 margin-left: auto !important;1062 margin-right: auto !important;1055 margin-left: auto !important; 1056 margin-right: auto !important; 1063 1057 } 1064 1058 … … 1075 1069 .wc-block-components-product-price__value.is-discounted, 1076 1070 del.wc-block-components-product-price__regular { 1077 color: #000 !important;1071 color: #000 !important; 1078 1072 } 1079 1073 1080 1074 .wc-block-components-totals-wrapper:after { 1081 border-color: #000 !important;1075 border-color: #000 !important; 1082 1076 } 1083 1077 1084 1078 tbody.wc-block-cart-items { 1085 border: 1px solid #000;1086 border-radius: 30px;1079 border: 1px solid #000; 1080 border-radius: 30px; 1087 1081 } 1088 1082 1089 1083 .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, 1090 1084 button.wc-block-cart-item__remove-link { 1091 font-size: 14px !important;1085 font-size: 14px !important; 1092 1086 } 1093 1087 1094 1088 .is-medium table.wc-block-cart-items .wc-block-cart-items__row { 1095 grid-template-columns: 270px 47px !important;1096 padding: 16px 16px !important;1089 grid-template-columns: 270px 47px !important; 1090 padding: 16px 16px !important; 1097 1091 } 1098 1092 1099 1093 .wp-block-woocommerce-cart .wc-block-components-product-badge { 1100 display: none;1094 display: none; 1101 1095 } 1102 1096 1103 1097 .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover { 1104 border: unset !important;1098 border: unset !important; 1105 1099 } 1106 1100 1107 1101 a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained { 1108 text-decoration: none;1102 text-decoration: none; 1109 1103 } 1110 1104 1111 1105 .wc-block-components-text-input input[type=text] { 1112 padding: 14px !important; 1113 } 1114 1106 padding: 14px !important; 1107 } 1115 1108 1116 1109 /*-------------------------------------------------------------- … … 1119 1112 1120 1113 .theme-header-areas.header-areas-right.header-social .social-area { 1121 display: flex;1122 gap: 20px;1123 justify-content: end;1114 display: flex; 1115 gap: 20px; 1116 justify-content: end; 1124 1117 } 1125 1118 1126 1119 .theme-header-areas.header-areas-right.header-social { 1127 width: 15%;1120 width: 15%; 1128 1121 } 1129 1122 1130 1123 .theme-header-areas.header-areas-right.header-social .social-area a:hover svg { 1131 fill: var(--global-color) !important;1124 fill: var(--global-color) !important; 1132 1125 } 1133 1126 1134 1127 .page-template-frontpage .main-header { 1135 position: absolute;1136 top: 60px;1128 position: absolute; 1129 top: 60px; 1137 1130 } 1138 1131 1139 1132 .main-header { 1140 position: relative;1141 width: 100%;1142 top: 0px;1143 z-index: 99;1133 position: relative; 1134 width: 100%; 1135 top: 0px; 1136 z-index: 99; 1144 1137 } 1145 1138 1146 1139 .wrapper.header-wrapper.header-box { 1147 background-color: #ffffff;1148 border-radius: 45px;1149 padding: 12px 30px;1140 background-color: #ffffff; 1141 border-radius: 45px; 1142 padding: 12px 30px; 1150 1143 } 1151 1144 1152 1145 .header-titles { 1153 width: 20%;1146 width: 20%; 1154 1147 } 1155 1148 1156 1149 .menu-box { 1157 width: 65%;1150 width: 65%; 1158 1151 } 1159 1152 1160 1153 .theme-header-areas.header-areas-right.header-button { 1161 width: 32%;1162 gap: 20px;1163 justify-content: right;1164 align-items: center;1154 width: 32%; 1155 gap: 20px; 1156 justify-content: right; 1157 align-items: center; 1165 1158 } 1166 1159 1167 1160 .theme-header-areas.header-areas-right.header-button p { 1168 margin: 0px;1161 margin: 0px; 1169 1162 } 1170 1163 1171 1164 .theme-header-areas.header-areas-right.header-button p a, 1172 1165 .theme-header-areas.header-areas-right.header-button p { 1173 font-size: 16px;1174 font-weight: 600;1175 color: #ffffff;1166 font-size: 16px; 1167 font-weight: 600; 1168 color: #ffffff; 1176 1169 } 1177 1170 1178 1171 .theme-header-areas.header-areas-right.header-button p.default-text { 1179 font-size: 12px;1180 font-weight: 400;1181 color: #ffffff;1182 text-align: right;1183 margin: 0px;1172 font-size: 12px; 1173 font-weight: 400; 1174 color: #ffffff; 1175 text-align: right; 1176 margin: 0px; 1184 1177 } 1185 1178 1186 1179 .phone-icon { 1187 background: #ffffff;1188 padding: 15px;1189 border-radius: 50%;1190 width: 50px;1191 text-align: center;1192 height: 50px;1180 background: #ffffff; 1181 padding: 15px; 1182 border-radius: 50%; 1183 width: 50px; 1184 text-align: center; 1185 height: 50px; 1193 1186 } 1194 1187 1195 1188 .main-banner { 1196 position: relative;1197 background: #1A3C8B;1189 position: relative; 1190 background: #1A3C8B; 1198 1191 } 1199 1192 1200 1193 .phone-icon svg { 1201 fill: var(--global-color)1194 fill: var(--global-color) 1202 1195 } 1203 1196 1204 1197 .theme-header-areas.header-areas-right.header-button a.button2 { 1205 background: var(--global-color);1206 border: 1px solid var(--global-color);1198 background: var(--global-color); 1199 border: 1px solid var(--global-color); 1207 1200 } 1208 1201 1209 1202 .main-box-header.theme-header-areas.header-areas-right.header-meta-box { 1210 width: 12%;1203 width: 12%; 1211 1204 } 1212 1205 1213 1206 .header-titles .custom-logo-name { 1214 color: var(--global-color);1215 font-size: 22px;1216 text-transform: uppercase;1217 font-weight: 700;1207 color: var(--global-color); 1208 font-size: 22px; 1209 text-transform: uppercase; 1210 font-weight: 700; 1218 1211 } 1219 1212 1220 1213 .header-titles .site-description { 1221 color: #08131D; 1222 } 1223 1214 color: #08131D; 1215 } 1224 1216 1225 1217 /*-------------------------------------------------------------- 1226 1218 # Slider Section. 1227 1219 --------------------------------------------------------------*/ 1228 1229 1220 .slide-btn a { 1230 background: var(--global-color);1231 border-radius: 30px;1232 border: 0px;1233 color: #fff;1234 font-weight: bold;1235 text-transform: capitalize;1236 font-size: 12px;1221 background: var(--global-color); 1222 border-radius: 30px; 1223 border: 0px; 1224 color: #fff; 1225 font-weight: bold; 1226 text-transform: capitalize; 1227 font-size: 12px; 1237 1228 } 1238 1229 1239 1230 .theme-article-post .entry-title { 1240 position: relative;1241 margin-bottom: 2rem;1242 transition: all 0.3s cubic-bezier(0.72, 0.16, 0.345, 0.875);1231 position: relative; 1232 margin-bottom: 2rem; 1233 transition: all 0.3s cubic-bezier(0.72, 0.16, 0.345, 0.875); 1243 1234 } 1244 1235 1245 1236 .header-wrapper.sldier-contact-box { 1246 width: 57%;1247 left: 0px;1248 position: absolute;1249 bottom: 0;1250 border-radius: 0px 167px 0px 0px;1251 padding: 35px 45px;1252 z-index: 1;1253 background: var(--global-color);1237 width: 57%; 1238 left: 0px; 1239 position: absolute; 1240 bottom: 0; 1241 border-radius: 0px 167px 0px 0px; 1242 padding: 35px 45px; 1243 z-index: 1; 1244 background: var(--global-color); 1254 1245 } 1255 1246 1256 1247 .left-box { 1257 position: relative;1248 position: relative; 1258 1249 } 1259 1250 1260 1251 .left-box { 1261 width: 50%;1252 width: 50%; 1262 1253 } 1263 1254 1264 1255 .right-box { 1265 width: 50%;1266 background: var(--global-color);1267 padding: 0px 0px;1268 left: 0%;1269 top: 15%;1270 border-radius: 0px 120px 0px 0px;1271 position: relative;1256 width: 50%; 1257 background: var(--global-color); 1258 padding: 0px 0px; 1259 left: 0%; 1260 top: 15%; 1261 border-radius: 0px 120px 0px 0px; 1262 position: relative; 1272 1263 } 1273 1264 1274 1265 .main-carousel-caption .post-content { 1275 width: 43%;1266 width: 43%; 1276 1267 } 1277 1268 1278 1269 .theme-main-carousel .entry-content { 1279 margin-bottom: 2rem;1280 color: #FFFFFF;1281 font-weight: 500;1282 font-size: 13px;1270 margin-bottom: 2rem; 1271 color: #FFFFFF; 1272 font-weight: 500; 1273 font-size: 13px; 1283 1274 } 1284 1275 1285 1276 header.entry-header h3 { 1286 color: var(--global-color); 1287 font-size: 20px; 1288 font-weight: 700; 1289 letter-spacing: 3px; 1290 font-family: var(--font-head); 1291 line-height: 22.05px; 1292 } 1293 1277 color: var(--global-color); 1278 font-size: 20px; 1279 font-weight: 700; 1280 letter-spacing: 3px; 1281 font-family: var(--font-head); 1282 line-height: 22.05px; 1283 } 1294 1284 1295 1285 /*.theme-banner-block { 1296 1286 background: #2d215f; 1297 1287 }*/ 1298 1299 1288 .left-box .main-carousel-caption .post-content { 1300 right: 17%;1301 position: absolute;1302 top: 50%;1303 transform: translateY(-50%);1289 right: 17%; 1290 position: absolute; 1291 top: 50%; 1292 transform: translateY(-50%); 1304 1293 } 1305 1294 1306 1295 .image-main-box { 1307 position: relative;1308 height: 600px;1296 position: relative; 1297 height: 600px; 1309 1298 } 1310 1299 1311 1300 .right-box .data-bg.banner-img { 1312 width: 100%;1313 height: 600px;1314 border-radius: 0px 120px 0px 0px;1301 width: 100%; 1302 height: 600px; 1303 border-radius: 0px 120px 0px 0px; 1315 1304 } 1316 1305 1317 1306 .swiper-slide .post-content h2 a { 1318 color: #ffffff !important;1319 text-decoration: none;1320 font-weight: bold;1321 font-size: 38px;1307 color: #ffffff !important; 1308 text-decoration: none; 1309 font-weight: bold; 1310 font-size: 38px; 1322 1311 } 1323 1312 1324 1313 .swiper-slide .post-content h2:hover { 1325 text-decoration: none;1314 text-decoration: none; 1326 1315 } 1327 1316 1328 1317 .theme-banner-block .btn-fancy-primary.slider-btn-1 { 1329 background-color: #ffff;1330 color: var(--global-color);1331 margin-left: 20px;1318 background-color: #ffff; 1319 color: var(--global-color); 1320 margin-left: 20px; 1332 1321 } 1333 1322 1334 1323 .theme-banner-block .btn-fancy-primary { 1335 background-color: var(--global-color);1336 color: #fff;1337 font-size: 13px;1338 letter-spacing: 1px;1339 font-weight: 700;1340 display: inline-flex;1341 padding: 13px 30px;1342 text-decoration: none !important;1343 border: 0px;1344 text-transform: uppercase;1345 border-radius: 30px;1324 background-color: var(--global-color); 1325 color: #fff; 1326 font-size: 13px; 1327 letter-spacing: 1px; 1328 font-weight: 700; 1329 display: inline-flex; 1330 padding: 13px 30px; 1331 text-decoration: none !important; 1332 border: 0px; 1333 text-transform: uppercase; 1334 border-radius: 30px; 1346 1335 } 1347 1336 1348 1337 .theme-banner-block .btn-fancy-primary svg { 1349 margin-right: 10px;1350 fill: #fff;1338 margin-right: 10px; 1339 fill: #fff; 1351 1340 } 1352 1341 … … 1355 1344 # Category Section. 1356 1345 --------------------------------------------------------------*/ 1357 1358 1346 .post-main-content { 1359 display: flex;1347 display: flex; 1360 1348 } 1361 1349 1362 1350 .slider-post-content:nth-child(2) { 1363 width: 40% !important;1351 width: 40% !important; 1364 1352 } 1365 1353 1366 1354 .tab-box { 1367 width: 80%;1368 margin: 0 auto;1355 width: 80%; 1356 margin: 0 auto; 1369 1357 } 1370 1358 1371 1359 span.slide-cat { 1372 color: #fff;1373 font-size: 16px;1374 font-weight: 500;1375 text-transform: uppercase;1376 letter-spacing: 1px;1360 color: #fff; 1361 font-size: 16px; 1362 font-weight: 500; 1363 text-transform: uppercase; 1364 letter-spacing: 1px; 1377 1365 } 1378 1366 1379 1367 .data-bg.featured-img { 1380 height: 350px;1381 width: 100%;1382 border-radius: 10px 10px 0px 0px;1383 opacity: 1;1384 object-fit: cover;1368 height: 350px; 1369 width: 100%; 1370 border-radius: 10px 10px 0px 0px; 1371 opacity: 1; 1372 object-fit: cover; 1385 1373 } 1386 1374 1387 1375 .team-mian-box { 1388 width: 80%;1389 margin: 0 auto;1376 width: 80%; 1377 margin: 0 auto; 1390 1378 } 1391 1379 1392 1380 .theme-article-post.slider-post-content .entry-thumbnail { 1393 background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #332467 100%);1394 border-radius: 10px;1381 background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #332467 100%); 1382 border-radius: 10px; 1395 1383 } 1396 1384 1397 1385 .theme-product-block .theme-article-post.slider-post-content h2.entry-title.entry-title-big { 1398 font-size: 25px;1399 color: #FFFFFF;1400 font-weight: 700;1401 margin-bottom: 10px;1402 text-align: right;1386 font-size: 25px; 1387 color: #FFFFFF; 1388 font-weight: 700; 1389 margin-bottom: 10px; 1390 text-align: right; 1403 1391 } 1404 1392 1405 1393 .theme-article-post.slider-post-content .entry-content { 1406 font-size: 16px;1407 font-weight: 400;1408 line-height: 26px;1409 margin-bottom: 20px;1410 color: #6B5884;1394 font-size: 16px; 1395 font-weight: 400; 1396 line-height: 26px; 1397 margin-bottom: 20px; 1398 color: #6B5884; 1411 1399 } 1412 1400 1413 1401 .theme-article-post.slider-post-content header.entry-header a.banner-btn { 1414 font-size: 14px;1415 font-weight: 500;1416 line-height: 26px;1417 text-align: right;1418 color: #fff;1402 font-size: 14px; 1403 font-weight: 500; 1404 line-height: 26px; 1405 text-align: right; 1406 color: #fff; 1419 1407 } 1420 1408 1421 1409 .theme-article-post.slider-post-content .main-owl-caption { 1422 position: absolute;1423 bottom: 0px;1424 padding: 15px 30px;1410 position: absolute; 1411 bottom: 0px; 1412 padding: 15px 30px; 1425 1413 } 1426 1414 1427 1415 .theme-article-post.slider-post-content { 1428 position: relative;1416 position: relative; 1429 1417 } 1430 1418 1431 1419 header.entry-header p { 1432 font-size: 12px;1433 margin-bottom: 10px;1434 color: var(--global-color);1435 font-weight: 700;1436 text-align: center;1437 letter-spacing: 1px;1438 text-transform: uppercase;1420 font-size: 12px; 1421 margin-bottom: 10px; 1422 color: var(--global-color); 1423 font-weight: 700; 1424 text-align: center; 1425 letter-spacing: 1px; 1426 text-transform: uppercase; 1439 1427 } 1440 1428 1441 1429 .section-heading h6 span { 1442 position: absolute;1443 right: 0px;1444 color: var(--global-color);1445 -webkit-text-stroke: 0px #FFD9D6;1446 left: 0px;1447 text-transform: capitalize;1448 top: 5px;1449 font-weight: 600;1450 font-size: 20px;1430 position: absolute; 1431 right: 0px; 1432 color: var(--global-color); 1433 -webkit-text-stroke: 0px #FFD9D6; 1434 left: 0px; 1435 text-transform: capitalize; 1436 top: 5px; 1437 font-weight: 600; 1438 font-size: 20px; 1451 1439 } 1452 1440 1453 1441 .section-heading h6 { 1454 font-size: 30px;1455 font-weight: 500;1456 text-transform: uppercase;1457 text-align: center;1458 margin-bottom: 10px;1459 position: relative;1460 -webkit-text-stroke: 1px #FFD9D6;1461 color: #ffffff;1442 font-size: 30px; 1443 font-weight: 500; 1444 text-transform: uppercase; 1445 text-align: center; 1446 margin-bottom: 10px; 1447 position: relative; 1448 -webkit-text-stroke: 1px #FFD9D6; 1449 color: #ffffff; 1462 1450 } 1463 1451 1464 1452 .section-heading h4 { 1465 font-size: 24px;1466 font-weight: 600;1467 text-align: center;1468 color: #1A3C8B;1453 font-size: 24px; 1454 font-weight: 600; 1455 text-align: center; 1456 color: #1A3C8B; 1469 1457 } 1470 1458 1471 1459 .section-heading { 1472 margin-bottom: 25px !important;1473 text-align: center;1474 margin: 0 auto;1475 width: 40%;1460 margin-bottom: 25px !important; 1461 text-align: center; 1462 margin: 0 auto; 1463 width: 40%; 1476 1464 } 1477 1465 1478 1466 .theme-product-block .main-owl-caption h2.entry-title.entry-title-big { 1479 font-size: 22px;1480 font-weight: 600;1481 line-height: 30px;1482 word-wrap: break-word;1483 text-transform: capitalize;1484 color: #08131D;1485 text-align: center;1486 margin: 0px;1467 font-size: 22px; 1468 font-weight: 600; 1469 line-height: 30px; 1470 word-wrap: break-word; 1471 text-transform: capitalize; 1472 color: #08131D; 1473 text-align: center; 1474 margin: 0px; 1487 1475 } 1488 1476 … … 1490 1478 .theme-product-block .main-owl-caption.catebox4, 1491 1479 .theme-product-block .main-owl-caption.catebox7 { 1492 background: #E3562E;1480 background: #E3562E; 1493 1481 } 1494 1482 … … 1496 1484 .theme-product-block .main-owl-caption.catebox5, 1497 1485 .theme-product-block .main-owl-caption.catebox8 { 1498 background: #375E35;1486 background: #375E35; 1499 1487 } 1500 1488 … … 1502 1490 .theme-product-block .main-owl-caption.catebox6, 1503 1491 .theme-product-block .main-owl-caption.catebox9 { 1504 background: var(--global-color);1492 background: var(--global-color); 1505 1493 } 1506 1494 1507 1495 .theme-product-block .main-owl-caption hr { 1508 border: 0; 1509 height: 3px; 1510 margin: 14px 0px; 1511 background: #C5C5C566; 1512 margin-bottom: 14px; 1513 } 1514 1496 border: 0; 1497 height: 3px; 1498 margin: 14px 0px; 1499 background: #C5C5C566; 1500 margin-bottom: 14px; 1501 } 1515 1502 1516 1503 /* -------------------- Sldier Section ----------------- */ 1517 1518 1504 .slider-main { 1519 display: flex;1520 align-items: center;1521 gap: 20px;1505 display: flex; 1506 align-items: center; 1507 gap: 20px; 1522 1508 } 1523 1509 1524 1510 .banner-left-box, 1525 1511 .banner-right-box { 1526 position: relative;1512 position: relative; 1527 1513 } 1528 1514 1529 1515 .team-box p.team-default-text { 1530 font-size: 20px;1531 font-weight: 900;1532 text-align: center;1533 color: #262F51;1534 margin-bottom: 0px;1516 font-size: 20px; 1517 font-weight: 900; 1518 text-align: center; 1519 color: #262F51; 1520 margin-bottom: 0px; 1535 1521 } 1536 1522 1537 1523 .team-mian-box .post-content-location { 1538 background: #FFFFFF;1539 padding: 30px 15px;1540 text-align: center;1541 border-radius: 0px 0px 10px 10px;1524 background: #FFFFFF; 1525 padding: 30px 15px; 1526 text-align: center; 1527 border-radius: 0px 0px 10px 10px; 1542 1528 } 1543 1529 1544 1530 .team-box p { 1545 font-size: 16px;1546 font-weight: 500;1547 text-align: center;1548 margin-bottom: 10px;1549 color: #08131D;1531 font-size: 16px; 1532 font-weight: 500; 1533 text-align: center; 1534 margin-bottom: 10px; 1535 color: #08131D; 1550 1536 } 1551 1537 1552 1538 .team-mian-box .post-content-location:hover h2.entry-title.entry-title-big a, 1553 1539 .team-mian-box .post-content-location:hover p { 1554 color: #ffffff;1540 color: #ffffff; 1555 1541 } 1556 1542 1557 1543 .team-mian-box .post-content-location:hover .social-area a svg { 1558 fill: #ffffff;1544 fill: #ffffff; 1559 1545 } 1560 1546 1561 1547 .team-mian-box .post-content-location:hover { 1562 background: #1A3C8B;1548 background: #1A3C8B; 1563 1549 } 1564 1550 1565 1551 .team-mian-box .post-content-location .social-area { 1566 margin-top: 35px;1552 margin-top: 35px; 1567 1553 } 1568 1554 1569 1555 .team-mian-box .post-content-location .social-area a { 1570 padding: 0px 10px;1556 padding: 0px 10px; 1571 1557 } 1572 1558 1573 1559 .team-mian-box .post-content-location .social-area a:hover svg { 1574 fill: var(--global-color);1560 fill: var(--global-color); 1575 1561 } 1576 1562 1577 1563 .banner-image img { 1578 height: 300px;1564 height: 300px; 1579 1565 } 1580 1566 1581 1567 .banner-image img { 1582 height: 350px;1583 width: 300px;1584 object-fit: cover;1585 margin: 0 auto;1568 height: 350px; 1569 width: 300px; 1570 object-fit: cover; 1571 margin: 0 auto; 1586 1572 } 1587 1573 1588 1574 span.logo img { 1589 height: 30px;1590 width: 100px;1575 height: 30px; 1576 width: 100px; 1591 1577 } 1592 1578 1593 1579 span.heading { 1594 font-size: 16px;1595 font-weight: 700;1596 line-height: 14px;1597 color: #ffffff;1580 font-size: 16px; 1581 font-weight: 700; 1582 line-height: 14px; 1583 color: #ffffff; 1598 1584 } 1599 1585 1600 1586 .slider-box { 1601 background-size: 100% 100% !important;1587 background-size: 100% 100% !important; 1602 1588 } 1603 1589 1604 1590 .right-box h6 { 1605 font-size: 28px;1606 font-weight: 800;1607 text-align: center;1608 color: var(--global-color);1609 margin-bottom: 0px;1591 font-size: 28px; 1592 font-weight: 800; 1593 text-align: center; 1594 color: var(--global-color); 1595 margin-bottom: 0px; 1610 1596 } 1611 1597 1612 1598 .right-box p { 1613 font-size: 12px;1614 font-weight: 500;1615 line-height: 20px;1616 text-align: center;1617 color: #010F1C;1618 margin-bottom: 0px;1599 font-size: 12px; 1600 font-weight: 500; 1601 line-height: 20px; 1602 text-align: center; 1603 color: #010F1C; 1604 margin-bottom: 0px; 1619 1605 } 1620 1606 1621 1607 .right-box .image-main-box .data-bg-large { 1622 width: 360px;1623 border-radius: 50%;1624 position: relative;1625 margin: 0px auto;1626 right: 13px;1627 z-index: 1;1608 width: 360px; 1609 border-radius: 50%; 1610 position: relative; 1611 margin: 0px auto; 1612 right: 13px; 1613 z-index: 1; 1628 1614 } 1629 1615 1630 1616 .main-slider { 1631 position: relative;1632 height: 600px;1617 position: relative; 1618 height: 600px; 1633 1619 } 1634 1620 1635 1621 .theme-custom-block { 1636 position: relative;1637 height: 600px;1622 position: relative; 1623 height: 600px; 1638 1624 } 1639 1625 1640 1626 .singular-main-block .theme-custom-block { 1641 height: auto;1627 height: auto; 1642 1628 } 1643 1629 1644 1630 .theme-banner-block .main-slider { 1645 position: relative;1646 padding: 50px 50px;1647 display: flex;1648 width: 100%;1649 text-align: center;1631 position: relative; 1632 padding: 50px 50px; 1633 display: flex; 1634 width: 100%; 1635 text-align: center; 1650 1636 } 1651 1637 1652 1638 .theme-banner-block .banner-center-box a { 1653 background: var(--global-color);1654 font-size: 12px;1655 font-weight: 400;1656 color: #FFFFFF;1657 margin-bottom: 30px;1658 padding: 10px 25px;1659 text-transform: capitalize;1639 background: var(--global-color); 1640 font-size: 12px; 1641 font-weight: 400; 1642 color: #FFFFFF; 1643 margin-bottom: 30px; 1644 padding: 10px 25px; 1645 text-transform: capitalize; 1660 1646 } 1661 1647 … … 1663 1649 .banner-center-box, 1664 1650 .banner-right-box { 1665 width: 33.3%;1651 width: 33.3%; 1666 1652 } 1667 1653 1668 1654 .theme-banner-block .main-slider .banner-center-box h6 { 1669 font-size: 14px;1670 color: var(--global-color);1671 text-transform: uppercase;1672 font-weight: 600;1673 margin-bottom: 5px;1674 line-height: 28.75px;1655 font-size: 14px; 1656 color: var(--global-color); 1657 text-transform: uppercase; 1658 font-weight: 600; 1659 margin-bottom: 5px; 1660 line-height: 28.75px; 1675 1661 } 1676 1662 1677 1663 .theme-banner-block .main-slider h4 { 1678 font-size: 22px;1679 font-weight: 500;1680 text-align: center;1664 font-size: 22px; 1665 font-weight: 500; 1666 text-align: center; 1681 1667 } 1682 1668 1683 1669 .theme-banner-block .swiper-container { 1684 position: relative;1685 width: 100%;1686 top: 50%;1687 transform: translateY(-50%);1688 }1689 1690 @media screen and (min-width: 575px) and (max-width: 767px) {1691 .theme-banner-block .theme-article-post {1692 display: block !important;1693 }1694 .theme-header-areas.header-areas-right.header-button {1695 align-items: center;1696 display: grid;1697 justify-items: center;1698 justify-content: space-evenly;1699 }1700 .theme-header-areas.header-areas-right.header-button p.default-text {1701 text-align: center;1702 }1703 .tab-box {1704 width: 100%;1705 }1706 .data-bg.featured-img {1707 height: 250px;1708 }1709 .post-main-content {1710 display: block;1711 }1712 .theme-article-post.slider-post-content,1713 .slider-post-content:nth-child(2) {1714 width: 100% !important;1715 }1716 .page-template-frontpage .main-header {1717 position: relative;1718 top: 0px;1719 }1720 .header-wrapper.sldier-contact-box {1721 1670 position: relative; 1722 1671 width: 100%; 1672 top: 50%; 1673 transform: translateY(-50%); 1674 } 1675 1676 @media screen and (min-width: 575px) and (max-width: 767px) { 1677 .theme-banner-block .theme-article-post { 1678 display: block !important; 1679 } 1680 1681 .theme-header-areas.header-areas-right.header-button { 1682 align-items: center; 1683 display: grid; 1684 justify-items: center; 1685 justify-content: space-evenly; 1686 } 1687 1688 .theme-header-areas.header-areas-right.header-button p.default-text { 1689 text-align: center; 1690 } 1691 1692 .tab-box { 1693 width: 100%; 1694 } 1695 1696 .data-bg.featured-img { 1697 height: 250px; 1698 } 1699 1700 .post-main-content { 1701 display: block; 1702 } 1703 1704 .theme-article-post.slider-post-content, 1705 .slider-post-content:nth-child(2) { 1706 width: 100% !important; 1707 } 1708 1709 .page-template-frontpage .main-header { 1710 position: relative; 1711 top: 0px; 1712 } 1713 1714 .header-wrapper.sldier-contact-box { 1715 position: relative; 1716 width: 100%; 1717 display: flex; 1718 border-radius: 0px; 1719 } 1720 1721 .left-box .main-carousel-caption .post-content { 1722 position: relative; 1723 right: 10px; 1724 transform: none; 1725 margin: 20px 0px; 1726 left: 10px; 1727 } 1728 1729 .left-box { 1730 width: 70%; 1731 margin: 0 auto; 1732 } 1733 1734 .theme-header-areas.header-areas-right.menu-box { 1735 margin-bottom: 0px; 1736 } 1737 1738 .theme-header-areas.header-areas-right.header-social { 1739 width: 50%; 1740 margin-bottom: 0px; 1741 } 1742 1743 .right-box { 1744 margin-top: 30px !important; 1745 width: 100%; 1746 } 1747 1748 .wrapper.header-wrapper.header-box { 1749 display: flex !important; 1750 align-items: center !important; 1751 gap: 20px; 1752 } 1753 1754 .menu-box, 1755 .header-titles { 1756 width: 25% !important; 1757 } 1758 1759 .theme-product-block::after, 1760 .theme-product-block::before { 1761 display: none; 1762 } 1763 1764 .main-box-header.theme-header-areas.header-areas-right.header-meta-box { 1765 width: 30% !important; 1766 text-align: right; 1767 display: flex !important; 1768 } 1769 1770 .data-bg-large, 1771 .image-main-box { 1772 height: 350px !important; 1773 } 1774 1775 .main-carousel-caption .post-content { 1776 position: relative !important; 1777 } 1778 1779 .main-carousel-caption, 1780 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail { 1781 width: 100% !important; 1782 } 1783 1784 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail { 1785 margin-bottom: 20px !important; 1786 } 1787 } 1788 1789 @media screen and (min-width: 768px) and (max-width: 991px) { 1790 .right-box .image-main-box .data-bg-large { 1791 width: 285px; 1792 } 1793 1794 .header-wrapper.sldier-contact-box { 1795 width: 100%; 1796 } 1797 1798 .right-box { 1799 width: 65% !important; 1800 } 1801 1802 .banner-image img { 1803 width: 100%; 1804 } 1805 1806 .image-main-box:after { 1807 width: 360px; 1808 right: 0px; 1809 left: 0px; 1810 margin: 0 auto; 1811 } 1812 1813 .left-box .main-carousel-caption .post-content { 1814 right: 5%; 1815 position: relative; 1816 top: 50%; 1817 width: 100%; 1818 transform: none; 1819 } 1820 1821 .section-heading { 1822 width: 70% !important; 1823 } 1824 1825 .theme-product-block::after, 1826 .theme-product-block::before { 1827 display: none; 1828 } 1829 1830 .theme-header-areas.header-areas-right.header-social { 1831 width: 40%; 1832 } 1833 1834 .theme-article-post.slider-post-content, 1835 .slider-post-content:nth-child(2) { 1836 width: 50%; 1837 } 1838 1839 .post-main-content { 1840 gap: 0px; 1841 } 1842 1843 .menu-box { 1844 width: 20%; 1845 justify-content: center !important; 1846 } 1847 1848 .header-titles { 1849 width: 40%; 1850 } 1851 1852 .theme-header-areas.header-areas-right.header-button { 1853 width: 40%; 1854 } 1855 1856 .wrapper.header-wrapper.header-box { 1857 gap: 20px !important; 1858 } 1859 } 1860 1861 @media screen and (min-width: 992px) and (max-width: 1200px) { 1862 .header-wrapper.sldier-contact-box { 1863 width: 75%; 1864 } 1865 1866 .theme-header-areas.header-areas-right.header-social { 1867 width: 17%; 1868 } 1869 } 1870 1871 @media (max-width: 574px) { 1872 #top-header .theme-header-areas .header-areas-right { 1873 justify-content: center; 1874 } 1875 1876 a.social-4 { 1877 width: auto; 1878 } 1879 1880 .page-template-frontpage .main-header { 1881 position: relative; 1882 top: 0px; 1883 } 1884 1885 .left-box, 1886 .right-box { 1887 width: 100% !important; 1888 } 1889 1890 .theme-product-block::after, 1891 .theme-product-block::before { 1892 display: none; 1893 } 1894 1895 .left-box .main-carousel-caption .post-content { 1896 right: 0%; 1897 left: 0%; 1898 position: relative; 1899 top: 0%; 1900 transform: none; 1901 } 1902 1903 .post-main-content { 1904 display: block; 1905 } 1906 1907 .slider-post-content:nth-child(2), 1908 .theme-article-post.slider-post-content { 1909 width: 100% !important; 1910 } 1911 1912 .theme-article-post.slider-post-content { 1913 margin-bottom: 10px; 1914 } 1915 1916 .theme-header-areas.header-areas-right.header-social .social-area { 1917 justify-content: center; 1918 } 1919 1920 .theme-header-areas.header-areas-right.header-social { 1921 width: 100%; 1922 margin-bottom: 0px; 1923 } 1924 1925 .header-wrapper.sldier-contact-box { 1926 width: 100% !important; 1927 position: relative !important; 1928 border-radius: 0px !important; 1929 padding: 10px !important; 1930 } 1931 1932 .header-titles { 1933 width: 100%; 1934 } 1935 1936 .banner-left-box, 1937 .banner-center-box, 1938 .banner-right-box { 1939 width: 100%; 1940 } 1941 1942 .banner-image { 1943 margin-bottom: 20px; 1944 } 1945 1946 .theme-header-areas.header-areas-right.header-button { 1947 display: flex; 1948 text-align: right; 1949 justify-content: center; 1950 } 1951 1952 .menu-box, 1953 .theme-header-areas.header-areas-right.header-button { 1954 width: 100%; 1955 } 1956 1957 .theme-header-areas.header-areas-left.suport-box, 1958 .theme-header-areas.header-areas-left.account-box { 1959 margin-bottom: 0px; 1960 } 1961 } 1962 1963 @media (max-width: 767px) { 1964 .header-titles .custom-logo-name { 1965 font-size: 2.8rem; 1966 } 1967 1968 .main-carousel-caption .post-content { 1969 text-align: center; 1970 } 1971 1972 .section-heading h6 span { 1973 font-size: 14px; 1974 } 1975 1976 .section-heading h6 { 1977 font-size: 17px; 1978 } 1979 1980 .section-heading h4 { 1981 font-size: 22px; 1982 } 1983 1984 .team-mian-box { 1985 width: 100%; 1986 } 1987 1988 .theme-banner-block .main-slider { 1989 padding: 10px; 1990 display: block; 1991 } 1992 1993 .banner-left-box, 1994 .banner-center-box, 1995 .banner-right-box { 1996 width: 100%; 1997 } 1998 1999 .section-heading { 2000 width: 100% !important; 2001 } 2002 2003 .slider-box { 2004 clip-path: none; 2005 } 2006 2007 .theme-custom-block, 2008 .slider-box, 2009 .main-slider { 2010 height: auto; 2011 } 2012 } 2013 2014 @media screen and (max-width: 992px) and (min-width: 768px) { 2015 2016 .theme-header-areas.header-areas-right.header-button p a, 2017 .theme-header-areas.header-areas-right.header-button p { 2018 font-size: 14px; 2019 } 2020 2021 .swiper-slide .post-content h2 a { 2022 font-size: 35px; 2023 } 2024 } 2025 2026 @media screen and (max-width: 1200px) and (min-width: 992px) { 2027 .right-box { 2028 width: 51%; 2029 } 2030 2031 .section-heading { 2032 width: 52% !important; 2033 } 2034 2035 .theme-header-areas.header-areas-right.header-button p a, 2036 .theme-header-areas.header-areas-right.header-button p { 2037 font-size: 12px; 2038 } 2039 2040 .main-carousel-caption .post-content { 2041 width: 75%; 2042 } 2043 } 2044 2045 @media screen and (max-width: 1600px) and (min-width: 1201px) { 2046 .team-box { 2047 top: 45%; 2048 } 2049 2050 .main-carousel-caption .post-content { 2051 width: 60%; 2052 } 2053 2054 .theme-header-areas.header-areas-right.header-button p a, 2055 .theme-header-areas.header-areas-right.header-button p { 2056 font-size: 13px; 2057 } 2058 2059 .header-wrapper.sldier-contact-box { 2060 width: 65%; 2061 } 2062 2063 .section-heading { 2064 width: 50% !important; 2065 } 2066 } 2067 2068 .header-navigation-wrapper { 2069 position: relative; 2070 } 2071 2072 .header-wrapper { 1723 2073 display: flex; 1724 border-radius: 0px; 1725 } 1726 .left-box .main-carousel-caption .post-content { 1727 position: relative; 1728 right: 10px; 1729 transform: none; 1730 margin: 20px 0px; 1731 left: 10px; 1732 } 1733 .left-box { 1734 width: 70%; 1735 margin: 0 auto; 1736 } 1737 .theme-header-areas.header-areas-right.menu-box { 1738 margin-bottom: 0px; 1739 } 1740 .theme-header-areas.header-areas-right.header-social { 1741 width: 50%; 1742 margin-bottom: 0px; 1743 } 1744 .right-box { 1745 margin-top: 30px !important; 1746 width: 100%; 1747 } 1748 .wrapper.header-wrapper.header-box { 1749 display: flex !important; 1750 align-items: center !important; 1751 gap: 20px; 1752 } 1753 .menu-box, 1754 .header-titles { 1755 width: 25% !important; 1756 } 1757 .theme-product-block::after, 1758 .theme-product-block::before { 1759 display: none; 1760 } 1761 .main-box-header.theme-header-areas.header-areas-right.header-meta-box { 1762 width: 30% !important; 1763 text-align: right; 1764 display: flex !important; 1765 } 1766 .data-bg-large, 1767 .image-main-box { 1768 height: 350px !important; 1769 } 1770 .main-carousel-caption .post-content { 1771 position: relative !important; 1772 } 1773 .main-carousel-caption, 1774 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail { 1775 width: 100% !important; 1776 } 1777 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail { 1778 margin-bottom: 20px !important; 1779 } 1780 } 1781 1782 @media screen and (min-width: 768px) and (max-width: 991px) { 1783 .right-box .image-main-box .data-bg-large { 1784 width: 285px; 1785 } 1786 .header-wrapper.sldier-contact-box { 1787 width: 100%; 1788 } 1789 .right-box { 1790 width: 65% !important; 1791 } 1792 .banner-image img { 1793 width: 100%; 1794 } 1795 .image-main-box:after { 1796 width: 360px; 1797 right: 0px; 1798 left: 0px; 1799 margin: 0 auto; 1800 } 1801 .left-box .main-carousel-caption .post-content { 1802 right: 5%; 1803 position: relative; 1804 top: 50%; 1805 width: 100%; 1806 transform: none; 1807 } 1808 .section-heading { 1809 width: 70% !important; 1810 } 1811 .theme-product-block::after, 1812 .theme-product-block::before { 1813 display: none; 1814 } 1815 .theme-header-areas.header-areas-right.header-social { 1816 width: 40%; 1817 } 1818 .theme-article-post.slider-post-content, 1819 .slider-post-content:nth-child(2) { 1820 width: 50%; 1821 } 1822 .post-main-content { 1823 gap: 0px; 1824 } 1825 .menu-box { 1826 width: 20%; 1827 justify-content: center !important; 1828 } 1829 .header-titles { 1830 width: 40%; 1831 } 1832 .theme-header-areas.header-areas-right.header-button { 1833 width: 40%; 1834 } 1835 .wrapper.header-wrapper.header-box { 1836 gap: 20px !important; 1837 } 1838 } 1839 1840 @media screen and (min-width: 992px) and (max-width: 1200px) { 1841 .header-wrapper.sldier-contact-box { 1842 width: 75%; 1843 } 1844 .theme-header-areas.header-areas-right.header-social { 1845 width: 17%; 1846 } 1847 } 1848 1849 @media (max-width: 574px) { 1850 #top-header .theme-header-areas .header-areas-right { 1851 justify-content: center; 1852 } 1853 a.social-4 { 1854 width: auto; 1855 } 1856 .page-template-frontpage .main-header { 1857 position: relative; 1858 top: 0px; 1859 } 1860 .left-box, 1861 .right-box { 1862 width: 100% !important; 1863 } 1864 .theme-product-block::after, 1865 .theme-product-block::before { 1866 display: none; 1867 } 1868 .left-box .main-carousel-caption .post-content { 1869 right: 0%; 1870 left: 0%; 1871 position: relative; 1872 top: 0%; 1873 transform: none; 1874 } 1875 .post-main-content { 1876 display: block; 1877 } 1878 .slider-post-content:nth-child(2), 1879 .theme-article-post.slider-post-content { 1880 width: 100% !important; 1881 } 1882 .theme-article-post.slider-post-content { 1883 margin-bottom: 10px; 1884 } 1885 .theme-header-areas.header-areas-right.header-social .social-area { 1886 justify-content: center; 1887 } 1888 .theme-header-areas.header-areas-right.header-social { 1889 width: 100%; 1890 margin-bottom: 0px; 1891 } 1892 .header-wrapper.sldier-contact-box { 1893 width: 100% !important; 1894 position: relative !important; 1895 border-radius: 0px !important; 1896 padding: 10px !important; 1897 } 1898 .header-titles { 1899 width: 100%; 1900 } 1901 .banner-left-box, 1902 .banner-center-box, 1903 .banner-right-box { 1904 width: 100%; 1905 } 1906 .banner-image { 1907 margin-bottom: 20px; 1908 } 1909 .theme-header-areas.header-areas-right.header-button { 1910 display: flex; 1911 text-align: right; 1912 justify-content: center; 1913 } 1914 .menu-box, 1915 .theme-header-areas.header-areas-right.header-button { 1916 width: 100%; 1917 } 1918 .theme-header-areas.header-areas-left.suport-box, 1919 .theme-header-areas.header-areas-left.account-box { 1920 margin-bottom: 0px; 1921 } 1922 } 1923 1924 @media (max-width: 767px) { 1925 .header-titles .custom-logo-name { 1926 font-size: 2.8rem; 1927 } 1928 .main-carousel-caption .post-content { 1929 text-align: center; 1930 } 1931 .section-heading h6 span { 1932 font-size: 14px; 1933 } 1934 .section-heading h6 { 1935 font-size: 17px; 1936 } 1937 .section-heading h4 { 1938 font-size: 22px; 1939 } 1940 .team-mian-box { 1941 width: 100%; 1942 } 1943 .theme-banner-block .main-slider { 1944 padding: 10px; 1945 display: block; 1946 } 1947 .banner-left-box, 1948 .banner-center-box, 1949 .banner-right-box { 1950 width: 100%; 1951 } 1952 .section-heading { 1953 width: 100% !important; 1954 } 1955 .slider-box { 1956 clip-path: none; 1957 } 1958 .theme-custom-block, 1959 .slider-box, 1960 .main-slider { 1961 height: auto; 1962 } 1963 } 1964 1965 @media screen and (max-width: 992px) and (min-width: 768px) { 1966 .theme-header-areas.header-areas-right.header-button p a, 1967 .theme-header-areas.header-areas-right.header-button p { 1968 font-size: 14px; 1969 } 1970 .swiper-slide .post-content h2 a { 1971 font-size: 35px; 1972 } 1973 } 1974 1975 @media screen and (max-width: 1200px) and (min-width: 992px) { 1976 .right-box { 1977 width: 51%; 1978 } 1979 .section-heading { 1980 width: 52% !important; 1981 } 1982 .theme-header-areas.header-areas-right.header-button p a, 1983 .theme-header-areas.header-areas-right.header-button p { 1984 font-size: 12px; 1985 } 1986 .main-carousel-caption .post-content { 1987 width: 75%; 1988 } 1989 } 1990 1991 @media screen and (max-width: 1600px) and (min-width: 1201px) { 1992 .team-box { 1993 top: 45%; 1994 } 1995 .main-carousel-caption .post-content { 1996 width: 60%; 1997 } 1998 .theme-header-areas.header-areas-right.header-button p a, 1999 .theme-header-areas.header-areas-right.header-button p { 2000 font-size: 13px; 2001 } 2002 .header-wrapper.sldier-contact-box { 2003 width: 65%; 2004 } 2005 .section-heading { 2006 width: 50% !important; 2007 } 2008 } 2009 2010 .header-navigation-wrapper { 2011 position: relative; 2012 } 2013 2014 .header-wrapper { 2015 display: flex; 2016 flex-wrap: inherit; 2017 align-items: center; 2018 justify-content: space-between; 2074 flex-wrap: inherit; 2075 align-items: center; 2076 justify-content: space-between; 2019 2077 } 2020 2078 … … 2022 2080 .header-wrapper .header-areas-center, 2023 2081 .header-wrapper .header-areas-right { 2024 display: flex;2025 align-items: center;2082 display: flex; 2083 align-items: center; 2026 2084 } 2027 2085 2028 2086 .header-wrapper .header-areas-left { 2029 justify-content: flex-start;2087 justify-content: flex-start; 2030 2088 } 2031 2089 2032 2090 .header-wrapper .header-areas-center { 2033 justify-content: center;2034 flex-grow: 1;2091 justify-content: center; 2092 flex-grow: 1; 2035 2093 } 2036 2094 2037 2095 .header-wrapper .header-areas-center .site-description { 2038 text-align: center;2096 text-align: center; 2039 2097 } 2040 2098 2041 2099 .header-wrapper .header-areas-right { 2042 justify-content: flex-end;2100 justify-content: flex-end; 2043 2101 } 2044 2102 2045 2103 .main-nav-controls, 2046 2104 .navbar-controls { 2047 display: flex;2105 display: flex; 2048 2106 } 2049 2107 2050 2108 .main-nav-controls { 2051 align-items: center;2109 align-items: center; 2052 2110 } 2053 2111 2054 2112 .navbar-controls { 2055 flex-shrink: 0;2056 align-items: center;2057 justify-content: flex-end;2058 overflow: hidden;2113 flex-shrink: 0; 2114 align-items: center; 2115 justify-content: flex-end; 2116 overflow: hidden; 2059 2117 } 2060 2118 2061 2119 .navbar-control { 2062 background: transparent;2063 border-color: transparent;2064 color: inherit;2065 align-items: center;2066 display: flex;2067 justify-content: flex-end;2068 line-height: 1;2069 margin: 0 1.25rem;2070 padding: 0;2071 position: relative;2072 text-decoration: none;2073 text-transform: uppercase;2074 letter-spacing: .1em;2075 font-size: 12px;2120 background: transparent; 2121 border-color: transparent; 2122 color: inherit; 2123 align-items: center; 2124 display: flex; 2125 justify-content: flex-end; 2126 line-height: 1; 2127 margin: 0 1.25rem; 2128 padding: 0; 2129 position: relative; 2130 text-decoration: none; 2131 text-transform: uppercase; 2132 letter-spacing: .1em; 2133 font-size: 12px; 2076 2134 } 2077 2135 2078 2136 .navbar-control .svg-icon { 2079 display: inline-block;2080 vertical-align: middle;2137 display: inline-block; 2138 vertical-align: middle; 2081 2139 } 2082 2140 2083 2141 .main-nav-controls .navbar-control { 2084 margin: 0 auto 0 1.25rem;2142 margin: 0 auto 0 1.25rem; 2085 2143 } 2086 2144 … … 2088 2146 .navbar-control:focus, 2089 2147 .navbar-control:active { 2090 outline: none;2091 border-color: transparent;2148 outline: none; 2149 border-color: transparent; 2092 2150 } 2093 2151 2094 2152 .navbar-control-trigger:focus { 2095 outline: none;2096 } 2097 2098 .navbar-control:focus-visible >.navbar-control-trigger {2099 outline: 2px solid;2153 outline: none; 2154 } 2155 2156 .navbar-control:focus-visible>.navbar-control-trigger { 2157 outline: 2px solid; 2100 2158 } 2101 2159 2102 2160 .header-searchbar { 2103 background: rgba(0, 0, 0, 0.42);2104 width: 100%;2105 height: 100%;2106 position: fixed;2107 right: 0;2108 left: 0;2109 top: 0;2110 z-index: 999;2111 -webkit-transition: all 0.7s ease;2112 -moz-transition: all 0.7s ease;2113 -ms-transition: all 0.7s ease;2114 -o-transition: all 0.7s ease;2115 transition: all 0.7s ease;2116 transform: translateY(-100%);2117 -o-transform: translateY(-100%);2118 -ms-transform: translateY(-100%);2119 -webkit-transform: translateY(-100%);2120 -ms-overflow-style: none;2121 overflow: -moz-scrollbars-none;2161 background: rgba(0, 0, 0, 0.42); 2162 width: 100%; 2163 height: 100%; 2164 position: fixed; 2165 right: 0; 2166 left: 0; 2167 top: 0; 2168 z-index: 999; 2169 -webkit-transition: all 0.7s ease; 2170 -moz-transition: all 0.7s ease; 2171 -ms-transition: all 0.7s ease; 2172 -o-transition: all 0.7s ease; 2173 transition: all 0.7s ease; 2174 transform: translateY(-100%); 2175 -o-transform: translateY(-100%); 2176 -ms-transform: translateY(-100%); 2177 -webkit-transform: translateY(-100%); 2178 -ms-overflow-style: none; 2179 overflow: -moz-scrollbars-none; 2122 2180 } 2123 2181 2124 2182 .header-searchbar.header-searchbar-active { 2125 transform: translateY(0);2126 -o-transform: translateY(0);2127 -ms-transform: translateY(0);2128 -webkit-transform: translateY(0);2183 transform: translateY(0); 2184 -o-transform: translateY(0); 2185 -ms-transform: translateY(0); 2186 -webkit-transform: translateY(0); 2129 2187 } 2130 2188 2131 2189 .admin-bar .header-searchbar.header-searchbar-active { 2132 top: 32px;2190 top: 32px; 2133 2191 } 2134 2192 2135 2193 @media (max-width: 782px) { 2136 .admin-bar .header-searchbar.header-searchbar-active {2137 top: 46px;2138 }2194 .admin-bar .header-searchbar.header-searchbar-active { 2195 top: 46px; 2196 } 2139 2197 } 2140 2198 2141 2199 .header-searchbar-inner { 2142 transform: translateY(-100%);2143 transition: transform 0.15s linear, box-shadow 0.15s linear;2200 transform: translateY(-100%); 2201 transition: transform 0.15s linear, box-shadow 0.15s linear; 2144 2202 } 2145 2203 2146 2204 .header-searchbar-active .header-searchbar-inner { 2147 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);2148 transform: translateY(0);2149 transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;2205 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); 2206 transform: translateY(0); 2207 transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; 2150 2208 } 2151 2209 2152 2210 .header-searchbar-area { 2153 display: flex;2154 justify-content: space-between;2155 padding-bottom: 8rem;2156 padding-top: 8rem;2211 display: flex; 2212 justify-content: space-between; 2213 padding-bottom: 8rem; 2214 padding-top: 8rem; 2157 2215 } 2158 2216 2159 2217 .header-searchbar form { 2160 margin: 0;2161 position: relative;2162 width: 100%;2218 margin: 0; 2219 position: relative; 2220 width: 100%; 2163 2221 } 2164 2222 2165 2223 .header-searchbar .close-popup { 2166 margin-right: 1rem; 2167 } 2168 2224 margin-right: 1rem; 2225 } 2169 2226 2170 2227 /*-------------------------------------------------------------- … … 2173 2230 2174 2231 .stick_head { 2175 position: fixed !important;2176 width: 100%;2177 z-index: 999999;2178 top: 0;2179 right: 0;2180 padding: 12px 0px;2181 background: #ffffff;2232 position: fixed !important; 2233 width: 100%; 2234 z-index: 999999; 2235 top: 0; 2236 right: 0; 2237 padding: 12px 0px; 2238 background: #ffffff; 2182 2239 } 2183 2240 2184 2241 .header-navbar.login-user.stick_head { 2185 margin-top: 32px; 2186 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 2187 } 2188 2242 margin-top: 32px; 2243 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 2244 } 2189 2245 2190 2246 /*-------------------------------------------------------------- 2191 2247 ## Site Loader 2192 2248 --------------------------------------------------------------*/ 2193 2194 2249 .preloader { 2195 display: flex;2196 height: 100%;2197 background: #fff;2198 width: 100%;2199 right: 0;2200 bottom: 0;2201 top: 0;2202 position: fixed;2203 z-index: 9999999;2250 display: flex; 2251 height: 100%; 2252 background: #fff; 2253 width: 100%; 2254 right: 0; 2255 bottom: 0; 2256 top: 0; 2257 position: fixed; 2258 z-index: 9999999; 2204 2259 } 2205 2260 2206 2261 .loader { 2207 position: relative;2208 width: 200px;2209 height: 60px;2210 top: 40%;2211 margin: 20px auto;2212 } 2213 2214 .loader >div:nth-child(2) {2215 -webkit-animation: pacman-balls 1s -0.99s infinite linear;2216 animation: pacman-balls 1s -0.99s infinite linear;2217 } 2218 2219 .loader >div:nth-child(3) {2220 -webkit-animation: pacman-balls 1s -0.66s infinite linear;2221 animation: pacman-balls 1s -0.66s infinite linear;2222 } 2223 2224 .loader >div:nth-child(4) {2225 -webkit-animation: pacman-balls 1s -0.33s infinite linear;2226 animation: pacman-balls 1s -0.33s infinite linear;2227 } 2228 2229 .loader >div:nth-child(5) {2230 -webkit-animation: pacman-balls 1s 0s infinite linear;2231 animation: pacman-balls 1s 0s infinite linear;2232 } 2233 2234 .loader >div:first-of-type {2235 width: 0px;2236 height: 0px;2237 border-left: 25px solid transparent;2238 border-top: 25px solid var(--global-color);2239 border-right: 25px solid var(--global-color);2240 border-bottom: 25px solid var(--global-color);2241 border-radius: 25px;2242 -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;2243 animation: rotate_pacman_half_up 0.5s 0s infinite;2244 position: relative;2245 right: 30%;2246 } 2247 2248 .loader >div:nth-child(2) {2249 width: 0px;2250 height: 0px;2251 border-left: 25px solid transparent;2252 border-top: 25px solid var(--global-color);2253 border-right: 25px solid var(--global-color);2254 border-bottom: 25px solid var(--global-color);2255 border-radius: 25px;2256 -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;2257 animation: rotate_pacman_half_down 0.5s 0s infinite;2258 margin-top: -50px;2259 position: relative;2260 right: 30%;2261 } 2262 2263 .loader >div:nth-child(3),2264 .loader >div:nth-child(4),2265 .loader >div:nth-child(5),2266 .loader >div:nth-child(6) {2267 background-color: #FFE52C;2268 width: 15px;2269 height: 15px;2270 border-radius: 100%;2271 margin: 2px;2272 width: 10px;2273 height: 10px;2274 position: absolute;2275 -webkit-transform: translate(0, -6.25px);2276 -ms-transform: translate(0, -6.25px);2277 transform: translate(0, -6.25px);2278 top: 25px;2279 left: 0;2262 position: relative; 2263 width: 200px; 2264 height: 60px; 2265 top: 40%; 2266 margin: 20px auto; 2267 } 2268 2269 .loader>div:nth-child(2) { 2270 -webkit-animation: pacman-balls 1s -0.99s infinite linear; 2271 animation: pacman-balls 1s -0.99s infinite linear; 2272 } 2273 2274 .loader>div:nth-child(3) { 2275 -webkit-animation: pacman-balls 1s -0.66s infinite linear; 2276 animation: pacman-balls 1s -0.66s infinite linear; 2277 } 2278 2279 .loader>div:nth-child(4) { 2280 -webkit-animation: pacman-balls 1s -0.33s infinite linear; 2281 animation: pacman-balls 1s -0.33s infinite linear; 2282 } 2283 2284 .loader>div:nth-child(5) { 2285 -webkit-animation: pacman-balls 1s 0s infinite linear; 2286 animation: pacman-balls 1s 0s infinite linear; 2287 } 2288 2289 .loader>div:first-of-type { 2290 width: 0px; 2291 height: 0px; 2292 border-left: 25px solid transparent; 2293 border-top: 25px solid var(--global-color); 2294 border-right: 25px solid var(--global-color); 2295 border-bottom: 25px solid var(--global-color); 2296 border-radius: 25px; 2297 -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite; 2298 animation: rotate_pacman_half_up 0.5s 0s infinite; 2299 position: relative; 2300 right: 30%; 2301 } 2302 2303 .loader>div:nth-child(2) { 2304 width: 0px; 2305 height: 0px; 2306 border-left: 25px solid transparent; 2307 border-top: 25px solid var(--global-color); 2308 border-right: 25px solid var(--global-color); 2309 border-bottom: 25px solid var(--global-color); 2310 border-radius: 25px; 2311 -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite; 2312 animation: rotate_pacman_half_down 0.5s 0s infinite; 2313 margin-top: -50px; 2314 position: relative; 2315 right: 30%; 2316 } 2317 2318 .loader>div:nth-child(3), 2319 .loader>div:nth-child(4), 2320 .loader>div:nth-child(5), 2321 .loader>div:nth-child(6) { 2322 background-color: #FFE52C; 2323 width: 15px; 2324 height: 15px; 2325 border-radius: 100%; 2326 margin: 2px; 2327 width: 10px; 2328 height: 10px; 2329 position: absolute; 2330 -webkit-transform: translate(0, -6.25px); 2331 -ms-transform: translate(0, -6.25px); 2332 transform: translate(0, -6.25px); 2333 top: 25px; 2334 left: 0; 2280 2335 } 2281 2336 2282 2337 @-webkit-keyframes rotate_pacman_half_up { 2283 0% { 2284 -webkit-transform: rotate(-270deg); 2285 transform: rotate(-270deg); 2286 } 2287 50% { 2288 -webkit-transform: rotate(-360deg); 2289 transform: rotate(-360deg); 2290 } 2291 100% { 2292 -webkit-transform: rotate(-270deg); 2293 transform: rotate(-270deg); 2294 } 2338 0% { 2339 -webkit-transform: rotate(-270deg); 2340 transform: rotate(-270deg); 2341 } 2342 2343 50% { 2344 -webkit-transform: rotate(-360deg); 2345 transform: rotate(-360deg); 2346 } 2347 2348 100% { 2349 -webkit-transform: rotate(-270deg); 2350 transform: rotate(-270deg); 2351 } 2295 2352 } 2296 2353 2297 2354 @keyframes rotate_pacman_half_up { 2298 0% { 2299 -webkit-transform: rotate(-270deg); 2300 transform: rotate(-270deg); 2301 } 2302 50% { 2303 -webkit-transform: rotate(-360deg); 2304 transform: rotate(-360deg); 2305 } 2306 100% { 2307 -webkit-transform: rotate(-270deg); 2308 transform: rotate(-270deg); 2309 } 2355 0% { 2356 -webkit-transform: rotate(-270deg); 2357 transform: rotate(-270deg); 2358 } 2359 2360 50% { 2361 -webkit-transform: rotate(-360deg); 2362 transform: rotate(-360deg); 2363 } 2364 2365 100% { 2366 -webkit-transform: rotate(-270deg); 2367 transform: rotate(-270deg); 2368 } 2310 2369 } 2311 2370 2312 2371 @-webkit-keyframes rotate_pacman_half_down { 2313 0% { 2314 -webkit-transform: rotate(-90deg); 2315 transform: rotate(-90deg); 2316 } 2317 50% { 2318 -webkit-transform: rotate(0deg); 2319 transform: rotate(0deg); 2320 } 2321 100% { 2322 -webkit-transform: rotate(-90deg); 2323 transform: rotate(-90deg); 2324 } 2372 0% { 2373 -webkit-transform: rotate(-90deg); 2374 transform: rotate(-90deg); 2375 } 2376 2377 50% { 2378 -webkit-transform: rotate(0deg); 2379 transform: rotate(0deg); 2380 } 2381 2382 100% { 2383 -webkit-transform: rotate(-90deg); 2384 transform: rotate(-90deg); 2385 } 2325 2386 } 2326 2387 2327 2388 @keyframes rotate_pacman_half_down { 2328 0% { 2329 -webkit-transform: rotate(-90deg); 2330 transform: rotate(-90deg); 2331 } 2332 50% { 2333 -webkit-transform: rotate(0deg); 2334 transform: rotate(0deg); 2335 } 2336 100% { 2337 -webkit-transform: rotate(-90deg); 2338 transform: rotate(-90deg); 2339 } 2389 0% { 2390 -webkit-transform: rotate(-90deg); 2391 transform: rotate(-90deg); 2392 } 2393 2394 50% { 2395 -webkit-transform: rotate(0deg); 2396 transform: rotate(0deg); 2397 } 2398 2399 100% { 2400 -webkit-transform: rotate(-90deg); 2401 transform: rotate(-90deg); 2402 } 2340 2403 } 2341 2404 2342 2405 @-webkit-keyframes pacman-balls { 2343 75% { 2344 opacity: 0.7; 2345 } 2346 100% { 2347 -webkit-transform: translate(100px, -6.25px); 2348 transform: translate(100px, -6.25px); 2349 } 2406 75% { 2407 opacity: 0.7; 2408 } 2409 2410 100% { 2411 -webkit-transform: translate(100px, -6.25px); 2412 transform: translate(100px, -6.25px); 2413 } 2350 2414 } 2351 2415 2352 2416 @keyframes pacman-balls { 2353 75% {2354 opacity: 0.7;2355 }2356 100% { 2357 -webkit-transform: translate(100px, -6.25px);2358 transform: translate(100px, -6.25px);2359 }2360 }2361 2417 75% { 2418 opacity: 0.7; 2419 } 2420 2421 100% { 2422 -webkit-transform: translate(100px, -6.25px); 2423 transform: translate(100px, -6.25px); 2424 } 2425 } 2362 2426 2363 2427 /*-------------------------------------------------------------- 2364 2428 ## Links 2365 2429 --------------------------------------------------------------*/ 2366 2367 2430 a { 2368 color: #000;2369 text-decoration: none;2431 color: #000; 2432 text-decoration: none; 2370 2433 } 2371 2434 2372 2435 a:hover, 2373 2436 a:focus { 2374 color: var(--global-color);2437 color: var(--global-color); 2375 2438 } 2376 2439 … … 2378 2441 a:focus, 2379 2442 a:active { 2380 outline: none;2443 outline: none; 2381 2444 } 2382 2445 2383 2446 a:focus-visible { 2384 outline: 2px solid;2447 outline: 2px solid; 2385 2448 } 2386 2449 … … 2390 2453 .comment-content a, 2391 2454 .theme-custom-block a { 2392 text-decoration: underline;2455 text-decoration: underline; 2393 2456 } 2394 2457 2395 2458 .entry-content p { 2396 word-wrap: break-word;2459 word-wrap: break-word; 2397 2460 } 2398 2461 2399 2462 .wp-block-button__link { 2400 border-radius: 30px; 2401 margin-bottom: 15px; 2402 } 2403 2463 border-radius: 30px; 2464 margin-bottom: 15px; 2465 } 2404 2466 2405 2467 /*-------------------------------------------------------------- 2406 2468 ## Menus 2407 2469 --------------------------------------------------------------*/ 2408 2409 2470 span.navbar-control-trigger { 2410 color: var(--global-color);2471 color: var(--global-color); 2411 2472 } 2412 2473 2413 2474 .single-post .header-layout { 2414 border-bottom: 1px solid #efece2;2475 border-bottom: 1px solid #efece2; 2415 2476 } 2416 2477 2417 2478 .site-navigation .primary-menu { 2418 display: flex;2419 flex-wrap: wrap;2420 align-items: center;2421 margin: 0 auto;2422 padding: 0;2423 justify-content: center;2479 display: flex; 2480 flex-wrap: wrap; 2481 align-items: center; 2482 margin: 0 auto; 2483 padding: 0; 2484 justify-content: center; 2424 2485 } 2425 2486 2426 2487 .site-navigation .primary-menu .brand-home { 2427 color: #fff;2488 color: #fff; 2428 2489 } 2429 2490 2430 2491 .site-navigation .primary-menu .brand-home a { 2431 color: inherit;2432 font-size: 1px;2433 line-height: 1px;2492 color: inherit; 2493 font-size: 1px; 2494 line-height: 1px; 2434 2495 } 2435 2496 2436 2497 .site-navigation .primary-menu { 2437 display: flex;2438 flex-wrap: wrap;2439 align-items: center;2440 margin: 0 auto;2441 padding: 0;2498 display: flex; 2499 flex-wrap: wrap; 2500 align-items: center; 2501 margin: 0 auto; 2502 padding: 0; 2442 2503 } 2443 2504 2444 2505 .theme-menu, 2445 2506 .theme-menu ul { 2446 list-style: none;2447 margin: 0;2448 padding: 0;2507 list-style: none; 2508 margin: 0; 2509 padding: 0; 2449 2510 } 2450 2511 2451 2512 .theme-menu a, 2452 2513 .responsive-content-menu a { 2453 color: inherit;2514 color: inherit; 2454 2515 } 2455 2516 2456 2517 .site-navigation .primary-menu .icon { 2457 pointer-events: none;2458 margin-right: 5px;2518 pointer-events: none; 2519 margin-right: 5px; 2459 2520 } 2460 2521 2461 2522 .rtl .site-navigation .primary-menu .icon { 2462 margin-right: 0;2463 margin-left: 5px;2523 margin-right: 0; 2524 margin-left: 5px; 2464 2525 } 2465 2526 2466 2527 .site-navigation .primary-menu .icon .svg-icon { 2467 height: 1rem;2468 width: 1rem;2469 } 2470 2471 .site-navigation .primary-menu >li {2472 margin: 0 1rem;2473 padding: 1rem 0;2474 } 2475 2476 .header-layout .site-navigation .primary-menu >li:last-child {2477 margin-left: 0;2478 } 2479 2480 .rtl .header-layout .site-navigation .primary-menu >li:last-child {2481 margin-left: 1rem;2482 margin-right: 0;2483 } 2484 2485 .site-navigation .primary-menu > li >a,2528 height: 1rem; 2529 width: 1rem; 2530 } 2531 2532 .site-navigation .primary-menu>li { 2533 margin: 0 1rem; 2534 padding: 1rem 0; 2535 } 2536 2537 .header-layout .site-navigation .primary-menu>li:last-child { 2538 margin-left: 0; 2539 } 2540 2541 .rtl .header-layout .site-navigation .primary-menu>li:last-child { 2542 margin-left: 1rem; 2543 margin-right: 0; 2544 } 2545 2546 .site-navigation .primary-menu>li>a, 2486 2547 .link-icon-wrapper a { 2487 line-height: 1;2488 font-size: 1.5rem;2489 position: relative;2490 } 2491 2492 .site-navigation .primary-menu > li >a::before {2493 position: absolute;2494 content: "";2495 height: 0.1rem;2496 width: 0;2497 left: 0;2498 bottom: -5px;2499 background-color: #2D215F;2500 transition: width 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);2548 line-height: 1; 2549 font-size: 1.5rem; 2550 position: relative; 2551 } 2552 2553 .site-navigation .primary-menu>li>a::before { 2554 position: absolute; 2555 content: ""; 2556 height: 0.1rem; 2557 width: 0; 2558 left: 0; 2559 bottom: -5px; 2560 background-color: #2D215F; 2561 transition: width 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); 2501 2562 } 2502 2563 2503 2564 .link-icon-wrapper svg.svg-icon { 2504 width: 10px;2505 height: 10px;2506 margin-right: 5px;2507 } 2508 2509 .site-navigation .primary-menu > li:hover >a::before,2510 .site-navigation .primary-menu > li:focus >a::before {2511 width: 100%;2512 right: 0;2513 } 2514 2515 .site-navigation .primary-menu > li.active >a::before {2516 width: 100%;2517 right: 0;2518 } 2519 2520 .site-navigation .primary-menu >li:not(.megamenu-has-children),2521 .site-navigation .primary-menu >li:not(.megamenu-has-children) .dropdown-menu li {2522 position: relative;2565 width: 10px; 2566 height: 10px; 2567 margin-right: 5px; 2568 } 2569 2570 .site-navigation .primary-menu>li:hover>a::before, 2571 .site-navigation .primary-menu>li:focus>a::before { 2572 width: 100%; 2573 right: 0; 2574 } 2575 2576 .site-navigation .primary-menu>li.active>a::before { 2577 width: 100%; 2578 right: 0; 2579 } 2580 2581 .site-navigation .primary-menu>li:not(.megamenu-has-children), 2582 .site-navigation .primary-menu>li:not(.megamenu-has-children) .dropdown-menu li { 2583 position: relative; 2523 2584 } 2524 2585 2525 2586 .site-navigation .primary-menu a { 2526 display: inline-block; 2527 text-decoration: none; 2528 word-break: normal; 2529 word-wrap: normal; 2530 } 2531 2532 .site-navigation .primary-menu > li a { 2533 color: #271D3A; 2534 font-size: 14px; 2535 position: relative; 2536 letter-spacing: 2px; 2537 font-weight: 500; 2538 } 2539 2540 .site-navigation .primary-menu > li a:hover { 2541 color: #1A3C8B; 2542 font-weight: bold; 2543 } 2544 2587 display: inline-block; 2588 text-decoration: none; 2589 word-break: normal; 2590 word-wrap: normal; 2591 } 2592 2593 .site-navigation .primary-menu>li a { 2594 color: #271D3A; 2595 font-size: 14px; 2596 position: relative; 2597 letter-spacing: 2px; 2598 font-weight: 500; 2599 } 2600 2601 .site-navigation .primary-menu>li a:hover { 2602 color: #1A3C8B; 2603 font-weight: bold; 2604 } 2545 2605 2546 2606 /* SUB MENU */ 2547 2548 2607 .site-navigation .primary-menu ul { 2549 background: var(--global-color);2550 color: #fff;2551 font-size: 1.7rem;2552 opacity: 0;2553 margin: 0 auto;2554 position: absolute;2555 right: -99999rem;2556 top: 100%;2557 transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s;2558 transform: translateY(0.6rem);2559 width: 30rem;2560 z-index: 9;2561 } 2562 2563 .site-navigation .primary-menu li.menu-item-has-children:hover >ul,2564 .site-navigation .primary-menu li.menu-item-has-children:focus >ul,2565 .site-navigation .primary-menu li.page_item_has_children:hover >ul,2566 .site-navigation .primary-menu li.page_item_has_children:focus >ul {2567 right: 0;2568 opacity: 1;2569 transform: translateY(0);2570 transition: opacity 0.15s linear, transform 0.15s linear;2571 } 2572 2573 .site-navigation .primary-menu li.menu-item-has-children:focus-within >ul,2574 .site-navigation .primary-menu li.page_item_has_children:focus-within >ul {2575 right: 0;2576 opacity: 1;2577 transform: translateY(0);2578 transition: opacity 0.15s linear, transform 0.15s linear;2608 background: var(--global-color); 2609 color: #fff; 2610 font-size: 1.7rem; 2611 opacity: 0; 2612 margin: 0 auto; 2613 position: absolute; 2614 right: -99999rem; 2615 top: 100%; 2616 transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s; 2617 transform: translateY(0.6rem); 2618 width: 30rem; 2619 z-index: 9; 2620 } 2621 2622 .site-navigation .primary-menu li.menu-item-has-children:hover>ul, 2623 .site-navigation .primary-menu li.menu-item-has-children:focus>ul, 2624 .site-navigation .primary-menu li.page_item_has_children:hover>ul, 2625 .site-navigation .primary-menu li.page_item_has_children:focus>ul { 2626 right: 0; 2627 opacity: 1; 2628 transform: translateY(0); 2629 transition: opacity 0.15s linear, transform 0.15s linear; 2630 } 2631 2632 .site-navigation .primary-menu li.menu-item-has-children:focus-within>ul, 2633 .site-navigation .primary-menu li.page_item_has_children:focus-within>ul { 2634 right: 0; 2635 opacity: 1; 2636 transform: translateY(0); 2637 transition: opacity 0.15s linear, transform 0.15s linear; 2579 2638 } 2580 2639 2581 2640 .site-navigation .primary-menu ul::after { 2582 content: "";2583 display: block;2584 position: absolute;2585 bottom: 100%;2641 content: ""; 2642 display: block; 2643 position: absolute; 2644 bottom: 100%; 2586 2645 } 2587 2646 2588 2647 .site-navigation .primary-menu ul::before { 2589 height: 2rem;2590 right: 0;2591 left: 0;2648 height: 2rem; 2649 right: 0; 2650 left: 0; 2592 2651 } 2593 2652 2594 2653 .site-navigation .primary-menu ul.sub-menu li a { 2595 color: #fff !important;2654 color: #fff !important; 2596 2655 } 2597 2656 2598 2657 .site-navigation .primary-menu ul a { 2599 background: transparent;2600 border: none;2601 color: inherit;2602 padding: 1.5rem;2603 transition: background-color 0.15s linear;2604 width: 90%;2605 } 2606 2607 .site-navigation .primary-menu ul li.menu-item-has-children >a {2608 padding-left: 3rem;2658 background: transparent; 2659 border: none; 2660 color: inherit; 2661 padding: 1.5rem; 2662 transition: background-color 0.15s linear; 2663 width: 90%; 2664 } 2665 2666 .site-navigation .primary-menu ul li.menu-item-has-children>a { 2667 padding-left: 3rem; 2609 2668 } 2610 2669 2611 2670 .site-navigation .primary-menu ul li.menu-item-has-children .icon { 2612 position: absolute; 2613 left: 1.5rem; 2614 top: calc(50% - 0.5rem); 2615 } 2616 2671 position: absolute; 2672 left: 1.5rem; 2673 top: calc(50% - 0.5rem); 2674 } 2617 2675 2618 2676 /* DEEP DOWN */ 2619 2620 2677 .site-navigation .primary-menu ul ul { 2621 top: 0;2622 } 2623 2624 .site-navigation .primary-menu ul li.menu-item-has-children:hover >ul,2625 .site-navigation .primary-menu ul li.menu-item-has-children:focus >ul,2626 .site-navigation .primary-menu ul li.page_item_has_children:hover >ul,2627 .site-navigation .primary-menu ul li.page_item_has_children:focus >ul {2628 right: calc(100% + 2rem);2629 } 2630 2631 .site-navigation .primary-menu ul li.menu-item-has-children:focus-within >ul,2632 .site-navigation .primary-menu ul li.page_item_has_children:focus-within >ul {2633 right: calc(100% + 2rem);2678 top: 0; 2679 } 2680 2681 .site-navigation .primary-menu ul li.menu-item-has-children:hover>ul, 2682 .site-navigation .primary-menu ul li.menu-item-has-children:focus>ul, 2683 .site-navigation .primary-menu ul li.page_item_has_children:hover>ul, 2684 .site-navigation .primary-menu ul li.page_item_has_children:focus>ul { 2685 right: calc(100% + 2rem); 2686 } 2687 2688 .site-navigation .primary-menu ul li.menu-item-has-children:focus-within>ul, 2689 .site-navigation .primary-menu ul li.page_item_has_children:focus-within>ul { 2690 right: calc(100% + 2rem); 2634 2691 } 2635 2692 2636 2693 .site-navigation .primary-menu ul ul::before { 2637 position: absolute;2638 content: '';2639 bottom: 0;2640 height: 5.6rem;2641 left: auto;2642 right: -2rem;2643 top: 0;2644 width: 2rem;2694 position: absolute; 2695 content: ''; 2696 bottom: 0; 2697 height: 5.6rem; 2698 left: auto; 2699 right: -2rem; 2700 top: 0; 2701 width: 2rem; 2645 2702 } 2646 2703 2647 2704 .site-navigation .primary-menu ul ul::after { 2648 border: 0.8rem solid transparent;2649 border-bottom-color: transparent;2650 border-left-color: var(--global-color);2651 bottom: auto;2652 right: -1.6rem;2653 top: 2rem;2705 border: 0.8rem solid transparent; 2706 border-bottom-color: transparent; 2707 border-left-color: var(--global-color); 2708 bottom: auto; 2709 right: -1.6rem; 2710 top: 2rem; 2654 2711 } 2655 2712 2656 2713 .rtl .site-navigation .primary-menu ul ul::after { 2657 transform: rotate(-180deg);2714 transform: rotate(-180deg); 2658 2715 } 2659 2716 2660 2717 @media (any-pointer: coarse) { 2661 .site-navigation .primary-menu > li.menu-item-has-children > a { 2718 .site-navigation .primary-menu>li.menu-item-has-children>a { 2719 padding-left: 0; 2720 margin-left: 2rem; 2721 } 2722 2723 .site-navigation .primary-menu ul li.menu-item-has-children>a { 2724 margin-left: 4.5rem; 2725 padding-left: 0; 2726 width: unset; 2727 } 2728 } 2729 2730 /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ 2731 body.touch-enabled .primary-menu>li.menu-item-has-children>a { 2662 2732 padding-left: 0; 2663 2733 margin-left: 2rem; 2664 } 2665 .site-navigation .primary-menu ul li.menu-item-has-children > a { 2734 } 2735 2736 body.touch-enabled .primary-menu ul li.menu-item-has-children>a { 2666 2737 margin-left: 4.5rem; 2667 2738 padding-left: 0; 2668 2739 width: unset; 2669 }2670 }2671 2672 2673 /* Repeat previous rules for IE11 (when JS enabled for polyfill). */2674 2675 body.touch-enabled .primary-menu > li.menu-item-has-children > a {2676 padding-left: 0;2677 margin-left: 2rem;2678 }2679 2680 body.touch-enabled .primary-menu ul li.menu-item-has-children > a {2681 margin-left: 4.5rem;2682 padding-left: 0;2683 width: unset;2684 2740 } 2685 2741 2686 2742 @media screen and (max-width: 991px) { 2687 .site-navigation .primary-menu-wrapper { 2743 .site-navigation .primary-menu-wrapper { 2744 display: none; 2745 opacity: 0; 2746 visibility: hidden; 2747 } 2748 2749 .wrapper, 2750 .wrapper-fluid { 2751 width: auto !important; 2752 margin-left: 15px !important; 2753 margin-right: 15px !important; 2754 } 2755 } 2756 2757 .menu-description { 2758 background-color: #000; 2759 color: #fff; 2760 padding: 4px 5px; 2761 font-size: 10px; 2762 line-height: 12px; 2763 position: absolute; 2764 top: -20px; 2765 right: calc(100% - 20px); 2766 padding: 2px 5px; 2767 line-height: 10px; 2768 white-space: nowrap; 2769 z-index: 1; 2770 } 2771 2772 .menu-description:after { 2773 position: absolute; 2774 content: ''; 2775 width: 0; 2776 height: 0; 2777 border-right: 0px solid transparent; 2778 border-left: 5px solid transparent; 2779 border-top: 5px solid; 2780 border-top-color: #000; 2781 right: 3px; 2782 bottom: -4px; 2783 } 2784 2785 .navbar-control-offcanvas { 2688 2786 display: none; 2689 2787 opacity: 0; 2690 2788 visibility: hidden; 2691 }2692 .wrapper,2693 .wrapper-fluid {2694 width: auto !important;2695 margin-left: 15px !important;2696 margin-right: 15px !important;2697 }2698 }2699 2700 .menu-description {2701 background-color: #000;2702 color: #fff;2703 padding: 4px 5px;2704 font-size: 10px;2705 line-height: 12px;2706 position: absolute;2707 top: -20px;2708 right: calc(100% - 20px);2709 padding: 2px 5px;2710 line-height: 10px;2711 white-space: nowrap;2712 z-index: 1;2713 }2714 2715 .menu-description:after {2716 position: absolute;2717 content: '';2718 width: 0;2719 height: 0;2720 border-right: 0px solid transparent;2721 border-left: 5px solid transparent;2722 border-top: 5px solid;2723 border-top-color: #000;2724 right: 3px;2725 bottom: -4px;2726 }2727 2728 .navbar-control-offcanvas {2729 display: none;2730 opacity: 0;2731 visibility: hidden;2732 2789 } 2733 2790 2734 2791 @media (max-width: 991px) { 2735 .navbar-control-offcanvas {2736 display: block;2737 opacity: 1;2738 visibility: visible;2739 }2792 .navbar-control-offcanvas { 2793 display: block; 2794 opacity: 1; 2795 visibility: visible; 2796 } 2740 2797 } 2741 2798 2742 2799 #offcanvas-menu { 2743 background: rgba(0, 0, 0, 0.42);2744 position: fixed;2745 top: 0;2746 height: 100%;2747 left: -100%;2748 width: 100%;2749 z-index: 1000;2750 justify-content: flex-end;2751 -webkit-transition: left 0.5s;2752 -moz-transition: left 0.5s;2753 -ms-transition: left 0.5s;2754 -o-transition: left 0.5s;2755 transition: left 0.5s;2800 background: rgba(0, 0, 0, 0.42); 2801 position: fixed; 2802 top: 0; 2803 height: 100%; 2804 left: -100%; 2805 width: 100%; 2806 z-index: 1000; 2807 justify-content: flex-end; 2808 -webkit-transition: left 0.5s; 2809 -moz-transition: left 0.5s; 2810 -ms-transition: left 0.5s; 2811 -o-transition: left 0.5s; 2812 transition: left 0.5s; 2756 2813 } 2757 2814 2758 2815 #offcanvas-menu .offcanvas-wraper { 2759 height: 100%;2760 padding: 20px 100px;2761 -ms-flex: 0 0 50%;2762 flex: 0 0 50%;2763 max-width: 50%;2764 overflow-y: scroll;2765 scrollbar-width: none;2766 -ms-overflow-style: none;2767 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);2816 height: 100%; 2817 padding: 20px 100px; 2818 -ms-flex: 0 0 50%; 2819 flex: 0 0 50%; 2820 max-width: 50%; 2821 overflow-y: scroll; 2822 scrollbar-width: none; 2823 -ms-overflow-style: none; 2824 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1); 2768 2825 } 2769 2826 2770 2827 #offcanvas-menu .offcanvas-wraper::-webkit-scrollbar { 2771 width: 0;2772 height: 0;2828 width: 0; 2829 height: 0; 2773 2830 } 2774 2831 2775 2832 @media screen and (max-width: 991px) { 2776 #offcanvas-menu .offcanvas-wraper {2777 -ms-flex: 0 0 80%;2778 flex: 0 0 80%;2779 max-width: 80%;2780 padding: 20px;2781 }2833 #offcanvas-menu .offcanvas-wraper { 2834 -ms-flex: 0 0 80%; 2835 flex: 0 0 80%; 2836 max-width: 80%; 2837 padding: 20px; 2838 } 2782 2839 } 2783 2840 2784 2841 @media screen and (max-width: 767px) { 2785 #offcanvas-menu .offcanvas-wraper { 2786 -ms-flex: 0 0 100%; 2787 flex: 0 0 100%; 2788 max-width: 100%; 2789 } 2790 .stick_head { 2791 position: static !important; 2792 } 2793 .header-navbar.login-user.stick_head { 2794 margin-top: 0px; 2795 } 2842 #offcanvas-menu .offcanvas-wraper { 2843 -ms-flex: 0 0 100%; 2844 flex: 0 0 100%; 2845 max-width: 100%; 2846 } 2847 2848 .stick_head { 2849 position: static !important; 2850 } 2851 2852 .header-navbar.login-user.stick_head { 2853 margin-top: 0px; 2854 } 2796 2855 } 2797 2856 2798 2857 #offcanvas-menu .close-offcanvas-menu { 2799 text-align: left;2800 cursor: pointer;2858 text-align: left; 2859 cursor: pointer; 2801 2860 } 2802 2861 2803 2862 #offcanvas-menu .close-offcanvas-menu .offcanvas-close { 2804 font-size: 14px;2805 font-weight: 700;2806 margin: 10px auto;2807 align-items: center;2808 display: flex;2809 justify-content: space-between;2863 font-size: 14px; 2864 font-weight: 700; 2865 margin: 10px auto; 2866 align-items: center; 2867 display: flex; 2868 justify-content: space-between; 2810 2869 } 2811 2870 2812 2871 .admin-bar #offcanvas-menu .close-offcanvas-menu .offcanvas-close { 2813 margin-top: 40px;2872 margin-top: 40px; 2814 2873 } 2815 2874 2816 2875 .responsive-date-clock .responsive-content-date, 2817 2876 .responsive-date-clock .theme-topbar-clock { 2818 text-align: right;2877 text-align: right; 2819 2878 } 2820 2879 2821 2880 .responsive-date-clock .theme-topbar-icon, 2822 2881 .responsive-date-clock .theme-topbar-label { 2823 display: inline-block;2824 vertical-align: middle;2825 } 2826 2827 .offcanvas-wraper >* {2828 -webkit-transform: translateX(-30px);2829 -ms-transform: translateX(-30px);2830 transform: translateX(-30px);2831 opacity: 0;2832 transition: transform 0.4s ease-out, opacity 0.4s ease-out;2833 will-change: transform, opacity;2834 } 2835 2836 .offcanvas-menu-active .offcanvas-wraper >* {2837 -webkit-transform: translateX(0);2838 -ms-transform: translateX(0);2839 transform: translateX(0);2840 opacity: 1;2882 display: inline-block; 2883 vertical-align: middle; 2884 } 2885 2886 .offcanvas-wraper>* { 2887 -webkit-transform: translateX(-30px); 2888 -ms-transform: translateX(-30px); 2889 transform: translateX(-30px); 2890 opacity: 0; 2891 transition: transform 0.4s ease-out, opacity 0.4s ease-out; 2892 will-change: transform, opacity; 2893 } 2894 2895 .offcanvas-menu-active .offcanvas-wraper>* { 2896 -webkit-transform: translateX(0); 2897 -ms-transform: translateX(0); 2898 transform: translateX(0); 2899 opacity: 1; 2841 2900 } 2842 2901 2843 2902 .offcanvas-menu-active .offcanvas-wraper .offcanvas-branding { 2844 transition-delay: 0.3s;2903 transition-delay: 0.3s; 2845 2904 } 2846 2905 2847 2906 .offcanvas-menu-active .offcanvas-wraper .offcanvas-main-navigation { 2848 transition-delay: 0.6s;2907 transition-delay: 0.6s; 2849 2908 } 2850 2909 2851 2910 .offcanvas-menu-active .offcanvas-wraper .offcanvas-social-navigation { 2852 transition-delay: 0.9s;2911 transition-delay: 0.9s; 2853 2912 } 2854 2913 2855 2914 #offcanvas-menu.offcanvas-menu-active { 2856 display: -ms-flexbox;2857 display: flex;2858 left: 0;2915 display: -ms-flexbox; 2916 display: flex; 2917 left: 0; 2859 2918 } 2860 2919 2861 2920 .offcanvas-main-navigation { 2862 width: 100%;2921 width: 100%; 2863 2922 } 2864 2923 2865 2924 .offcanvas-item { 2866 margin-bottom: 15px;2925 margin-bottom: 15px; 2867 2926 } 2868 2927 2869 2928 .offcanvas-main-navigation li, 2870 2929 .responsive-content-menu li { 2871 border-bottom: 1px solid;2872 position: relative;2930 border-bottom: 1px solid; 2931 position: relative; 2873 2932 } 2874 2933 2875 2934 .offcanvas-main-navigation li:last-child, 2876 2935 .responsive-content-menu li:last-child { 2877 border-bottom: none;2936 border-bottom: none; 2878 2937 } 2879 2938 2880 2939 .offcanvas-main-navigation a, 2881 2940 .responsive-content-menu a { 2882 display: block;2883 font-size: 18px;2884 padding: 20px 0;2885 text-decoration: none;2886 position: relative;2887 width: 100%;2941 display: block; 2942 font-size: 18px; 2943 padding: 20px 0; 2944 text-decoration: none; 2945 position: relative; 2946 width: 100%; 2888 2947 } 2889 2948 2890 2949 .offcanvas-main-navigation .sub-menu { 2891 border-top: 1px solid;2892 display: none;2893 list-style: none;2894 margin: 0 auto;2895 padding: 0;2950 border-top: 1px solid; 2951 display: none; 2952 list-style: none; 2953 margin: 0 auto; 2954 padding: 0; 2896 2955 } 2897 2956 2898 2957 .offcanvas-main-navigation .sub-menu.submenu-toggle-active { 2899 display: block;2958 display: block; 2900 2959 } 2901 2960 2902 2961 .offcanvas-main-navigation .submenu-wrapper { 2903 display: flex;2904 justify-content: space-between;2905 width: 100%;2962 display: flex; 2963 justify-content: space-between; 2964 width: 100%; 2906 2965 } 2907 2966 2908 2967 .offcanvas-main-navigation .submenu-wrapper .submenu-toggle { 2909 border-style: solid;2910 border-width: 0 1px 0 0;2911 padding-right: 3rem;2912 padding-left: 3rem;2968 border-style: solid; 2969 border-width: 0 1px 0 0; 2970 padding-right: 3rem; 2971 padding-left: 3rem; 2913 2972 } 2914 2973 2915 2974 .offcanvas-main-navigation .submenu-wrapper .submenu-toggle .svg-icon { 2916 height: .9rem;2917 transition: transform .15s linear;2918 width: 1.8rem;2975 height: .9rem; 2976 transition: transform .15s linear; 2977 width: 1.8rem; 2919 2978 } 2920 2979 2921 2980 .offcanvas-main-navigation .submenu-wrapper .submenu-toggle.button-toggle-active .svg-icon { 2922 transform: rotate(-180deg);2981 transform: rotate(-180deg); 2923 2982 } 2924 2983 2925 2984 .social-menu ul { 2926 list-style: none;2927 margin: 0 auto;2928 padding: 0;2985 list-style: none; 2986 margin: 0 auto; 2987 padding: 0; 2929 2988 } 2930 2989 2931 2990 .social-menu li { 2932 display: inline-block;2933 line-height: 1;2934 vertical-align: middle;2991 display: inline-block; 2992 line-height: 1; 2993 vertical-align: middle; 2935 2994 } 2936 2995 2937 2996 .social-menu li a .svg-icon { 2938 margin-right: 0.2rem;2939 width: 1.6rem;2940 height: 1.6rem;2997 margin-right: 0.2rem; 2998 width: 1.6rem; 2999 height: 1.6rem; 2941 3000 } 2942 3001 2943 3002 .social-menu ul li a[href*="youtube.com"] .svg-icon { 2944 width: 1.9rem; 2945 height: 1.9rem; 2946 } 2947 3003 width: 1.9rem; 3004 height: 1.9rem; 3005 } 2948 3006 2949 3007 /*-------------------------------------------------------------- 2950 3008 # Accessibility 2951 3009 --------------------------------------------------------------*/ 2952 2953 3010 .screen-reader-text { 2954 border: 0;2955 clip: rect(1px, 1px, 1px, 1px);2956 clip-path: inset(50%);2957 height: 1px;2958 margin: -1px;2959 overflow: hidden;2960 padding: 0;2961 position: absolute !important;2962 width: 1px;2963 word-wrap: normal !important;3011 border: 0; 3012 clip: rect(1px, 1px, 1px, 1px); 3013 clip-path: inset(50%); 3014 height: 1px; 3015 margin: -1px; 3016 overflow: hidden; 3017 padding: 0; 3018 position: absolute !important; 3019 width: 1px; 3020 word-wrap: normal !important; 2964 3021 } 2965 3022 2966 3023 .screen-reader-text:focus { 2967 background-color: #f1f1f1;2968 border-radius: 3px;2969 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);2970 clip: auto !important;2971 clip-path: none;2972 color: #21759b;2973 display: block;2974 font-size: 14px;2975 font-size: 0.875rem;2976 font-weight: bold;2977 height: auto;2978 right: 5px;2979 line-height: normal;2980 padding: 15px 23px 14px;2981 text-decoration: none;2982 top: 5px;2983 width: auto;2984 z-index: 100000;3024 background-color: #f1f1f1; 3025 border-radius: 3px; 3026 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 3027 clip: auto !important; 3028 clip-path: none; 3029 color: #21759b; 3030 display: block; 3031 font-size: 14px; 3032 font-size: 0.875rem; 3033 font-weight: bold; 3034 height: auto; 3035 right: 5px; 3036 line-height: normal; 3037 padding: 15px 23px 14px; 3038 text-decoration: none; 3039 top: 5px; 3040 width: auto; 3041 z-index: 100000; 2985 3042 } 2986 3043 2987 3044 .skip-link { 2988 font-size: 16px !important;3045 font-size: 16px !important; 2989 3046 } 2990 3047 2991 3048 #content[tabindex="-1"]:focus { 2992 outline: 0;3049 outline: 0; 2993 3050 } 2994 3051 2995 3052 @media (prefers-reduced-motion: reduce) { 2996 * { 2997 animation-duration: 0s !important; 2998 transition-duration: 0s !important; 2999 } 3000 } 3001 3053 * { 3054 animation-duration: 0s !important; 3055 transition-duration: 0s !important; 3056 } 3057 } 3002 3058 3003 3059 /*-------------------------------------------------------------- 3004 3060 # Alignments 3005 3061 --------------------------------------------------------------*/ 3006 3007 3062 .alignleft { 3008 display: inline;3009 float: right;3010 margin-left: 1.5em;3063 display: inline; 3064 float: right; 3065 margin-left: 1.5em; 3011 3066 } 3012 3067 3013 3068 .alignright { 3014 display: inline;3015 float: left;3016 margin-right: 1.5em;3069 display: inline; 3070 float: left; 3071 margin-right: 1.5em; 3017 3072 } 3018 3073 3019 3074 .aligncenter { 3020 clear: both; 3021 display: block; 3022 margin-right: auto; 3023 margin-left: auto; 3024 } 3025 3075 clear: both; 3076 display: block; 3077 margin-right: auto; 3078 margin-left: auto; 3079 } 3026 3080 3027 3081 /*-------------------------------------------------------------- 3028 3082 # Clearings 3029 3083 --------------------------------------------------------------*/ 3030 3031 3084 .clear:before, 3032 3085 .clear:after, … … 3043 3096 .site-footer:before, 3044 3097 .site-footer:after { 3045 content: "";3046 display: table;3047 table-layout: fixed;3098 content: ""; 3099 display: table; 3100 table-layout: fixed; 3048 3101 } 3049 3102 … … 3055 3108 .widget:after, 3056 3109 .site-footer:after { 3057 clear: both; 3058 } 3059 3110 clear: both; 3111 } 3060 3112 3061 3113 /*-------------------------------------------------------------- 3062 3114 # Widgets 3063 3115 --------------------------------------------------------------*/ 3064 3065 3116 .widget { 3066 margin: 0 0 3rem;3067 padding-bottom: 3rem;3117 margin: 0 0 3rem; 3118 padding-bottom: 3rem; 3068 3119 } 3069 3120 3070 3121 .widget:last-child { 3071 margin: 0;3122 margin: 0; 3072 3123 } 3073 3124 3074 3125 .widget select { 3075 max-width: 100%;3126 max-width: 100%; 3076 3127 } 3077 3128 3078 3129 .widget ul, 3079 3130 .widget ol { 3080 padding-right: 0;3081 padding-left: 0;3082 list-style: none;3083 margin-bottom: 0;3131 padding-right: 0; 3132 padding-left: 0; 3133 list-style: none; 3134 margin-bottom: 0; 3084 3135 } 3085 3136 3086 3137 .widget .button { 3087 padding-top: 0.5rem; 3088 padding-bottom: 0.5rem; 3089 } 3090 3138 padding-top: 0.5rem; 3139 padding-bottom: 0.5rem; 3140 } 3091 3141 3092 3142 /*-------------------------------------------------------------- 3093 3143 ## Widgets 3094 3144 --------------------------------------------------------------*/ 3095 3096 3145 .widget a { 3097 color: inherit;3146 color: inherit; 3098 3147 } 3099 3148 3100 3149 .widget a:hover, 3101 3150 .widget a:focus { 3102 color: var(--global-color);3151 color: var(--global-color); 3103 3152 } 3104 3153 3105 3154 .widget_nav_menu a { 3106 display: block;3107 padding: 1rem 0;3108 } 3109 3110 .widget_nav_menu .menu >.menu-item:not(:first-child) {3111 border-top: 1px #e9ecef solid;3155 display: block; 3156 padding: 1rem 0; 3157 } 3158 3159 .widget_nav_menu .menu>.menu-item:not(:first-child) { 3160 border-top: 1px #e9ecef solid; 3112 3161 } 3113 3162 3114 3163 .widget_nav_menu .menu-item-has-children { 3115 display: -webkit-box;3116 display: -ms-flexbox;3117 display: flex;3118 -ms-flex-wrap: wrap;3119 flex-wrap: wrap;3120 -webkit-box-align: center;3121 -ms-flex-align: center;3122 align-items: center;3123 -webkit-box-pack: justify;3124 -ms-flex-pack: justify;3125 justify-content: space-between;3126 width: 100%;3127 } 3128 3129 .widget_nav_menu .menu-item-has-children >a {3130 -webkit-box-ordinal-group: 2;3131 -ms-flex-order: 1;3132 order: 1;3133 } 3134 3135 .widget_nav_menu .menu-item-has-children >span {3136 cursor: pointer;3137 -webkit-box-ordinal-group: 3;3138 -ms-flex-order: 2;3139 order: 2;3140 } 3141 3142 .widget_nav_menu .menu-item-has-children >ul {3143 width: 100%;3144 -webkit-box-ordinal-group: 4;3145 -ms-flex-order: 3;3146 order: 3;3147 } 3148 3149 .widget_nav_menu .menu-item-expanded >span:after {3150 content: "\e90f";3151 } 3152 3153 .widget_nav_menu .menu > .menu-item >.sub-menu {3154 padding-bottom: 1rem;3164 display: -webkit-box; 3165 display: -ms-flexbox; 3166 display: flex; 3167 -ms-flex-wrap: wrap; 3168 flex-wrap: wrap; 3169 -webkit-box-align: center; 3170 -ms-flex-align: center; 3171 align-items: center; 3172 -webkit-box-pack: justify; 3173 -ms-flex-pack: justify; 3174 justify-content: space-between; 3175 width: 100%; 3176 } 3177 3178 .widget_nav_menu .menu-item-has-children>a { 3179 -webkit-box-ordinal-group: 2; 3180 -ms-flex-order: 1; 3181 order: 1; 3182 } 3183 3184 .widget_nav_menu .menu-item-has-children>span { 3185 cursor: pointer; 3186 -webkit-box-ordinal-group: 3; 3187 -ms-flex-order: 2; 3188 order: 2; 3189 } 3190 3191 .widget_nav_menu .menu-item-has-children>ul { 3192 width: 100%; 3193 -webkit-box-ordinal-group: 4; 3194 -ms-flex-order: 3; 3195 order: 3; 3196 } 3197 3198 .widget_nav_menu .menu-item-expanded>span:after { 3199 content: "\e90f"; 3200 } 3201 3202 .widget_nav_menu .menu>.menu-item>.sub-menu { 3203 padding-bottom: 1rem; 3155 3204 } 3156 3205 3157 3206 .widget_nav_menu .sub-menu { 3158 display: none;3207 display: none; 3159 3208 } 3160 3209 3161 3210 .widget_nav_menu .sub-menu a { 3162 padding: 0.5rem 0;3163 line-height: 1;3211 padding: 0.5rem 0; 3212 line-height: 1; 3164 3213 } 3165 3214 3166 3215 .widget_nav_menu .sub-menu .sub-menu { 3167 padding: 0.5rem 0;3216 padding: 0.5rem 0; 3168 3217 } 3169 3218 3170 3219 .widget_nav_menu .sub-menu .sub-menu a { 3171 padding-right: 1rem;3220 padding-right: 1rem; 3172 3221 } 3173 3222 3174 3223 .widget_nav_menu .submenu-visible { 3175 display: block;3224 display: block; 3176 3225 } 3177 3226 3178 3227 .search-form { 3179 margin: 0 auto;3180 display: flex;3228 margin: 0 auto; 3229 display: flex; 3181 3230 } 3182 3231 3183 3232 .search-form label { 3184 display: block;3185 margin: 0 auto;3186 width: 80%;3187 float: right;3233 display: block; 3234 margin: 0 auto; 3235 width: 80%; 3236 float: right; 3188 3237 } 3189 3238 3190 3239 .search-form label .search-field { 3191 border-left: 0;3240 border-left: 0; 3192 3241 } 3193 3242 3194 3243 .search-form .search-submit { 3195 float: right;3196 height: 55px;3197 width: 20%;3198 -webkit-appearance: none;3244 float: right; 3245 height: 55px; 3246 width: 20%; 3247 -webkit-appearance: none; 3199 3248 } 3200 3249 3201 3250 .header-searchbar-area .search-form .search-submit { 3202 padding: 1.7rem 2rem;3251 padding: 1.7rem 2rem; 3203 3252 } 3204 3253 … … 3213 3262 .widget_block .wp-block-archives li, 3214 3263 .widget_block .wp-block-latest-comments li { 3215 display: -webkit-box;3216 display: -ms-flexbox;3217 display: flex;3218 -ms-flex-wrap: wrap;3219 flex-wrap: wrap;3220 position: relative;3221 padding: 0 0 1rem;3222 margin-bottom: 1rem;3264 display: -webkit-box; 3265 display: -ms-flexbox; 3266 display: flex; 3267 -ms-flex-wrap: wrap; 3268 flex-wrap: wrap; 3269 position: relative; 3270 padding: 0 0 1rem; 3271 margin-bottom: 1rem; 3223 3272 } 3224 3273 … … 3228 3277 .widget_archive ul li:first-child:last-child, 3229 3278 .widget_meta ul li:first-child:last-child { 3230 padding-bottom: 0;3231 } 3232 3233 .widget_categories ul li:first-child:last-child >.children,3234 .widget_pages ul li:first-child:last-child >.children,3235 .widget_archive ul li:first-child:last-child >.children {3236 padding-bottom: 0;3279 padding-bottom: 0; 3280 } 3281 3282 .widget_categories ul li:first-child:last-child>.children, 3283 .widget_pages ul li:first-child:last-child>.children, 3284 .widget_archive ul li:first-child:last-child>.children { 3285 padding-bottom: 0; 3237 3286 } 3238 3287 … … 3242 3291 .widget_archive ul li a, 3243 3292 .widget_meta ul li a { 3244 padding-left: 0.6666666667rem;3245 margin-left: auto;3246 -webkit-transition: color 0.2s;3247 transition: color 0.2s;3293 padding-left: 0.6666666667rem; 3294 margin-left: auto; 3295 -webkit-transition: color 0.2s; 3296 transition: color 0.2s; 3248 3297 } 3249 3298 … … 3251 3300 .widget_pages ul ul.children, 3252 3301 .widget_archive ul ul.children { 3253 -webkit-box-flex: 0;3254 -ms-flex: 0 0 100%;3255 flex: 0 0 100%;3256 width: 100%;3257 margin-top: 1rem;3258 margin-right: 0;3259 padding-right: 1.5em;3302 -webkit-box-flex: 0; 3303 -ms-flex: 0 0 100%; 3304 flex: 0 0 100%; 3305 width: 100%; 3306 margin-top: 1rem; 3307 margin-right: 0; 3308 padding-right: 1.5em; 3260 3309 } 3261 3310 … … 3263 3312 .widget_pages ul ul.children li, 3264 3313 .widget_archive ul ul.children li { 3265 padding: 1rem 1rem 1rem 0;3314 padding: 1rem 1rem 1rem 0; 3266 3315 } 3267 3316 … … 3269 3318 .widget_pages ul ul.children li:last-child, 3270 3319 .widget_archive ul ul.children li:last-child { 3271 border-bottom: none;3272 padding-bottom: 0;3320 border-bottom: none; 3321 padding-bottom: 0; 3273 3322 } 3274 3323 … … 3276 3325 .widget_pages ul ul.children ul.children li, 3277 3326 .widget_archive ul ul.children ul.children li { 3278 margin-right: 1rem;3279 padding-right: 0;3327 margin-right: 1rem; 3328 padding-right: 0; 3280 3329 } 3281 3330 3282 3331 .widget_search form { 3283 margin-top: 0;3332 margin-top: 0; 3284 3333 } 3285 3334 3286 3335 #wp-calendar { 3287 width: 100%;3288 margin: 0;3336 width: 100%; 3337 margin: 0; 3289 3338 } 3290 3339 3291 3340 #wp-calendar caption { 3292 text-align: left;3293 margin-bottom: 15px;3341 text-align: left; 3342 margin-bottom: 15px; 3294 3343 } 3295 3344 3296 3345 #wp-calendar thead th { 3297 text-align: center;3346 text-align: center; 3298 3347 } 3299 3348 3300 3349 #wp-calendar tbody td { 3301 background: #f5f5f5;3302 border: 1px solid #e8e8e8;3303 text-align: center;3304 padding: 5px;3350 background: #f5f5f5; 3351 border: 1px solid #e8e8e8; 3352 text-align: center; 3353 padding: 5px; 3305 3354 } 3306 3355 3307 3356 #wp-calendar tbody td a { 3308 text-decoration: underline !important;3309 color: #000;3357 text-decoration: underline !important; 3358 color: #000; 3310 3359 } 3311 3360 3312 3361 #wp-calendar tbody td:hover { 3313 background: #fff;3362 background: #fff; 3314 3363 } 3315 3364 3316 3365 #wp-calendar tbody .pad { 3317 background: none;3366 background: none; 3318 3367 } 3319 3368 3320 3369 #wp-calendar tfoot td.pad { 3321 display: none;3370 display: none; 3322 3371 } 3323 3372 3324 3373 .widget_recent_comments li { 3325 position: relative;3326 padding-bottom: 1rem;3374 position: relative; 3375 padding-bottom: 1rem; 3327 3376 } 3328 3377 3329 3378 .widget_recent_comments li:last-child { 3330 padding-bottom: 0;3379 padding-bottom: 0; 3331 3380 } 3332 3381 … … 3335 3384 3336 3385 .widget_recent_entries li { 3337 position: relative;3338 padding-bottom: 1rem;3386 position: relative; 3387 padding-bottom: 1rem; 3339 3388 } 3340 3389 3341 3390 .widget_recent_entries li:last-child { 3342 padding-bottom: 0;3391 padding-bottom: 0; 3343 3392 } 3344 3393 3345 3394 .widget_recent_entries li .post-date { 3346 margin-right: 1rem;3395 margin-right: 1rem; 3347 3396 } 3348 3397 3349 3398 .widget_recent_entries li .post-date:before { 3350 content: "(";3399 content: "("; 3351 3400 } 3352 3401 3353 3402 .widget_recent_entries li .post-date:after { 3354 content: ")";3403 content: ")"; 3355 3404 } 3356 3405 3357 3406 .widget_rss .rss-widget-icon { 3358 display: none;3407 display: none; 3359 3408 } 3360 3409 3361 3410 .widget_rss ul li { 3362 border-bottom: 1px #e9ecef solid;3363 position: relative;3364 padding-bottom: 1rem;3365 margin-bottom: 1rem;3411 border-bottom: 1px #e9ecef solid; 3412 position: relative; 3413 padding-bottom: 1rem; 3414 margin-bottom: 1rem; 3366 3415 } 3367 3416 3368 3417 .widget_rss ul li:last-child { 3369 border-bottom: none;3370 padding-bottom: 0;3371 margin-bottom: 0;3418 border-bottom: none; 3419 padding-bottom: 0; 3420 margin-bottom: 0; 3372 3421 } 3373 3422 3374 3423 .widget_rss ul li .rsswidget { 3375 color: #000000;3376 -webkit-transition: color 0.25s;3377 transition: color 0.25s;3424 color: #000000; 3425 -webkit-transition: color 0.25s; 3426 transition: color 0.25s; 3378 3427 } 3379 3428 3380 3429 .widget_rss ul li .rss-date { 3381 display: block;3382 margin-top: 0.25rem;3430 display: block; 3431 margin-top: 0.25rem; 3383 3432 } 3384 3433 3385 3434 .widget_rss ul li .rssSummary { 3386 margin-top: 0.25rem;3387 color: #000000;3435 margin-top: 0.25rem; 3436 color: #000000; 3388 3437 } 3389 3438 3390 3439 .widget_rss ul li cite { 3391 display: block;3392 margin-top: 0.25rem;3393 font-style: normal;3394 text-align: left;3395 font-size: 0.8125rem;3440 display: block; 3441 margin-top: 0.25rem; 3442 font-style: normal; 3443 text-align: left; 3444 font-size: 0.8125rem; 3396 3445 } 3397 3446 3398 3447 .widget_tag_cloud { 3399 overflow: hidden;3448 overflow: hidden; 3400 3449 } 3401 3450 3402 3451 .widget_tag_cloud .tagcloud { 3403 display: -webkit-box;3404 display: -ms-flexbox;3405 display: flex;3406 -ms-flex-wrap: wrap;3407 flex-wrap: wrap;3452 display: -webkit-box; 3453 display: -ms-flexbox; 3454 display: flex; 3455 -ms-flex-wrap: wrap; 3456 flex-wrap: wrap; 3408 3457 } 3409 3458 3410 3459 .widget_tag_cloud .tagcloud a, 3411 3460 .wp-block-tag-cloud a { 3412 background: rgba(0, 0, 0, 0.052);3413 font-size: 12px !important;3414 padding: 0.5rem 1.5rem;3415 margin-top: 0.5rem;3416 margin-left: 0.5rem;3417 text-decoration: none;3418 font-weight: 700;3419 text-transform: uppercase;3420 letter-spacing: 1px;3461 background: rgba(0, 0, 0, 0.052); 3462 font-size: 12px !important; 3463 padding: 0.5rem 1.5rem; 3464 margin-top: 0.5rem; 3465 margin-left: 0.5rem; 3466 text-decoration: none; 3467 font-weight: 700; 3468 text-transform: uppercase; 3469 letter-spacing: 1px; 3421 3470 } 3422 3471 3423 3472 .widget_tag_cloud .tagcloud a:hover, 3424 3473 .widget_tag_cloud .tagcloud a:focus { 3425 background: #000;3426 color: #fff;3474 background: #000; 3475 color: #fff; 3427 3476 } 3428 3477 3429 3478 .widget_tag_cloud .tagcloud a:last-child { 3430 margin-left: 0;3479 margin-left: 0; 3431 3480 } 3432 3481 3433 3482 .widget_tag_cloud .tagcloud a:first-letter { 3434 text-transform: uppercase;3483 text-transform: uppercase; 3435 3484 } 3436 3485 3437 3486 .widget_media_video .mejs-container { 3438 max-width: 100%;3439 overflow: hidden;3487 max-width: 100%; 3488 overflow: hidden; 3440 3489 } 3441 3490 … … 3444 3493 .widget_media_video .mejs-container object, 3445 3494 .widget_media_video .mejs-container embed { 3446 max-width: 100%;3447 overflow: hidden;3495 max-width: 100%; 3496 overflow: hidden; 3448 3497 } 3449 3498 3450 3499 .widget_media_gallery { 3451 overflow: hidden;3500 overflow: hidden; 3452 3501 } 3453 3502 3454 3503 .widget_media_gallery [class^="gallery-columns-"], 3455 3504 .widget_media_gallery [class*=" gallery-columns-"] { 3456 display: -webkit-box;3457 display: -ms-flexbox;3458 display: flex;3459 -ms-flex-wrap: wrap;3460 flex-wrap: wrap;3461 margin: -1rem -0.5rem 0;3505 display: -webkit-box; 3506 display: -ms-flexbox; 3507 display: flex; 3508 -ms-flex-wrap: wrap; 3509 flex-wrap: wrap; 3510 margin: -1rem -0.5rem 0; 3462 3511 } 3463 3512 3464 3513 .widget_media_gallery [class^="gallery-columns-"] .gallery-item, 3465 3514 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item { 3466 position: relative;3467 margin-top: 1rem;3468 margin-bottom: 0;3469 padding: 0 0.5rem;3470 display: -webkit-box;3471 display: -ms-flexbox;3472 display: flex;3473 -webkit-box-align: center;3474 -ms-flex-align: center;3475 align-items: center;3476 text-align: center;3477 -webkit-box-orient: vertical;3478 -webkit-box-direction: normal;3479 -ms-flex-direction: column;3480 flex-direction: column;3515 position: relative; 3516 margin-top: 1rem; 3517 margin-bottom: 0; 3518 padding: 0 0.5rem; 3519 display: -webkit-box; 3520 display: -ms-flexbox; 3521 display: flex; 3522 -webkit-box-align: center; 3523 -ms-flex-align: center; 3524 align-items: center; 3525 text-align: center; 3526 -webkit-box-orient: vertical; 3527 -webkit-box-direction: normal; 3528 -ms-flex-direction: column; 3529 flex-direction: column; 3481 3530 } 3482 3531 3483 3532 .widget_media_gallery [class^="gallery-columns-"] .gallery-item img, 3484 3533 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item img { 3485 display: block;3486 border-radius: 0;3487 -webkit-transition: 0.25s;3488 transition: 0.25s;3489 -webkit-backface-visibility: hidden;3490 backface-visibility: hidden;3534 display: block; 3535 border-radius: 0; 3536 -webkit-transition: 0.25s; 3537 transition: 0.25s; 3538 -webkit-backface-visibility: hidden; 3539 backface-visibility: hidden; 3491 3540 } 3492 3541 3493 3542 .widget_media_gallery [class^="gallery-columns-"] .gallery-item:hover img, 3494 3543 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item:hover img { 3495 opacity: 0.6;3544 opacity: 0.6; 3496 3545 } 3497 3546 3498 3547 .widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-caption, 3499 3548 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-caption { 3500 padding: 1rem 1rem 0;3549 padding: 1rem 1rem 0; 3501 3550 } 3502 3551 3503 3552 .widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-icon, 3504 3553 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-icon { 3505 position: relative;3506 width: 100%;3507 overflow: hidden;3554 position: relative; 3555 width: 100%; 3556 overflow: hidden; 3508 3557 } 3509 3558 … … 3514 3563 .widget_media_gallery .gallery-columns-8 .gallery-caption, 3515 3564 .widget_media_gallery .gallery-columns-9 .gallery-caption { 3516 display: none;3565 display: none; 3517 3566 } 3518 3567 3519 3568 .widget_media_gallery .gallery-columns-1 .gallery-item { 3520 -webkit-box-flex: 0;3521 -ms-flex: 0 0 100%;3522 flex: 0 0 100%;3523 max-width: 100%;3569 -webkit-box-flex: 0; 3570 -ms-flex: 0 0 100%; 3571 flex: 0 0 100%; 3572 max-width: 100%; 3524 3573 } 3525 3574 3526 3575 .widget_media_gallery .gallery-columns-2 .gallery-item { 3527 -webkit-box-flex: 0;3528 -ms-flex: 0 0 50%;3529 flex: 0 0 50%;3530 max-width: 50%;3576 -webkit-box-flex: 0; 3577 -ms-flex: 0 0 50%; 3578 flex: 0 0 50%; 3579 max-width: 50%; 3531 3580 } 3532 3581 3533 3582 .widget_media_gallery .gallery-columns-3 .gallery-item { 3534 -webkit-box-flex: 0;3535 -ms-flex: 0 0 33.3333333333%;3536 flex: 0 0 33.3333333333%;3537 max-width: 33.3333333333%;3583 -webkit-box-flex: 0; 3584 -ms-flex: 0 0 33.3333333333%; 3585 flex: 0 0 33.3333333333%; 3586 max-width: 33.3333333333%; 3538 3587 } 3539 3588 3540 3589 .widget_media_gallery .gallery-columns-4 .gallery-item { 3541 -webkit-box-flex: 0;3542 -ms-flex: 0 0 25%;3543 flex: 0 0 25%;3544 max-width: 25%;3590 -webkit-box-flex: 0; 3591 -ms-flex: 0 0 25%; 3592 flex: 0 0 25%; 3593 max-width: 25%; 3545 3594 } 3546 3595 3547 3596 .widget_media_gallery .gallery-columns-5 .gallery-item { 3548 -webkit-box-flex: 0;3549 -ms-flex: 0 0 20%;3550 flex: 0 0 20%;3551 max-width: 20%;3597 -webkit-box-flex: 0; 3598 -ms-flex: 0 0 20%; 3599 flex: 0 0 20%; 3600 max-width: 20%; 3552 3601 } 3553 3602 3554 3603 .widget_media_gallery .gallery-columns-6 .gallery-item { 3555 -webkit-box-flex: 0;3556 -ms-flex: 0 0 16.6666666667%;3557 flex: 0 0 16.6666666667%;3558 max-width: 16.6666666667%;3604 -webkit-box-flex: 0; 3605 -ms-flex: 0 0 16.6666666667%; 3606 flex: 0 0 16.6666666667%; 3607 max-width: 16.6666666667%; 3559 3608 } 3560 3609 3561 3610 .widget_media_gallery .gallery-columns-7 .gallery-item { 3562 -webkit-box-flex: 0;3563 -ms-flex: 0 0 14.2857142857%;3564 flex: 0 0 14.2857142857%;3565 max-width: 14.2857142857%;3611 -webkit-box-flex: 0; 3612 -ms-flex: 0 0 14.2857142857%; 3613 flex: 0 0 14.2857142857%; 3614 max-width: 14.2857142857%; 3566 3615 } 3567 3616 3568 3617 .widget_media_gallery .gallery-columns-8 .gallery-item { 3569 -webkit-box-flex: 0;3570 -ms-flex: 0 0 12.5%;3571 flex: 0 0 12.5%;3572 max-width: 12.5%;3618 -webkit-box-flex: 0; 3619 -ms-flex: 0 0 12.5%; 3620 flex: 0 0 12.5%; 3621 max-width: 12.5%; 3573 3622 } 3574 3623 3575 3624 .widget_media_gallery .gallery-columns-9 .gallery-item { 3576 -webkit-box-flex: 0; 3577 -ms-flex: 0 0 11.1111111111%; 3578 flex: 0 0 11.1111111111%; 3579 max-width: 11.1111111111%; 3580 } 3581 3625 -webkit-box-flex: 0; 3626 -ms-flex: 0 0 11.1111111111%; 3627 flex: 0 0 11.1111111111%; 3628 max-width: 11.1111111111%; 3629 } 3582 3630 3583 3631 /* Text widget */ 3584 3585 3632 .widget_text { 3586 color: #000000;3587 word-wrap: break-word;3633 color: #000000; 3634 word-wrap: break-word; 3588 3635 } 3589 3636 3590 3637 .widget_text ul { 3591 list-style: disc;3592 margin: 0 1rem 1rem 0;3638 list-style: disc; 3639 margin: 0 1rem 1rem 0; 3593 3640 } 3594 3641 3595 3642 .widget_text ol { 3596 list-style: decimal;3643 list-style: decimal; 3597 3644 } 3598 3645 3599 3646 .widget_text ul li, 3600 3647 .widget_text ol li { 3601 border: none;3648 border: none; 3602 3649 } 3603 3650 3604 3651 .widget_text ul li:last-child, 3605 3652 .widget_text ol li:last-child { 3606 padding-bottom: 0;3653 padding-bottom: 0; 3607 3654 } 3608 3655 3609 3656 .widget_text ul li ul { 3610 margin: 0 1rem 0 0;3657 margin: 0 1rem 0 0; 3611 3658 } 3612 3659 3613 3660 .widget_text ul li li { 3614 padding-right: 0;3615 padding-left: 0;3661 padding-right: 0; 3662 padding-left: 0; 3616 3663 } 3617 3664 3618 3665 .widget_text ol li { 3619 list-style-position: inside; 3620 } 3621 3622 .widget_text ol li + li { 3623 margin-top: -1px; 3624 } 3625 3666 list-style-position: inside; 3667 } 3668 3669 .widget_text ol li+li { 3670 margin-top: -1px; 3671 } 3626 3672 3627 3673 /*Custom Widgets*/ 3628 3629 3674 .widget .tab-head .twp-nav-tabs { 3630 border-bottom: 2px solid;3631 margin-bottom: 15px;3675 border-bottom: 2px solid; 3676 margin-bottom: 15px; 3632 3677 } 3633 3678 3634 3679 .widget .tab-head .twp-nav-tabs li { 3635 float: right;3636 margin: 0 auto;3637 width: 33.33%;3638 } 3639 3640 .widget .tab-head .twp-nav-tabs > li >a {3641 display: block;3642 padding: 15px 0;3643 text-align: center;3644 font-size: 14px;3645 font-weight: 700;3646 } 3647 3648 .widget .tab-head .twp-nav-tabs > li.active >a,3649 .widget .tab-head .twp-nav-tabs > li >a:focus,3650 .widget .tab-head .twp-nav-tabs > li >a:hover,3651 .widget .tab-head .twp-nav-tabs > li.active >a:focus,3652 .widget .tab-head .twp-nav-tabs > li.active >a:hover {3653 background: #000;3654 color: #fff;3680 float: right; 3681 margin: 0 auto; 3682 width: 33.33%; 3683 } 3684 3685 .widget .tab-head .twp-nav-tabs>li>a { 3686 display: block; 3687 padding: 15px 0; 3688 text-align: center; 3689 font-size: 14px; 3690 font-weight: 700; 3691 } 3692 3693 .widget .tab-head .twp-nav-tabs>li.active>a, 3694 .widget .tab-head .twp-nav-tabs>li>a:focus, 3695 .widget .tab-head .twp-nav-tabs>li>a:hover, 3696 .widget .tab-head .twp-nav-tabs>li.active>a:focus, 3697 .widget .tab-head .twp-nav-tabs>li.active>a:hover { 3698 background: #000; 3699 color: #fff; 3655 3700 } 3656 3701 3657 3702 .widget .tab-head .post-description { 3658 margin-top: 20px;3703 margin-top: 20px; 3659 3704 } 3660 3705 3661 3706 .site-content .data-bg:not(.site-content .single-featured-banner .data-bg) { 3662 -webkit-transition: 0.4s ease; 3663 -moz-transition: 0.4s ease; 3664 -o-transition: 0.4s ease; 3665 transition: 0.4s ease; 3666 } 3667 3707 -webkit-transition: 0.4s ease; 3708 -moz-transition: 0.4s ease; 3709 -o-transition: 0.4s ease; 3710 transition: 0.4s ease; 3711 } 3668 3712 3669 3713 /*.site-content .data-bg:hover:not(.site-content .single-featured-banner .data-bg) { 3670 3714 filter: blur(0.15rem); 3671 3715 }*/ 3672 3673 3716 .site-content .single-featured-banner { 3674 color: #fff;3717 color: #fff; 3675 3718 } 3676 3719 3677 3720 .site-content .single-featured-banner .data-bg { 3678 position: relative;3679 padding: 15rem 0;3680 background-attachment: fixed;3721 position: relative; 3722 padding: 15rem 0; 3723 background-attachment: fixed; 3681 3724 } 3682 3725 3683 3726 .site-content .single-featured-banner .data-bg::before { 3684 position: absolute;3685 content: "";3686 height: 100%;3687 width: 100%;3688 top: 0;3689 right: 0;3690 left: 0;3691 background-color: rgba(0, 0, 0, 0.14);3727 position: absolute; 3728 content: ""; 3729 height: 100%; 3730 width: 100%; 3731 top: 0; 3732 right: 0; 3733 left: 0; 3734 background-color: rgba(0, 0, 0, 0.14); 3692 3735 } 3693 3736 3694 3737 .site-content .single-featured-banner .featured-banner-content .entry-meta a { 3695 color: inherit;3738 color: inherit; 3696 3739 } 3697 3740 3698 3741 .site-content .single-featured-banner .breadcrumbs ul li span:before, 3699 3742 .site-content .single-featured-banner .entry-meta-item::before { 3700 color: #fff;3743 color: #fff; 3701 3744 } 3702 3745 3703 3746 .tab-icon { 3704 width: 15px;3705 height: 15px;3706 display: inline-block;3707 margin-left: 5px;3708 vertical-align: middle;3747 width: 15px; 3748 height: 15px; 3749 display: inline-block; 3750 margin-left: 5px; 3751 vertical-align: middle; 3709 3752 } 3710 3753 3711 3754 .site-content .tab-icon { 3712 width: 20px;3713 height: 20px;3755 width: 20px; 3756 height: 20px; 3714 3757 } 3715 3758 3716 3759 .theme-widget-list li .article-list { 3717 margin-bottom: 1rem;3718 padding-bottom: 1rem;3760 margin-bottom: 1rem; 3761 padding-bottom: 1rem; 3719 3762 } 3720 3763 3721 3764 .theme-widget-list li:last-child .article-list { 3722 border: 0;3723 margin-bottom: 0;3724 padding-bottom: 0;3765 border: 0; 3766 margin-bottom: 0; 3767 padding-bottom: 0; 3725 3768 } 3726 3769 3727 3770 .theme-widget-list .article-image { 3728 position: relative;3771 position: relative; 3729 3772 } 3730 3773 3731 3774 .category-widget-header .category-title, 3732 3775 .category-widget-header .post-count { 3733 display: inline-block;3734 vertical-align: middle;3776 display: inline-block; 3777 vertical-align: middle; 3735 3778 } 3736 3779 3737 3780 .category-widget-header .category-title { 3738 font-weight: 700;3739 text-transform: uppercase;3740 letter-spacing: 1px;3781 font-weight: 700; 3782 text-transform: uppercase; 3783 letter-spacing: 1px; 3741 3784 } 3742 3785 3743 3786 .category-widget-description, 3744 3787 .category-latest-article .entry-title { 3745 margin-top: 15px;3746 margin-bottom: 0;3788 margin-top: 15px; 3789 margin-bottom: 0; 3747 3790 } 3748 3791 3749 3792 .author-widget-details .profile-data-bg { 3750 border-radius: 100%;3751 border: 5px solid #fff;3752 height: 160px;3753 margin: 0 auto;3754 width: 160px;3793 border-radius: 100%; 3794 border: 5px solid #fff; 3795 height: 160px; 3796 margin: 0 auto; 3797 width: 160px; 3755 3798 } 3756 3799 3757 3800 .data-bg-enable.author-widget-details .profile-data-bg { 3758 margin-top: -80px;3801 margin-top: -80px; 3759 3802 } 3760 3803 3761 3804 .author-widget-details .author-content { 3762 text-align: center;3805 text-align: center; 3763 3806 } 3764 3807 3765 3808 .author-content .entry-title { 3766 margin-top: 10px;3809 margin-top: 10px; 3767 3810 } 3768 3811 3769 3812 .author-widget-details .author-social-profiles { 3770 margin-top: 20px;3771 padding-bottom: 20px;3772 text-align: center;3773 } 3774 3775 .author-widget-details .author-social-profiles >a {3776 display: inline-block;3777 margin: 0 5px;3813 margin-top: 20px; 3814 padding-bottom: 20px; 3815 text-align: center; 3816 } 3817 3818 .author-widget-details .author-social-profiles>a { 3819 display: inline-block; 3820 margin: 0 5px; 3778 3821 } 3779 3822 3780 3823 .author-widget-details .author-social-profiles .svg-icon { 3781 color: #fff;3782 height: 30px;3783 line-height: 30px;3784 width: 30px;3785 outline: 2px solid;3786 padding: 8px;3787 outline-offset: 3px;3824 color: #fff; 3825 height: 30px; 3826 line-height: 30px; 3827 width: 30px; 3828 outline: 2px solid; 3829 padding: 8px; 3830 outline-offset: 3px; 3788 3831 } 3789 3832 3790 3833 .author-widget-details .author-social-profiles a:hover .svg-icon, 3791 3834 .author-widget-details .author-social-profiles a:focus .svg-icon { 3792 background: #000;3835 background: #000; 3793 3836 } 3794 3837 3795 3838 .theme-social-widget ul li { 3796 margin: 2px 0;3797 display: inline-block;3798 vertical-align: middle;3839 margin: 2px 0; 3840 display: inline-block; 3841 vertical-align: middle; 3799 3842 } 3800 3843 3801 3844 .theme-social-widget ul li a { 3802 background: #000;3803 color: #fff;3804 width: 50px;3805 height: 50px;3806 display: block;3807 line-height: 50px;3808 text-align: center;3845 background: #000; 3846 color: #fff; 3847 width: 50px; 3848 height: 50px; 3849 display: block; 3850 line-height: 50px; 3851 text-align: center; 3809 3852 } 3810 3853 3811 3854 .theme-social-widget ul li a:hover, 3812 3855 .theme-social-widget ul li a:focus { 3813 filter: alpha(opacity=90);3814 opacity: 0.9;3815 color: #fff;3856 filter: alpha(opacity=90); 3857 opacity: 0.9; 3858 color: #fff; 3816 3859 } 3817 3860 3818 3861 .theme-social-widget ul li .svg-icon { 3819 width: 26px; 3820 height: 26px; 3821 display: inline-block; 3822 vertical-align: middle; 3823 } 3824 3862 width: 26px; 3863 height: 26px; 3864 display: inline-block; 3865 vertical-align: middle; 3866 } 3825 3867 3826 3868 /*-------------------------------------------------------------- 3827 3869 # Content 3828 3870 --------------------------------------------------------------*/ 3829 3830 3871 .entry-breadcrumb { 3831 margin-bottom: 4rem;3872 margin-bottom: 4rem; 3832 3873 } 3833 3874 3834 3875 .breadcrumbs { 3835 font-size: 1.6rem;3836 margin: 0 auto 20px;3876 font-size: 1.6rem; 3877 margin: 0 auto 20px; 3837 3878 } 3838 3879 3839 3880 @media (max-width: 767px) { 3840 .breadcrumbs { 3841 display: none; 3842 } 3843 .slider-main { 3844 display: block; 3845 text-align: center; 3846 padding-top: 0px; 3847 } 3848 .site-topbar, 3849 .header-wrapper { 3850 text-align: center; 3851 } 3852 .header-wrapper, 3853 .header-wrapper .header-areas-left, 3854 .header-wrapper .header-areas-center, 3855 .header-wrapper .header-areas-right { 3856 display: grid; 3857 justify-content: unset; 3858 } 3859 .right-box h6 { 3860 margin-top: 0px; 3861 } 3862 .header-wrapper .header-areas-left, 3863 .header-wrapper .header-areas-right { 3864 justify-content: unset; 3865 margin-bottom: 15px; 3866 } 3867 .main-carousel-caption .post-content { 3868 width: 100%; 3869 } 3870 .theme-banner-block .btn-fancy-primary.slider-btn-1 { 3871 margin-left: 0px; 3872 margin-bottom: 10px; 3873 } 3874 .main-carousel-caption { 3875 padding: 0px !important; 3876 } 3877 .navbar-controls { 3878 justify-content: center; 3879 } 3880 h1.site-title { 3881 margin-bottom: 0; 3882 } 3881 .breadcrumbs { 3882 display: none; 3883 } 3884 3885 .slider-main { 3886 display: block; 3887 text-align: center; 3888 padding-top: 0px; 3889 } 3890 3891 .site-topbar, 3892 .header-wrapper { 3893 text-align: center; 3894 } 3895 3896 .header-wrapper, 3897 .header-wrapper .header-areas-left, 3898 .header-wrapper .header-areas-center, 3899 .header-wrapper .header-areas-right { 3900 display: grid; 3901 justify-content: unset; 3902 } 3903 3904 .right-box h6 { 3905 margin-top: 0px; 3906 } 3907 3908 .header-wrapper .header-areas-left, 3909 .header-wrapper .header-areas-right { 3910 justify-content: unset; 3911 margin-bottom: 15px; 3912 } 3913 3914 .main-carousel-caption .post-content { 3915 width: 100%; 3916 } 3917 3918 .theme-banner-block .btn-fancy-primary.slider-btn-1 { 3919 margin-left: 0px; 3920 margin-bottom: 10px; 3921 } 3922 3923 .main-carousel-caption { 3924 padding: 0px !important; 3925 } 3926 3927 .navbar-controls { 3928 justify-content: center; 3929 } 3930 3931 h1.site-title { 3932 margin-bottom: 0; 3933 } 3883 3934 } 3884 3935 3885 3936 .breadcrumbs a { 3886 color: inherit;3937 color: inherit; 3887 3938 } 3888 3939 3889 3940 .breadcrumbs ul { 3890 list-style: none;3891 margin: 0 auto;3892 padding: 0;3941 list-style: none; 3942 margin: 0 auto; 3943 padding: 0; 3893 3944 } 3894 3945 3895 3946 .breadcrumbs ul li { 3896 display: inline-block;3947 display: inline-block; 3897 3948 } 3898 3949 3899 3950 .breadcrumbs ul .trail-item span { 3900 position: relative;3951 position: relative; 3901 3952 } 3902 3953 3903 3954 .breadcrumbs ul .trail-item.trail-begin span { 3904 padding-right: 0;3955 padding-right: 0; 3905 3956 } 3906 3957 3907 3958 .breadcrumbs ul li span:before { 3908 content: "/";3909 margin: 0 6px;3910 color: rgba(0, 0, 0, 0.24);3959 content: "/"; 3960 margin: 0 6px; 3961 color: rgba(0, 0, 0, 0.24); 3911 3962 } 3912 3963 3913 3964 .breadcrumbs ul .trail-item.trail-begin span:before { 3914 content: none; 3915 } 3916 3965 content: none; 3966 } 3917 3967 3918 3968 /*-------------------------------------------------------------- … … 3921 3971 3922 3972 .sticky .entry-header h2 a span::before { 3923 content: ''; 3924 font-size: 1.2rem; 3925 background: url(assets/images/pin.png) no-repeat scroll 100% 0px !important; 3926 font-weight: 900; 3927 padding: 10px 15px; 3928 } 3929 3973 content: ''; 3974 font-size: 1.2rem; 3975 background: url(assets/images/pin.png) no-repeat scroll 100% 0px !important; 3976 font-weight: 900; 3977 padding: 10px 15px; 3978 } 3930 3979 3931 3980 /*-------------------------------------------------------------- 3932 3981 ## Posts and pages 3933 3982 --------------------------------------------------------------*/ 3934 3935 3983 .sticky { 3936 display: block;3984 display: block; 3937 3985 } 3938 3986 3939 3987 .theme-article-details { 3940 margin-bottom: 20px;3988 margin-bottom: 20px; 3941 3989 } 3942 3990 3943 3991 .widget-area-wrapper button.search-submit { 3944 padding: 17px 25px;3992 padding: 17px 25px; 3945 3993 } 3946 3994 3947 3995 .updated:not(.published) { 3948 display: none;3996 display: none; 3949 3997 } 3950 3998 3951 3999 .single .post-thumbnail { 3952 margin-bottom: 3rem;3953 padding-bottom: 3rem;4000 margin-bottom: 3rem; 4001 padding-bottom: 3rem; 3954 4002 } 3955 4003 3956 4004 @media (max-width: 991px) { 3957 .entry-header-1 .entry-title {3958 font-size: 4rem;3959 }4005 .entry-header-1 .entry-title { 4006 font-size: 4rem; 4007 } 3960 4008 } 3961 4009 3962 4010 @media (max-width: 575px) { 3963 .entry-header-1 .entry-title {3964 font-size: 3rem;3965 }4011 .entry-header-1 .entry-title { 4012 font-size: 3rem; 4013 } 3966 4014 } 3967 4015 3968 4016 .entry-title a { 3969 color: inherit;4017 color: inherit; 3970 4018 } 3971 4019 3972 4020 .page-links { 3973 clear: both;3974 margin: 0 0 1.5em;4021 clear: both; 4022 margin: 0 0 1.5em; 3975 4023 } 3976 4024 3977 4025 .wrapper, 3978 4026 .wrapper-fluid { 3979 width: 100%;3980 margin-left: auto;3981 margin-right: auto;4027 width: 100%; 4028 margin-left: auto; 4029 margin-right: auto; 3982 4030 } 3983 4031 3984 4032 .wrapper { 3985 padding-left: 15px;3986 padding-right: 15px;4033 padding-left: 15px; 4034 padding-right: 15px; 3987 4035 } 3988 4036 3989 4037 @media (min-width: 1400px) { 3990 .wrapper-fluid {3991 max-width: 90%;3992 }4038 .wrapper-fluid { 4039 max-width: 90%; 4040 } 3993 4041 } 3994 4042 3995 4043 @media (min-width: 992px) { 3996 .wrapper {3997 max-width: 1140px;3998 }4044 .wrapper { 4045 max-width: 1140px; 4046 } 3999 4047 } 4000 4048 4001 4049 @media only screen and (min-width: 1441px) { 4002 .wrapper {4003 max-width: 1400px;4004 }4050 .wrapper { 4051 max-width: 1400px; 4052 } 4005 4053 } 4006 4054 4007 4055 .column-row { 4008 display: -ms-flexbox;4009 display: flex;4010 -ms-flex-wrap: wrap;4011 flex-wrap: wrap;4012 margin-left: -15px;4013 margin-right: -15px;4014 }4015 4016 .column-row-collapse {4017 margin-left: 0;4018 margin-right: 0;4019 }4020 4021 .column-row-small {4022 margin-left: -5px;4023 margin-right: -5px;4024 }4025 4026 .column {4027 position: relative;4028 width: 100%;4029 padding-left: 15px;4030 padding-right: 15px;4031 }4032 4033 .column-row-collapse .column {4034 padding-left: 0;4035 padding-right: 0;4036 }4037 4038 .column-row-small .column {4039 padding-left: 5px;4040 padding-right: 5px;4041 }4042 4043 .column-1 {4044 -ms-flex: 0 0 8.333333%;4045 flex: 0 0 8.333333%;4046 max-width: 8.333333%;4047 }4048 4049 .column-2 {4050 -ms-flex: 0 0 16.666667%;4051 flex: 0 0 16.666667%;4052 max-width: 16.666667%;4053 }4054 4055 .column-3 {4056 -ms-flex: 0 0 25%;4057 flex: 0 0 25%;4058 max-width: 25%;4059 }4060 4061 .column-4 {4062 -ms-flex: 0 0 33.333333%;4063 flex: 0 0 33.333333%;4064 max-width: 33.333333%;4065 }4066 4067 .column-5 {4068 -ms-flex: 0 0 41.666667%;4069 flex: 0 0 41.666667%;4070 max-width: 41.666667%;4071 }4072 4073 .column-6 {4074 -ms-flex: 0 0 50%;4075 flex: 0 0 50%;4076 max-width: 50%;4077 }4078 4079 .column-7 {4080 -ms-flex: 0 0 58.333333%;4081 flex: 0 0 58.333333%;4082 max-width: 58.333333%;4083 }4084 4085 .column-8 {4086 -ms-flex: 0 0 66.666667%;4087 flex: 0 0 66.666667%;4088 max-width: 66.666667%;4089 }4090 4091 .column-9 {4092 -ms-flex: 0 0 75%;4093 flex: 0 0 75%;4094 max-width: 75%;4095 }4096 4097 .column-10 {4098 -ms-flex: 0 0 83.333333%;4099 flex: 0 0 83.333333%;4100 max-width: 83.333333%;4101 }4102 4103 .column-11 {4104 -ms-flex: 0 0 91.666667%;4105 flex: 0 0 91.666667%;4106 max-width: 91.666667%;4107 }4108 4109 .column-12 {4110 -ms-flex: 0 0 100%;4111 flex: 0 0 100%;4112 max-width: 100%;4113 }4114 4115 @media (min-width: 992px) {4116 .column-order-1 {4117 -ms-flex-order: 1;4118 order: 1;4119 }4120 .column-order-2 {4121 -ms-flex-order: 2;4122 order: 2;4123 }4124 .column-order-3 {4125 -ms-flex-order: 3;4126 order: 3;4127 }4128 }4129 4130 @media (max-width: 991px) {4131 .column-sm-12 {4132 -ms-flex: 0 0 100%;4133 flex: 0 0 100%;4134 max-width: 100%;4135 }4136 .column-sm-6 {4137 -ms-flex: 0 0 50%;4138 flex: 0 0 50%;4139 max-width: 50%;4140 }4141 .column-sm-4 {4142 -ms-flex: 0 0 33.333333%;4143 flex: 0 0 33.333333%;4144 max-width: 33.333333%;4145 }4146 .column-sm-3 {4147 -ms-flex: 0 0 25%;4148 flex: 0 0 25%;4149 max-width: 25%;4150 }4151 }4152 4153 @media (max-width: 767px) {4154 .column-xs-12 {4155 -ms-flex: 0 0 100%;4156 flex: 0 0 100%;4157 max-width: 100%;4158 }4159 .column-xs-6 {4160 -ms-flex: 0 0 50%;4161 flex: 0 0 50%;4162 max-width: 50%;4163 }4164 .column-xs-4 {4165 -ms-flex: 0 0 33.333333%;4166 flex: 0 0 33.333333%;4167 max-width: 33.333333%;4168 }4169 .column-xs-3 {4170 -ms-flex: 0 0 25%;4171 flex: 0 0 25%;4172 max-width: 25%;4173 }4174 .hidden-xs-screen {4175 display: none;4176 visibility: hidden;4177 opacity: 0;4178 }4179 }4180 4181 .archive-main-block,4182 .singular-main-block {4183 border-top: 1px solid;4184 border-color: #ededed;4185 }4186 4187 .single-product .content-area {4188 width: 100%;4189 }4190 4191 .content-area {4192 position: relative;4193 padding-left: 15px;4194 padding-right: 15px;4195 padding-top: 3rem;4196 width: 75%;4197 -ms-flex: 0 0 75%;4198 flex: 0 0 75%;4199 }4200 4201 @media (max-width: 1400px) {4202 .content-area {4203 -ms-flex: 0 0 65%;4204 flex: 0 0 65%;4205 max-width: 65%;4206 }4207 }4208 4209 @media (max-width: 1024px) {4210 .content-area {4211 -ms-flex-order: 1;4212 order: 1;4213 }4214 }4215 4216 .no-sidebar .content-area {4217 -ms-flex: 0 0 100%;4218 flex: 0 0 100%;4219 max-width: 100%;4220 }4221 4222 .left-sidebar .content-area #site-content {4223 padding-right: 2%;4224 }4225 4226 .widget-area {4227 -ms-flex: 0 0 25%;4228 flex: 0 0 25%;4229 max-width: 25%;4230 padding-left: 15px;4231 padding-right: 15px;4232 }4233 4234 @media (max-width: 1400px) {4235 .widget-area {4236 -ms-flex: 0 0 35%;4237 flex: 0 0 35%;4238 max-width: 35%;4239 }4240 }4241 4242 @media (max-width: 1024px) {4243 .widget-area {4244 -ms-flex-order: 2;4245 order: 2;4246 padding: 0 15px;4247 }4248 }4249 4250 .widget-area-wrapper {4251 position: -webkit-sticky;4252 position: sticky;4253 top: 0;4254 width: 100%;4255 z-index: 5;4256 font-size: 1.6rem;4257 padding-top: 4rem;4258 }4259 4260 .widget-area-wrapper .widget {4261 border-bottom: 1px solid;4262 }4263 4264 .widget-area-wrapper .widget:last-child {4265 border-bottom: none;4266 }4267 4268 .left-sidebar .widget-area {4269 border-left: 1px solid;4270 }4271 4272 .left-sidebar .widget-area-wrapper .widget {4273 margin-left: 40px;4274 }4275 4276 @media (max-width: 1400px) {4277 .left-sidebar .content-area #site-content {4278 padding-right: 0;4279 }4280 }4281 4282 @media (max-width: 1024px) {4283 .left-sidebar .widget-area-wrapper {4284 padding-left: 0;4285 border-left: none;4286 }4287 .left-sidebar .widget-area-wrapper .widget {4288 margin-left: 0;4289 }4290 }4291 4292 .right-sidebar .content-area {4293 -ms-flex-order: 1;4294 order: 1;4295 }4296 4297 .right-sidebar .widget-area {4298 border-right: 1px solid;4299 -ms-flex-order: 2;4300 order: 2;4301 z-index: 1;4302 }4303 4304 .right-sidebar .widget-area-wrapper .widget {4305 margin-right: 40px;4306 }4307 4308 .right-sidebar .content-area #site-content {4309 padding-left: 2%;4310 padding-right: 0;4311 }4312 4313 @media (max-width: 1400px) {4314 .right-sidebar .content-area #site-content {4315 padding-left: 0;4316 }4317 }4318 4319 @media (max-width: 1024px) {4320 .right-sidebar .widget-area-wrapper {4321 border-right: 0;4322 padding-right: 0;4323 }4324 .right-sidebar .widget-area-wrapper .widget {4325 margin-right: 0;4326 }4327 }4328 4329 .widget-title,4330 .widget_block .wp-block-group > .wp-block-group__inner-container > h2 {4331 text-transform: capitalize;4332 border-bottom: 1px solid;4333 padding-bottom: 2rem;4334 margin-bottom: 2rem;4335 }4336 4337 .widget-area-wrapper .widget_recent_entries ul li a {4338 background-image: linear-gradient(-180deg, transparent 94%, #000 0);4339 background-size: 0% 100%;4340 background-repeat: no-repeat;4341 -webkit-transition: background-size 0.4s ease;4342 -moz-transition: background-size 0.4s ease;4343 transition: background-size 0.4s ease;4344 }4345 4346 .widget-area-wrapper .widget_recent_entries ul li a:hover {4347 text-decoration: none;4348 background-size: 100% 100%;4349 }4350 4351 .widget-area-wrapper ul li a:hover {4352 color: unset;4353 }4354 4355 @media (max-width: 1024px) {4356 .content-area,4357 .widget-area {4358 -ms-flex: 0 0 100%;4359 flex: 0 0 100%;4360 max-width: 100%;4361 }4362 }4363 4364 .alignnone,4365 .aligncenter {4366 margin-bottom: 4rem;4367 margin-top: 4rem;4368 }4369 4370 .alignwide,4371 .alignfull {4372 margin-bottom: 6rem;4373 margin-top: 6rem;4374 }4375 4376 .alignleft {4377 margin: 0.5rem 0 2.5rem 2.5rem;4378 }4379 4380 .alignright {4381 margin: 0.5rem 2.5rem 2.5rem 0;4382 }4383 4384 @media only screen and (min-width: 1400px) {4385 .entry-content .alignwide {4386 margin-right: -2rem;4387 margin-left: -2rem;4388 }4389 }4390 4391 .alignfull > figcaption,4392 .alignfull > .wp-caption-text {4393 width: calc(100% - 8rem);4394 }4395 4396 .entry-meta {4397 display: flex;4398 flex-wrap: wrap;4399 align-items: center;4400 font-size: 1.2rem;4401 text-transform: uppercase;4402 }4403 4404 .entry-meta-center {4405 justify-content: center;4406 }4407 4408 .entry-meta a {4409 text-decoration: none;4410 }4411 4412 .entry-meta-item,4413 .entry-meta .cat-links a {4414 position: relative;4415 }4416 4417 .cat-links {4418 display: flex;4419 align-items: center;4420 flex-wrap: wrap;4421 }4422 4423 .entry-meta .cat-links a {4424 display: inline;4425 background-repeat: no-repeat;4426 background-size: 100% 100%;4427 padding-left: 1rem;4428 margin-left: 0.5rem;4429 }4430 4431 .entry-meta .cat-links a:hover:not(.entry-meta .cat-links a:first-child) {4432 opacity: 0.6;4433 }4434 4435 .entry-meta .cat-links a::before,4436 .entry-meta-item::before {4437 position: absolute;4438 content: "/";4439 top: 50%;4440 transform: translateY(-50%);4441 left: 0;4442 font-weight: 600;4443 color: #000;4444 }4445 4446 .entry-meta .cat-links a:last-child {4447 margin-left: 0;4448 padding-left: 0;4449 }4450 4451 .entry-meta .cat-links a:last-child::before {4452 display: none;4453 }4454 4455 .entry-meta .cat-links a:first-child {4456 color: var(--global-color);4457 }4458 4459 .entry-meta .cat-links a:first-child:hover,4460 .entry-meta .cat-links a:first-child:focus {4461 color: #000;4462 }4463 4464 .entry-meta .entry-meta-item {4465 margin: 0 0 1rem 1rem;4466 padding-left: 1.5rem;4467 }4468 4469 .entry-meta .entry-meta-item:last-child {4470 margin-left: 0;4471 padding-left: 0;4472 }4473 4474 .entry-meta .entry-meta-item:last-child::before {4475 display: none;4476 }4477 4478 .entry-meta-left .entry-meta-avatar {4479 width: 40px;4480 border-radius: 50%;4481 margin-bottom: 0;4482 margin-left: 1rem;4483 overflow: hidden;4484 }4485 4486 .entry-meta .entry-meta-right .entry-meta-item {4487 font-size: 1.4rem;4488 line-height: 1.5;4489 margin-bottom: 0;4490 }4491 4492 .entry-meta-wrapper {4493 align-items: center;4494 display: flex;4495 flex-wrap: nowrap;4496 }4497 4498 .entry-meta-item .entry-meta-icon {4499 margin-left: 1rem;4500 }4501 4502 .entry-meta-label {4503 margin-left: 5px;4504 }4505 4506 .post-navigation {4507 border-style: solid;4508 border-width: 0.1rem 0;4509 }4510 4511 .post-navigation .nav-links {4512 display: flex;4513 }4514 4515 .post-navigation .nav-links > div + div {4516 margin-top: 1rem;4517 }4518 4519 .post-navigation span.post-title {4520 word-break: break-all;4521 }4522 4523 .post-navigation a {4524 align-items: baseline;4525 display: flex;4526 text-decoration: none;4527 }4528 4529 .post-navigation .arrow {4530 margin-left: 1rem;4531 }4532 4533 @media (max-width: 767px) {4534 .post-navigation .nav-links {4535 display: block;4536 }4537 .navigation-wrapper .post-navigation .nav-links > div {4538 max-width: 100%;4539 margin: 2rem 0;4540 }4541 }4542 4543 4544 /* article wrapper */4545 4546 .post-thumbnail,4547 .theme-article-image,4548 .entry-thumbnail {4549 position: relative;4550 overflow: hidden;4551 }4552 4553 .entry-thumbnail img {4554 object-fit: cover;4555 }4556 4557 .site-content .article-wraper-archive {4558 display: grid;4559 gap: 20px;4560 }4561 4562 .site-content .article-wraper-archive .theme-article-post {4563 position: relative;4564 width: 100%;4565 overflow: hidden;4566 word-wrap: break-word;4567 hyphens: auto;4568 }4569 4570 .site-content .content-area .theme-article-image {4571 margin-bottom: 2rem;4572 }4573 4574 4575 /* SINGLE PAGINATION */4576 4577 .post-navigation {4578 font-size: 1.8rem;4579 padding: 3.5rem 0;4580 margin-bottom: 5rem;4581 margin-top: 5rem;4582 }4583 4584 @media (max-width: 1024px) {4585 .post-navigation {4586 margin-bottom: 3rem;4587 }4588 }4589 4590 .post-navigation .nav-links {4591 flex-direction: row;4592 justify-content: space-between;4593 }4594 4595 .post-navigation .nav-links > div {4596 max-width: calc(50% - 2rem);4597 }4598 4599 .post-navigation .nav-links > div + div {4600 margin: 0 4rem 0 0;4601 }4602 4603 .post-navigation .arrow {4604 margin: 0 0 0 2rem;4605 }4606 4607 .post-navigation .nav-next:only-child {4608 margin-right: auto;4609 }4610 4611 .post-navigation .nav-next a {4612 flex-direction: row-reverse;4613 text-align: left;4614 }4615 4616 .post-navigation .nav-next .arrow {4617 margin: 0 2rem 0 0;4618 }4619 4620 .theme-ajax-post-load {4621 display: flex;4622 align-items: center;4623 justify-content: center;4624 margin-bottom: 6rem;4625 }4626 4627 .pagination {4628 margin-top: 3.25rem;4629 margin-bottom: 3.25rem;4630 text-align: center;4631 }4632 4633 .pagination a {4634 color: inherit;4635 }4636 4637 .pagination .page-numbers {4638 display: inline-block;4639 margin-left: 1.25em;4640 color: #abadaf;4641 }4642 4643 .pagination .page-numbers.current {4644 color: #161719;4645 }4646 4647 .pagination .page-numbers:last-child {4648 margin-left: 0;4649 }4650 4651 @media only screen and (min-width: 600px) {4652 .pagination .prev:after,4653 .pagination .next:before {4654 position: relative;4655 display: inline-block;4656 width: 2.25rem;4657 height: 1px;4658 content: "";4659 vertical-align: middle;4660 background-color: #eaebee;4661 }4662 .pagination .prev:after {4663 margin-right: 1.25em;4664 }4665 .pagination .next:before {4666 margin-left: 1.25em;4667 }4668 }4669 4670 4671 /*--------------------------------------------------------------4672 ## Comments4673 --------------------------------------------------------------*/4674 4675 #comments ol.children img {4676 width: 30px;4677 }4678 4679 #comments ol {4680 list-style: none;4681 padding-right: 0;4682 }4683 4684 #comments {4685 margin-top: 30px;4686 }4687 4688 #comments h2.comments-title {4689 font-size: 20px;4690 font-weight: bold;4691 padding: 20px 0;4692 margin-bottom: 10px;4693 }4694 4695 #comments h3.comment-reply-title {4696 font-size: 20px;4697 font-weight: bold;4698 clear: both;4699 }4700 4701 #comments input[type="text"],4702 #comments input[type="email"],4703 #comments textarea {4704 width: 100%;4705 padding: 12px 10px;4706 font-size: 18px;4707 margin: 20px 0 0 0;4708 }4709 4710 #comments input[type="submit"].submit {4711 background: var(--global-color);4712 color: #fff;4713 padding: 15px;4714 font-weight: bold;4715 font-size: 12px;4716 letter-spacing: 2px;4717 }4718 4719 #comments a.comment-reply-link {4720 color: #fff;4721 background: var(--global-color);4722 padding: 5px 15px;4723 }4724 4725 #comments a.comment-reply-link:hover {4726 background: #ddd;4727 color: #000;4728 }4729 4730 #comments a time {4731 color: #000;4732 font-weight: bold;4733 font-size: 12px;4734 }4735 4736 #comments ol li {4737 width: 100%;4738 list-style: none;4739 margin: 0 0 20px;4740 padding: 20px;4741 background: #f5f5f5;4742 display: inline-block;4743 border: 1px solid #d6d6d6;4744 }4745 4746 #comments ul {4747 margin: 0 40px 0 0;4748 }4749 4750 #comments .reply {4751 float: left;4752 }4753 4754 #comments .comment-metadata {4755 width: 90%;4756 float: right;4757 padding: 1% 0 0 0;4758 }4759 4760 #comments .comment-content {4761 width: 90%;4762 float: right;4763 margin-right: 0;4764 }4765 4766 #comments p {4767 width: 100%;4768 float: right;4769 }4770 4771 4772 /*----------single-post-comments---------*/4773 4774 .comments .comment-author,4775 .comment-author.vcard {4776 width: 50%;4777 float: right;4778 }4779 4780 .comment-meta.commentmetadata {4781 float: left;4782 width: 50%;4783 text-align: left;4784 }4785 4786 .comments p {4787 width: 90%;4788 float: right;4789 }4790 4791 .comments .reply {4792 float: right;4793 }4794 4795 .reply {4796 margin-bottom: 15px;4797 width: 100%;4798 float: right;4799 }4800 4801 p.comment-form-comment label {4802 display: block;4803 }4804 4805 4806 /*--------------------------------------------------------------4807 # Infinite scroll4808 --------------------------------------------------------------*/4809 4810 .infinite-scroll .posts-navigation,4811 .infinite-scroll.neverending .site-footer {4812 /* Theme Footer (when set to scrolling) */4813 display: none;4814 }4815 4816 .infinity-end.neverending .site-footer {4817 display: block;4818 }4819 4820 4821 /*--------------------------------------------------------------4822 # Media4823 --------------------------------------------------------------*/4824 4825 .page-content .wp-smiley,4826 .entry-content .wp-smiley,4827 .comment-content .wp-smiley {4828 border: none;4829 margin-bottom: 0;4830 margin-top: 0;4831 padding: 0;4832 }4833 4834 embed,4835 iframe,4836 object {4837 max-width: 100%;4838 }4839 4840 .wp-custom-logo .site-logo {4841 margin: 0;4842 }4843 4844 @media (max-width: 575px) {4845 .wp-custom-logo .site-logo .custom-logo-link {4846 max-width: 200px;4847 margin: 0 auto;4848 }4849 }4850 4851 .custom-logo-link {4852 display: block;4853 margin-bottom: 1.5rem;4854 }4855 4856 4857 /*--------------------------------------------------------------4858 ## Captions4859 --------------------------------------------------------------*/4860 4861 .wp-caption {4862 margin: 1em 0 1.5em;4863 max-width: 100%;4864 }4865 4866 .wp-caption img[class*="wp-image-"] {4867 display: block;4868 margin-right: auto;4869 margin-left: auto;4870 }4871 4872 .wp-caption .wp-caption-text {4873 margin: 0.8075em 0;4874 }4875 4876 .wp-caption.aligncenter {4877 margin-right: auto;4878 margin-left: auto;4879 }4880 4881 .wp-caption.alignleft {4882 margin-left: 20px;4883 }4884 4885 .wp-caption.alignright {4886 margin-right: 20px;4887 }4888 4889 .wp-caption-text {4890 text-align: center;4891 }4892 4893 4894 /*--------------------------------------------------------------4895 ## Galleries4896 --------------------------------------------------------------*/4897 4898 .gallery {4899 margin-bottom: 1.5rem;4900 }4901 4902 @media (min-width: 600px) {4903 div[class^="gallery-columns-"],4904 div[class*=" gallery-columns-"] {4905 display: -webkit-box;4906 4056 display: -ms-flexbox; 4907 4057 display: flex; 4908 4058 -ms-flex-wrap: wrap; 4909 4059 flex-wrap: wrap; 4910 margin- right: -10px;4911 margin- left: -10px;4912 }4913 } 4914 4915 .gallery-item { 4916 display: inline-block;4917 text-align: center; 4918 vertical-align: top; 4919 width: 100%; 4920 } 4921 4922 @media (min-width: 600px) { 4923 .gallery-columns-2 .gallery-item { 4924 max-width: 50%; 4060 margin-left: -15px; 4061 margin-right: -15px; 4062 } 4063 4064 .column-row-collapse { 4065 margin-left: 0; 4066 margin-right: 0; 4067 } 4068 4069 .column-row-small { 4070 margin-left: -5px; 4071 margin-right: -5px; 4072 } 4073 4074 .column { 4925 4075 position: relative; 4926 4076 width: 100%; 4927 padding-right: 10px; 4928 padding-left: 10px; 4929 margin-bottom: 20px; 4930 } 4931 } 4932 4933 @media (min-width: 600px) { 4934 .gallery-columns-3 .gallery-item { 4935 max-width: 33.33%; 4077 padding-left: 15px; 4078 padding-right: 15px; 4079 } 4080 4081 .column-row-collapse .column { 4082 padding-left: 0; 4083 padding-right: 0; 4084 } 4085 4086 .column-row-small .column { 4087 padding-left: 5px; 4088 padding-right: 5px; 4089 } 4090 4091 .column-1 { 4092 -ms-flex: 0 0 8.333333%; 4093 flex: 0 0 8.333333%; 4094 max-width: 8.333333%; 4095 } 4096 4097 .column-2 { 4098 -ms-flex: 0 0 16.666667%; 4099 flex: 0 0 16.666667%; 4100 max-width: 16.666667%; 4101 } 4102 4103 .column-3 { 4104 -ms-flex: 0 0 25%; 4105 flex: 0 0 25%; 4106 max-width: 25%; 4107 } 4108 4109 .column-4 { 4110 -ms-flex: 0 0 33.333333%; 4111 flex: 0 0 33.333333%; 4112 max-width: 33.333333%; 4113 } 4114 4115 .column-5 { 4116 -ms-flex: 0 0 41.666667%; 4117 flex: 0 0 41.666667%; 4118 max-width: 41.666667%; 4119 } 4120 4121 .column-6 { 4122 -ms-flex: 0 0 50%; 4123 flex: 0 0 50%; 4124 max-width: 50%; 4125 } 4126 4127 .column-7 { 4128 -ms-flex: 0 0 58.333333%; 4129 flex: 0 0 58.333333%; 4130 max-width: 58.333333%; 4131 } 4132 4133 .column-8 { 4134 -ms-flex: 0 0 66.666667%; 4135 flex: 0 0 66.666667%; 4136 max-width: 66.666667%; 4137 } 4138 4139 .column-9 { 4140 -ms-flex: 0 0 75%; 4141 flex: 0 0 75%; 4142 max-width: 75%; 4143 } 4144 4145 .column-10 { 4146 -ms-flex: 0 0 83.333333%; 4147 flex: 0 0 83.333333%; 4148 max-width: 83.333333%; 4149 } 4150 4151 .column-11 { 4152 -ms-flex: 0 0 91.666667%; 4153 flex: 0 0 91.666667%; 4154 max-width: 91.666667%; 4155 } 4156 4157 .column-12 { 4158 -ms-flex: 0 0 100%; 4159 flex: 0 0 100%; 4160 max-width: 100%; 4161 } 4162 4163 @media (min-width: 992px) { 4164 .column-order-1 { 4165 -ms-flex-order: 1; 4166 order: 1; 4167 } 4168 4169 .column-order-2 { 4170 -ms-flex-order: 2; 4171 order: 2; 4172 } 4173 4174 .column-order-3 { 4175 -ms-flex-order: 3; 4176 order: 3; 4177 } 4178 } 4179 4180 @media (max-width: 991px) { 4181 .column-sm-12 { 4182 -ms-flex: 0 0 100%; 4183 flex: 0 0 100%; 4184 max-width: 100%; 4185 } 4186 4187 .column-sm-6 { 4188 -ms-flex: 0 0 50%; 4189 flex: 0 0 50%; 4190 max-width: 50%; 4191 } 4192 4193 .column-sm-4 { 4194 -ms-flex: 0 0 33.333333%; 4195 flex: 0 0 33.333333%; 4196 max-width: 33.333333%; 4197 } 4198 4199 .column-sm-3 { 4200 -ms-flex: 0 0 25%; 4201 flex: 0 0 25%; 4202 max-width: 25%; 4203 } 4204 } 4205 4206 @media (max-width: 767px) { 4207 .column-xs-12 { 4208 -ms-flex: 0 0 100%; 4209 flex: 0 0 100%; 4210 max-width: 100%; 4211 } 4212 4213 .column-xs-6 { 4214 -ms-flex: 0 0 50%; 4215 flex: 0 0 50%; 4216 max-width: 50%; 4217 } 4218 4219 .column-xs-4 { 4220 -ms-flex: 0 0 33.333333%; 4221 flex: 0 0 33.333333%; 4222 max-width: 33.333333%; 4223 } 4224 4225 .column-xs-3 { 4226 -ms-flex: 0 0 25%; 4227 flex: 0 0 25%; 4228 max-width: 25%; 4229 } 4230 4231 .hidden-xs-screen { 4232 display: none; 4233 visibility: hidden; 4234 opacity: 0; 4235 } 4236 } 4237 4238 .archive-main-block, 4239 .singular-main-block { 4240 border-top: 1px solid; 4241 border-color: #ededed; 4242 } 4243 4244 .single-product .content-area { 4245 width: 100%; 4246 } 4247 4248 .content-area { 4249 position: relative; 4250 padding-left: 15px; 4251 padding-right: 15px; 4252 padding-top: 3rem; 4253 width: 75%; 4254 -ms-flex: 0 0 75%; 4255 flex: 0 0 75%; 4256 } 4257 4258 @media (max-width: 1400px) { 4259 .content-area { 4260 -ms-flex: 0 0 65%; 4261 flex: 0 0 65%; 4262 max-width: 65%; 4263 } 4264 } 4265 4266 @media (max-width: 1024px) { 4267 .content-area { 4268 -ms-flex-order: 1; 4269 order: 1; 4270 } 4271 } 4272 4273 .no-sidebar .content-area { 4274 -ms-flex: 0 0 100%; 4275 flex: 0 0 100%; 4276 max-width: 100%; 4277 } 4278 4279 .left-sidebar .content-area #site-content { 4280 padding-right: 2%; 4281 } 4282 4283 .widget-area { 4284 -ms-flex: 0 0 25%; 4285 flex: 0 0 25%; 4286 max-width: 25%; 4287 padding-left: 15px; 4288 padding-right: 15px; 4289 } 4290 4291 @media (max-width: 1400px) { 4292 .widget-area { 4293 -ms-flex: 0 0 35%; 4294 flex: 0 0 35%; 4295 max-width: 35%; 4296 } 4297 } 4298 4299 @media (max-width: 1024px) { 4300 .widget-area { 4301 -ms-flex-order: 2; 4302 order: 2; 4303 padding: 0 15px; 4304 } 4305 } 4306 4307 .widget-area-wrapper { 4308 position: -webkit-sticky; 4309 position: sticky; 4310 top: 0; 4311 width: 100%; 4312 z-index: 5; 4313 font-size: 1.6rem; 4314 padding-top: 4rem; 4315 } 4316 4317 .widget-area-wrapper .widget { 4318 background: #ffffff; 4319 border: 1px solid #ededed !important; 4320 border-radius: 8px; 4321 box-shadow: 0 10px 24px rgba(1, 15, 28, 0.05); 4322 margin-bottom: 2.4rem; 4323 padding: 2.4rem; 4324 } 4325 4326 .widget-area-wrapper .widget:last-child { 4327 border-bottom: none; 4328 } 4329 4330 .left-sidebar .widget-area { 4331 border-left: 1px solid; 4332 } 4333 4334 .left-sidebar .widget-area-wrapper .widget { 4335 margin-left: 40px; 4336 } 4337 4338 @media (max-width: 1400px) { 4339 .left-sidebar .content-area #site-content { 4340 padding-right: 0; 4341 } 4342 } 4343 4344 @media (max-width: 1024px) { 4345 .left-sidebar .widget-area-wrapper { 4346 padding-left: 0; 4347 border-left: none; 4348 } 4349 4350 .left-sidebar .widget-area-wrapper .widget { 4351 margin-left: 0; 4352 } 4353 } 4354 4355 .right-sidebar .content-area { 4356 -ms-flex-order: 1; 4357 order: 1; 4358 } 4359 4360 .right-sidebar .widget-area { 4361 border-right: 0px solid; 4362 -ms-flex-order: 2; 4363 order: 2; 4364 z-index: 1; 4365 } 4366 4367 .right-sidebar .widget-area-wrapper .widget { 4368 margin-right: 0px; 4369 } 4370 4371 .right-sidebar .content-area #site-content { 4372 padding-left: 2%; 4373 padding-right: 0; 4374 } 4375 4376 @media (max-width: 1400px) { 4377 .right-sidebar .content-area #site-content { 4378 padding-left: 0; 4379 } 4380 } 4381 4382 @media (max-width: 1024px) { 4383 .right-sidebar .widget-area-wrapper { 4384 border-right: 0; 4385 padding-right: 0; 4386 } 4387 4388 .right-sidebar .widget-area-wrapper .widget { 4389 margin-right: 0; 4390 } 4391 } 4392 4393 .widget-title, 4394 .widget_block .wp-block-group>.wp-block-group__inner-container>h2 { 4395 text-transform: capitalize; 4396 border-bottom: 1px solid; 4397 padding-bottom: 2rem; 4398 margin-bottom: 2rem; 4399 } 4400 4401 .widget-area-wrapper .widget_recent_entries ul li a { 4402 background-image: linear-gradient(-180deg, transparent 94%, #000 0); 4403 background-size: 0% 100%; 4404 background-repeat: no-repeat; 4405 -webkit-transition: background-size 0.4s ease; 4406 -moz-transition: background-size 0.4s ease; 4407 transition: background-size 0.4s ease; 4408 } 4409 4410 .widget-area-wrapper .widget_recent_entries ul li a:hover { 4411 text-decoration: none; 4412 background-size: 100% 100%; 4413 } 4414 4415 .widget-area-wrapper ul li a:hover { 4416 color: unset; 4417 } 4418 4419 @media (max-width: 1024px) { 4420 4421 .content-area, 4422 .widget-area { 4423 -ms-flex: 0 0 100%; 4424 flex: 0 0 100%; 4425 max-width: 100%; 4426 } 4427 } 4428 4429 .alignnone, 4430 .aligncenter { 4431 margin-bottom: 4rem; 4432 margin-top: 4rem; 4433 } 4434 4435 .alignwide, 4436 .alignfull { 4437 margin-bottom: 6rem; 4438 margin-top: 6rem; 4439 } 4440 4441 .alignleft { 4442 margin: 0.5rem 0 2.5rem 2.5rem; 4443 } 4444 4445 .alignright { 4446 margin: 0.5rem 2.5rem 2.5rem 0; 4447 } 4448 4449 @media only screen and (min-width: 1400px) { 4450 .entry-content .alignwide { 4451 margin-right: -2rem; 4452 margin-left: -2rem; 4453 } 4454 } 4455 4456 .alignfull>figcaption, 4457 .alignfull>.wp-caption-text { 4458 width: calc(100% - 8rem); 4459 } 4460 4461 .entry-meta { 4462 display: flex; 4463 flex-wrap: wrap; 4464 align-items: center; 4465 font-size: 1.2rem; 4466 text-transform: uppercase; 4467 } 4468 4469 .entry-meta-center { 4470 justify-content: center; 4471 } 4472 4473 .entry-meta a { 4474 text-decoration: none; 4475 } 4476 4477 .entry-meta-item, 4478 .entry-meta .cat-links a { 4479 position: relative; 4480 } 4481 4482 .cat-links { 4483 display: flex; 4484 align-items: center; 4485 flex-wrap: wrap; 4486 } 4487 4488 .entry-meta .cat-links a { 4489 display: inline; 4490 background-repeat: no-repeat; 4491 background-size: 100% 100%; 4492 padding-left: 1rem; 4493 margin-left: 0.5rem; 4494 } 4495 4496 .entry-meta .cat-links a:hover:not(.entry-meta .cat-links a:first-child) { 4497 opacity: 0.6; 4498 } 4499 4500 .entry-meta .cat-links a::before, 4501 .entry-meta-item::before { 4502 position: absolute; 4503 content: "/"; 4504 top: 50%; 4505 transform: translateY(-50%); 4506 left: 0; 4507 font-weight: 600; 4508 color: #000; 4509 } 4510 4511 .entry-meta .cat-links a:last-child { 4512 margin-left: 0; 4513 padding-left: 0; 4514 } 4515 4516 .entry-meta .cat-links a:last-child::before { 4517 display: none; 4518 } 4519 4520 .entry-meta .cat-links a:first-child { 4521 color: var(--global-color); 4522 } 4523 4524 .entry-meta .cat-links a:first-child:hover, 4525 .entry-meta .cat-links a:first-child:focus { 4526 color: #000; 4527 } 4528 4529 .entry-meta .entry-meta-item { 4530 margin: 0 0 1rem 1rem; 4531 padding-left: 1.5rem; 4532 } 4533 4534 .entry-meta .entry-meta-item:last-child { 4535 margin-left: 0; 4536 padding-left: 0; 4537 } 4538 4539 .entry-meta .entry-meta-item:last-child::before { 4540 display: none; 4541 } 4542 4543 .entry-meta-left .entry-meta-avatar { 4544 width: 40px; 4545 border-radius: 50%; 4546 margin-bottom: 0; 4547 margin-left: 1rem; 4548 overflow: hidden; 4549 } 4550 4551 .entry-meta .entry-meta-right .entry-meta-item { 4552 font-size: 1.4rem; 4553 line-height: 1.5; 4554 margin-bottom: 0; 4555 } 4556 4557 .entry-meta-wrapper { 4558 align-items: center; 4559 display: flex; 4560 flex-wrap: nowrap; 4561 } 4562 4563 .entry-meta-item .entry-meta-icon { 4564 margin-left: 1rem; 4565 } 4566 4567 .entry-meta-label { 4568 margin-left: 5px; 4569 } 4570 4571 .post-navigation { 4572 border-style: solid; 4573 border-width: 0.1rem 0; 4574 } 4575 4576 .post-navigation .nav-links { 4577 display: flex; 4578 } 4579 4580 .post-navigation .nav-links>div+div { 4581 margin-top: 1rem; 4582 } 4583 4584 .post-navigation span.post-title { 4585 word-break: break-all; 4586 } 4587 4588 .post-navigation a { 4589 align-items: baseline; 4590 display: flex; 4591 text-decoration: none; 4592 } 4593 4594 .post-navigation .arrow { 4595 margin-left: 1rem; 4596 } 4597 4598 @media (max-width: 767px) { 4599 .post-navigation .nav-links { 4600 display: block; 4601 } 4602 4603 .navigation-wrapper .post-navigation .nav-links>div { 4604 max-width: 100%; 4605 margin: 2rem 0; 4606 } 4607 } 4608 4609 /* article wrapper */ 4610 .post-thumbnail, 4611 .theme-article-image, 4612 .entry-thumbnail { 4613 position: relative; 4614 overflow: hidden; 4615 } 4616 4617 .entry-thumbnail img { 4618 object-fit: cover; 4619 } 4620 4621 .site-content .article-wraper-archive { 4622 display: grid; 4623 gap: 20px; 4624 } 4625 4626 .site-content .article-wraper-archive .theme-article-post { 4936 4627 position: relative; 4937 4628 width: 100%; 4938 padding-right: 10px; 4939 padding-left: 10px; 4629 overflow: hidden; 4630 word-wrap: break-word; 4631 hyphens: auto; 4632 box-shadow: 0 10px 24px rgba(1, 15, 28, 0.05); 4633 padding: 10px; 4634 background: #ffffff; 4635 border: 1px solid #ededed; 4636 } 4637 4638 .site-content .content-area .theme-article-image { 4639 margin-bottom: 2rem; 4640 } 4641 4642 .theme-btn-link { 4643 border: 1px solid var(--global-color); 4644 padding: 10px; 4645 box-shadow: -2px 4px 11px #00000029; 4646 border-radius: 7px; 4647 } 4648 4649 .site-content .theme-article-post .cat-links { 4650 text-transform: capitalize; 4651 font-size: 14px; 4652 } 4653 4654 .site-content .theme-article-post .entry-title { 4655 font-size: 21px; 4656 line-height: 27px; 4657 } 4658 4659 .site-content .theme-article-post .entry-content p { 4660 word-wrap: break-word; 4661 font-size: 16px; 4662 font-weight: 500; 4663 } 4664 4665 .site-content .nav-links { 4666 width: 100%; 4667 } 4668 4669 .archive-main-block .column-row { 4670 row-gap: 30px; 4671 } 4672 4673 .site-content .theme-article-details { 4940 4674 margin-bottom: 20px; 4941 } 4675 } 4676 4677 @media screen and (min-width: 600px) and (max-width: 1200px) { 4678 .site-content .article-wraper-archive { 4679 grid-template-columns: repeat(2, 1fr) !important; 4680 } 4681 } 4682 4683 /* SINGLE PAGINATION */ 4684 .post-navigation { 4685 font-size: 1.8rem; 4686 padding: 3.5rem 0; 4687 margin-bottom: 5rem; 4688 margin-top: 5rem; 4689 } 4690 4691 @media (max-width: 1024px) { 4692 .post-navigation { 4693 margin-bottom: 3rem; 4694 } 4695 } 4696 4697 .post-navigation .nav-links { 4698 flex-direction: row; 4699 justify-content: space-between; 4700 } 4701 4702 .post-navigation .nav-links>div { 4703 max-width: calc(50% - 2rem); 4704 } 4705 4706 .post-navigation .nav-links>div+div { 4707 margin: 0 4rem 0 0; 4708 } 4709 4710 .post-navigation .arrow { 4711 margin: 0 0 0 2rem; 4712 } 4713 4714 .post-navigation .nav-next:only-child { 4715 margin-right: auto; 4716 } 4717 4718 .post-navigation .nav-next a { 4719 flex-direction: row-reverse; 4720 text-align: left; 4721 } 4722 4723 .post-navigation .nav-next .arrow { 4724 margin: 0 2rem 0 0; 4725 } 4726 4727 .theme-ajax-post-load { 4728 display: flex; 4729 align-items: center; 4730 justify-content: center; 4731 margin-bottom: 6rem; 4732 } 4733 4734 .pagination { 4735 margin-top: 3.25rem; 4736 margin-bottom: 3.25rem; 4737 text-align: center; 4738 } 4739 4740 .pagination a { 4741 color: inherit; 4742 } 4743 4744 .pagination .page-numbers { 4745 display: inline-block; 4746 margin-left: 1.25em; 4747 color: #abadaf; 4748 } 4749 4750 .pagination .page-numbers.current { 4751 color: #161719; 4752 } 4753 4754 .pagination .page-numbers:last-child { 4755 margin-left: 0; 4756 } 4757 4758 @media only screen and (min-width: 600px) { 4759 4760 .pagination .prev:after, 4761 .pagination .next:before { 4762 position: relative; 4763 display: inline-block; 4764 width: 2.25rem; 4765 height: 1px; 4766 content: ""; 4767 vertical-align: middle; 4768 background-color: #eaebee; 4769 } 4770 4771 .pagination .prev:after { 4772 margin-right: 1.25em; 4773 } 4774 4775 .pagination .next:before { 4776 margin-left: 1.25em; 4777 } 4778 } 4779 4780 /*-------------------------------------------------------------- 4781 ## Comments 4782 --------------------------------------------------------------*/ 4783 4784 #comments ol.children img { 4785 width: 30px; 4786 } 4787 4788 #comments ol { 4789 list-style: none; 4790 padding-right: 0; 4791 } 4792 4793 #comments { 4794 margin-top: 30px; 4795 } 4796 4797 #comments h2.comments-title { 4798 font-size: 20px; 4799 font-weight: bold; 4800 padding: 20px 0; 4801 margin-bottom: 10px; 4802 } 4803 4804 #comments h3.comment-reply-title { 4805 font-size: 20px; 4806 font-weight: bold; 4807 clear: both; 4808 } 4809 4810 #comments input[type="text"], 4811 #comments input[type="email"], 4812 #comments textarea { 4813 width: 100%; 4814 padding: 12px 10px; 4815 font-size: 18px; 4816 margin: 20px 0 0 0; 4817 } 4818 4819 #comments input[type="submit"].submit { 4820 background: var(--global-color); 4821 color: #fff; 4822 padding: 15px; 4823 font-weight: bold; 4824 font-size: 12px; 4825 letter-spacing: 2px; 4826 } 4827 4828 #comments a.comment-reply-link { 4829 color: #fff; 4830 background: var(--global-color); 4831 padding: 5px 15px; 4832 } 4833 4834 #comments a.comment-reply-link:hover { 4835 background: #ddd; 4836 color: #000; 4837 } 4838 4839 #comments a time { 4840 color: #000; 4841 font-weight: bold; 4842 font-size: 12px; 4843 } 4844 4845 #comments ol li { 4846 width: 100%; 4847 list-style: none; 4848 margin: 0 0 20px; 4849 padding: 20px; 4850 background: #f5f5f5; 4851 display: inline-block; 4852 border: 1px solid #d6d6d6; 4853 } 4854 4855 #comments ul { 4856 margin: 0 40px 0 0; 4857 } 4858 4859 #comments .reply { 4860 float: left; 4861 } 4862 4863 #comments .comment-metadata { 4864 width: 90%; 4865 float: right; 4866 padding: 1% 0 0 0; 4867 } 4868 4869 #comments .comment-content { 4870 width: 90%; 4871 float: right; 4872 margin-right: 0; 4873 } 4874 4875 #comments p { 4876 width: 100%; 4877 float: right; 4878 } 4879 4880 /*----------single-post-comments---------*/ 4881 .comments .comment-author, 4882 .comment-author.vcard { 4883 width: 50%; 4884 float: right; 4885 } 4886 4887 .comment-meta.commentmetadata { 4888 float: left; 4889 width: 50%; 4890 text-align: left; 4891 } 4892 4893 .comments p { 4894 width: 90%; 4895 float: right; 4896 } 4897 4898 .comments .reply { 4899 float: right; 4900 } 4901 4902 .reply { 4903 margin-bottom: 15px; 4904 width: 100%; 4905 float: right; 4906 } 4907 4908 p.comment-form-comment label { 4909 display: block; 4910 } 4911 4912 /*-------------------------------------------------------------- 4913 # Infinite scroll 4914 --------------------------------------------------------------*/ 4915 .infinite-scroll .posts-navigation, 4916 .infinite-scroll.neverending .site-footer { 4917 /* Theme Footer (when set to scrolling) */ 4918 display: none; 4919 } 4920 4921 .infinity-end.neverending .site-footer { 4922 display: block; 4923 } 4924 4925 /*-------------------------------------------------------------- 4926 # Media 4927 --------------------------------------------------------------*/ 4928 .page-content .wp-smiley, 4929 .entry-content .wp-smiley, 4930 .comment-content .wp-smiley { 4931 border: none; 4932 margin-bottom: 0; 4933 margin-top: 0; 4934 padding: 0; 4935 } 4936 4937 embed, 4938 iframe, 4939 object { 4940 max-width: 100%; 4941 } 4942 4943 .wp-custom-logo .site-logo { 4944 margin: 0; 4945 } 4946 4947 @media (max-width: 575px) { 4948 .wp-custom-logo .site-logo .custom-logo-link { 4949 max-width: 200px; 4950 margin: 0 auto; 4951 } 4952 } 4953 4954 .custom-logo-link { 4955 display: block; 4956 margin-bottom: 1.5rem; 4957 } 4958 4959 /*-------------------------------------------------------------- 4960 ## Captions 4961 --------------------------------------------------------------*/ 4962 .wp-caption { 4963 margin: 1em 0 1.5em; 4964 max-width: 100%; 4965 } 4966 4967 .wp-caption img[class*="wp-image-"] { 4968 display: block; 4969 margin-right: auto; 4970 margin-left: auto; 4971 } 4972 4973 .wp-caption .wp-caption-text { 4974 margin: 0.8075em 0; 4975 } 4976 4977 .wp-caption.aligncenter { 4978 margin-right: auto; 4979 margin-left: auto; 4980 } 4981 4982 .wp-caption.alignleft { 4983 margin-left: 20px; 4984 } 4985 4986 .wp-caption.alignright { 4987 margin-right: 20px; 4988 } 4989 4990 .wp-caption-text { 4991 text-align: center; 4992 } 4993 4994 /*-------------------------------------------------------------- 4995 ## Galleries 4996 --------------------------------------------------------------*/ 4997 .gallery { 4998 margin-bottom: 1.5rem; 4942 4999 } 4943 5000 4944 5001 @media (min-width: 600px) { 4945 .gallery-columns-4 .gallery-item { 4946 max-width: 25%; 4947 position: relative; 5002 5003 div[class^="gallery-columns-"], 5004 div[class*=" gallery-columns-"] { 5005 display: -webkit-box; 5006 display: -ms-flexbox; 5007 display: flex; 5008 -ms-flex-wrap: wrap; 5009 flex-wrap: wrap; 5010 margin-right: -10px; 5011 margin-left: -10px; 5012 } 5013 } 5014 5015 .gallery-item { 5016 display: inline-block; 5017 text-align: center; 5018 vertical-align: top; 4948 5019 width: 100%; 4949 padding-right: 10px;4950 padding-left: 10px;4951 margin-bottom: 20px;4952 }4953 5020 } 4954 5021 4955 5022 @media (min-width: 600px) { 4956 .gallery-columns-5.gallery-item {4957 max-width: 20%;4958 position: relative;4959 width: 100%;4960 padding-right: 10px;4961 padding-left: 10px;4962 margin-bottom: 20px;4963 }5023 .gallery-columns-2 .gallery-item { 5024 max-width: 50%; 5025 position: relative; 5026 width: 100%; 5027 padding-right: 10px; 5028 padding-left: 10px; 5029 margin-bottom: 20px; 5030 } 4964 5031 } 4965 5032 4966 5033 @media (min-width: 600px) { 4967 .gallery-columns-6.gallery-item {4968 max-width: 16.66%;4969 position: relative;4970 width: 100%;4971 padding-right: 10px;4972 padding-left: 10px;4973 margin-bottom: 20px;4974 }5034 .gallery-columns-3 .gallery-item { 5035 max-width: 33.33%; 5036 position: relative; 5037 width: 100%; 5038 padding-right: 10px; 5039 padding-left: 10px; 5040 margin-bottom: 20px; 5041 } 4975 5042 } 4976 5043 4977 5044 @media (min-width: 600px) { 4978 .gallery-columns-7.gallery-item {4979 max-width: 14.28%;4980 position: relative;4981 width: 100%;4982 padding-right: 10px;4983 padding-left: 10px;4984 margin-bottom: 20px;4985 }5045 .gallery-columns-4 .gallery-item { 5046 max-width: 25%; 5047 position: relative; 5048 width: 100%; 5049 padding-right: 10px; 5050 padding-left: 10px; 5051 margin-bottom: 20px; 5052 } 4986 5053 } 4987 5054 4988 5055 @media (min-width: 600px) { 4989 .gallery-columns-8.gallery-item {4990 max-width: 12.5%;4991 position: relative;4992 width: 100%;4993 padding-right: 10px;4994 padding-left: 10px;4995 margin-bottom: 20px;4996 }5056 .gallery-columns-5 .gallery-item { 5057 max-width: 20%; 5058 position: relative; 5059 width: 100%; 5060 padding-right: 10px; 5061 padding-left: 10px; 5062 margin-bottom: 20px; 5063 } 4997 5064 } 4998 5065 4999 5066 @media (min-width: 600px) { 5000 .gallery-columns-9 .gallery-item { 5001 max-width: 11.11%; 5002 position: relative; 5003 width: 100%; 5004 padding-right: 10px; 5005 padding-left: 10px; 5006 margin-bottom: 20px; 5007 } 5067 .gallery-columns-6 .gallery-item { 5068 max-width: 16.66%; 5069 position: relative; 5070 width: 100%; 5071 padding-right: 10px; 5072 padding-left: 10px; 5073 margin-bottom: 20px; 5074 } 5075 } 5076 5077 @media (min-width: 600px) { 5078 .gallery-columns-7 .gallery-item { 5079 max-width: 14.28%; 5080 position: relative; 5081 width: 100%; 5082 padding-right: 10px; 5083 padding-left: 10px; 5084 margin-bottom: 20px; 5085 } 5086 } 5087 5088 @media (min-width: 600px) { 5089 .gallery-columns-8 .gallery-item { 5090 max-width: 12.5%; 5091 position: relative; 5092 width: 100%; 5093 padding-right: 10px; 5094 padding-left: 10px; 5095 margin-bottom: 20px; 5096 } 5097 } 5098 5099 @media (min-width: 600px) { 5100 .gallery-columns-9 .gallery-item { 5101 max-width: 11.11%; 5102 position: relative; 5103 width: 100%; 5104 padding-right: 10px; 5105 padding-left: 10px; 5106 margin-bottom: 20px; 5107 } 5008 5108 } 5009 5109 5010 5110 .gallery-caption { 5011 display: block; 5012 } 5013 5111 display: block; 5112 } 5014 5113 5015 5114 /*-------------------------------------------------------------- 5016 5115 ## Footer 5017 5116 --------------------------------------------------------------*/ 5018 5019 5117 .footer-widgetarea { 5020 border-top: 1px solid;5021 padding-bottom: 5rem;5022 padding-top: 7.5rem;5118 border-top: 1px solid; 5119 padding-bottom: 5rem; 5120 padding-top: 7.5rem; 5023 5121 } 5024 5122 5025 5123 .site-info { 5026 border-top: 1px solid;5027 padding: 6rem 0;5028 font-size: 1.6rem;5029 font-weight: 300;5124 border-top: 1px solid; 5125 padding: 6rem 0; 5126 font-size: 1.6rem; 5127 font-weight: 300; 5030 5128 } 5031 5129 5032 5130 .footer-credits { 5033 align-items: baseline;5034 display: flex;5035 flex-shrink: 0;5036 justify-content: flex-start;5131 align-items: baseline; 5132 display: flex; 5133 flex-shrink: 0; 5134 justify-content: flex-start; 5037 5135 } 5038 5136 5039 5137 .footer-credits a { 5040 text-decoration: underline;5138 text-decoration: underline; 5041 5139 } 5042 5140 5043 5141 .footer-copyright, 5044 5142 a.to-the-top { 5045 color: #222222;5046 font-weight: 400;5143 color: #222222; 5144 font-weight: 400; 5047 5145 } 5048 5146 5049 5147 @media only screen and (max-width: 767px) { 5050 .footer-widgetarea {5051 padding-bottom: 3rem;5052 padding-top: 3rem;5053 }5054 .site-info { 5055 padding: 3rem 0;5056 }5057 }5058 5148 .footer-widgetarea { 5149 padding-bottom: 3rem; 5150 padding-top: 3rem; 5151 } 5152 5153 .site-info { 5154 padding: 3rem 0; 5155 } 5156 } 5059 5157 5060 5158 /*-------------------------------------------------------------- … … 5063 5161 5064 5162 .wp-block-gallery.columns-1 { 5065 display: block;5163 display: block; 5066 5164 } 5067 5165 … … 5069 5167 .wp-block-gallery .blocks-gallery-grid, 5070 5168 .wp-block-gallery { 5071 list-style: none;5072 padding: 0;5073 margin: 0 auto;5169 list-style: none; 5170 padding: 0; 5171 margin: 0 auto; 5074 5172 } 5075 5173 5076 5174 .featured-banner-media img { 5077 width: 100vmax;5078 z-index: -1;5079 position: absolute;5080 top: 0;5081 right: 50%;5082 transform: translate(50%, 0);5083 pointer-events: none;5175 width: 100vmax; 5176 z-index: -1; 5177 position: absolute; 5178 top: 0; 5179 right: 50%; 5180 transform: translate(50%, 0); 5181 pointer-events: none; 5084 5182 } 5085 5183 … … 5095 5193 .site-content .widget-area, 5096 5194 .widget-title, 5097 .widget_block .wp-block-group > .wp-block-group__inner-container >h2,5195 .widget_block .wp-block-group>.wp-block-group__inner-container>h2, 5098 5196 input[type="text"], 5099 5197 input[type="password"], … … 5111 5209 input[type="color"], 5112 5210 textarea { 5113 border-color: #ededed;5211 border-color: #ededed; 5114 5212 } 5115 5213 … … 5118 5216 body.hide-comment-rating .comments-rating, 5119 5217 body.hide-comment-rating .tpk-star-rating { 5120 display: none; 5121 } 5122 5218 display: none; 5219 } 5123 5220 5124 5221 /*-------------------------------------------------------------- 5125 5222 ## Plugin Support 5126 5223 --------------------------------------------------------------*/ 5127 5128 5224 .elementor-html .preloader { 5129 display: none;5225 display: none; 5130 5226 } 5131 5227 5132 5228 .offcanvas-wraper, 5133 5229 .header-searchbar-inner { 5134 background: #ffffff;5230 background: #ffffff; 5135 5231 } 5136 5232 … … 5140 5236 #comments p.logged-in-as, 5141 5237 #comments p.must-log-in { 5142 font-size: 95%; 5143 line-height: 1.8; 5144 } 5145 5238 font-size: 95%; 5239 line-height: 1.8; 5240 } 5146 5241 5147 5242 /*-------------------------------------------------------------- 5148 5243 ##Back to top 5149 5244 --------------------------------------------------------------*/ 5150 5151 5245 .align-text-right { 5152 text-align: left;5153 } 5154 5155 .to-the-top >* {5156 pointer-events: none;5246 text-align: left; 5247 } 5248 5249 .to-the-top>* { 5250 pointer-events: none; 5157 5251 } 5158 5252 5159 5253 .theme-article-post .entry-footer { 5160 display: flex;5161 align-items: center;5162 justify-content: space-between;5163 flex-wrap: wrap;5164 margin-bottom: 3rem;5165 width: 100%;5254 display: flex; 5255 align-items: center; 5256 justify-content: space-between; 5257 flex-wrap: wrap; 5258 margin-bottom: 3rem; 5259 width: 100%; 5166 5260 } 5167 5261 5168 5262 .theme-custom-block { 5169 position: relative;5263 position: relative; 5170 5264 } 5171 5265 5172 5266 .theme-product-block { 5173 padding: 50px 0;5174 position: relative;5267 padding: 50px 0; 5268 position: relative; 5175 5269 } 5176 5270 5177 5271 .theme-product-block .owl-nav, 5178 5272 .theme-product-block .owl-dots { 5179 display: none;5273 display: none; 5180 5274 } 5181 5275 5182 5276 .theme-banner-block .theme-article-post { 5183 position: relative;5184 margin: 0;5185 padding: 0;5186 overflow: hidden;5277 position: relative; 5278 margin: 0; 5279 padding: 0; 5280 overflow: hidden; 5187 5281 } 5188 5282 5189 5283 .theme-custom-block.theme-error-section.error-block-heading { 5190 margin-bottom: 0;5191 margin-top: 6rem;5192 padding-top: 6rem;5284 margin-bottom: 0; 5285 margin-top: 6rem; 5286 padding-top: 6rem; 5193 5287 } 5194 5288 5195 5289 .theme-area-header { 5196 display: -webkit-box;5197 display: -ms-flexbox;5198 display: flex;5199 -ms-flex-pack: justify;5200 justify-content: space-between;5201 -ms-flex-align: center;5202 align-items: center;5203 margin-bottom: 6rem;5290 display: -webkit-box; 5291 display: -ms-flexbox; 5292 display: flex; 5293 -ms-flex-pack: justify; 5294 justify-content: space-between; 5295 -ms-flex-align: center; 5296 align-items: center; 5297 margin-bottom: 6rem; 5204 5298 } 5205 5299 5206 5300 @media (max-width: 991px) { 5207 .theme-area-header {5208 flex-direction: column;5209 align-items: flex-start;5210 }5301 .theme-area-header { 5302 flex-direction: column; 5303 align-items: flex-start; 5304 } 5211 5305 } 5212 5306 5213 5307 .theme-area-headlines { 5214 display: flex;5215 align-items: center;5308 display: flex; 5309 align-items: center; 5216 5310 } 5217 5311 5218 5312 @media (max-width: 991px) { 5219 .theme-area-headlines { 5313 .theme-area-headlines { 5314 margin-bottom: 2rem; 5315 flex-direction: column; 5316 width: 100%; 5317 } 5318 } 5319 5320 .theme-area-headlines .theme-area-title { 5321 font-size: 4.4rem; 5322 margin-bottom: 0; 5323 } 5324 5325 @media (max-width: 991px) { 5326 .theme-area-headlines .theme-area-title { 5327 margin-bottom: 1rem; 5328 } 5329 } 5330 5331 @media (max-width: 575px) { 5332 .theme-area-headlines .theme-area-title { 5333 font-size: 3rem; 5334 } 5335 5336 .theme-product-block h3 { 5337 margin-bottom: 15px; 5338 } 5339 5340 .header-navbar { 5341 justify-content: center; 5342 } 5343 } 5344 5345 .theme-animated-line { 5346 width: 30rem; 5347 height: 2px; 5348 background: transparent; 5349 position: relative; 5350 } 5351 5352 .theme-animated-line::before { 5353 content: ""; 5354 position: absolute; 5355 top: 0; 5356 right: 0; 5357 width: 10rem; 5358 height: 100%; 5359 background: #000; 5360 animation: animate 5s linear infinite; 5361 } 5362 5363 @keyframes animate { 5364 0% { 5365 right: 0; 5366 } 5367 5368 50% { 5369 right: 100%; 5370 } 5371 5372 0% { 5373 right: 0; 5374 } 5375 } 5376 5377 @media (max-width: 991px) { 5378 @keyframes animate { 5379 0% { 5380 right: 0; 5381 } 5382 5383 50% { 5384 right: 67%; 5385 } 5386 5387 0% { 5388 right: 0; 5389 } 5390 } 5391 } 5392 5393 .theme-carousel-control { 5394 display: -ms-flexbox; 5395 display: flex; 5396 -ms-flex-align: center; 5397 align-items: center; 5398 margin-right: auto; 5399 } 5400 5401 @media (max-width: 991px) { 5402 .theme-carousel-control { 5403 margin-left: auto; 5404 } 5405 } 5406 5407 .featured-categories-block .theme-carousel-control { 5408 justify-content: center; 5409 } 5410 5411 .theme-carousel-control .svg-icon { 5412 width: 32px; 5413 height: 32px; 5414 } 5415 5416 .theme-related-block { 5417 margin-top: 2rem; 5418 padding-top: 2rem; 5419 } 5420 5421 .related-posts .related-post-item { 5220 5422 margin-bottom: 2rem; 5221 flex-direction: column; 5222 width: 100%; 5223 } 5224 } 5225 5226 .theme-area-headlines .theme-area-title { 5227 font-size: 4.4rem; 5228 margin-bottom: 0; 5423 padding-bottom: 2rem; 5229 5424 } 5230 5425 5231 5426 @media (max-width: 991px) { 5232 .theme-area-headlines .theme-area-title { 5233 margin-bottom: 1rem; 5234 } 5235 } 5236 5237 @media (max-width: 575px) { 5238 .theme-area-headlines .theme-area-title { 5239 font-size: 3rem; 5240 } 5241 .theme-product-block h3 { 5242 margin-bottom: 15px; 5243 } 5244 .header-navbar { 5245 justify-content: center; 5246 } 5247 } 5248 5249 .theme-animated-line { 5250 width: 30rem; 5251 height: 2px; 5252 background: transparent; 5253 position: relative; 5254 } 5255 5256 .theme-animated-line::before { 5257 content: ""; 5258 position: absolute; 5259 top: 0; 5260 right: 0; 5261 width: 10rem; 5262 height: 100%; 5263 background: #000; 5264 animation: animate 5s linear infinite; 5265 } 5266 5267 @keyframes animate { 5268 0% { 5269 right: 0; 5270 } 5271 50% { 5272 right: 100%; 5273 } 5274 0% { 5275 right: 0; 5276 } 5277 } 5278 5279 @media (max-width: 991px) { 5280 @keyframes animate { 5281 0% { 5282 right: 0; 5283 } 5284 50% { 5285 right: 67%; 5286 } 5287 0% { 5288 right: 0; 5289 } 5290 } 5291 } 5292 5293 .theme-carousel-control { 5294 display: -ms-flexbox; 5295 display: flex; 5296 -ms-flex-align: center; 5297 align-items: center; 5298 margin-right: auto; 5299 } 5300 5301 @media (max-width: 991px) { 5302 .theme-carousel-control { 5303 margin-left: auto; 5304 } 5305 } 5306 5307 .featured-categories-block .theme-carousel-control { 5308 justify-content: center; 5309 } 5310 5311 .theme-carousel-control .svg-icon { 5312 width: 32px; 5313 height: 32px; 5314 } 5315 5316 .theme-related-block { 5317 margin-top: 2rem; 5318 padding-top: 2rem; 5319 } 5320 5321 .related-posts .related-post-item { 5322 margin-bottom: 2rem; 5323 padding-bottom: 2rem; 5324 } 5325 5326 @media (max-width: 991px) { 5327 .theme-related-block .related-posts .post-thumbnail { 5328 margin-bottom: 2rem; 5329 } 5330 } 5331 5427 .theme-related-block .related-posts .post-thumbnail { 5428 margin-bottom: 2rem; 5429 } 5430 } 5332 5431 5333 5432 /* ----------------------------------------------------------------- 5334 5433 - Carousel horizontal 5335 5434 ----------------------------------------------------------------- */ 5336 5337 5435 .main-carousel-item { 5338 pointer-events: none;5339 width: 670px;5436 pointer-events: none; 5437 width: 670px; 5340 5438 } 5341 5439 5342 5440 @media only screen and (max-height: 900px) { 5343 .main-carousel-item {5344 width: 670px;5345 }5441 .main-carousel-item { 5442 width: 670px; 5443 } 5346 5444 } 5347 5445 5348 5446 @media only screen and (max-width: 768px) { 5349 .main-carousel-item {5350 width: 580px;5351 }5447 .main-carousel-item { 5448 width: 580px; 5449 } 5352 5450 } 5353 5451 5354 5452 @media only screen and (max-width: 580px) { 5355 .main-carousel-item {5356 margin-top: 2rem;5357 width: 100%;5358 }5453 .main-carousel-item { 5454 margin-top: 2rem; 5455 width: 100%; 5456 } 5359 5457 } 5360 5458 5361 5459 @media screen and (min-width: 1500px) { 5362 .main-carousel-item {5363 width: 1100px;5364 }5460 .main-carousel-item { 5461 width: 1100px; 5462 } 5365 5463 } 5366 5464 5367 5465 .theme-main-carousel .swiper-slide-active { 5368 pointer-events: all;5466 pointer-events: all; 5369 5467 } 5370 5468 5371 5469 @-webkit-keyframes reveal-carousel-primary { 5372 100% {5373 transform: translateX(-100%);5374 }5470 100% { 5471 transform: translateX(-100%); 5472 } 5375 5473 } 5376 5474 5377 5475 @keyframes reveal-carousel-primary { 5378 100% {5379 transform: translateX(-100%);5380 }5476 100% { 5477 transform: translateX(-100%); 5478 } 5381 5479 } 5382 5480 5383 5481 @-webkit-keyframes reveal-carousel-secondary { 5384 0% { 5385 transform: translateX(100%); 5386 } 5387 50% { 5482 0% { 5483 transform: translateX(100%); 5484 } 5485 5486 50% { 5487 transform: translateX(0); 5488 } 5489 5490 100% { 5491 transform: translateX(-100%); 5492 } 5493 } 5494 5495 @keyframes reveal-carousel-secondary { 5496 0% { 5497 transform: translateX(100%); 5498 } 5499 5500 50% { 5501 transform: translateX(0); 5502 } 5503 5504 100% { 5505 transform: translateX(-100%); 5506 } 5507 } 5508 5509 @-webkit-keyframes reveal-carousel-tertiary { 5510 0% { 5511 transform: translateX(100%); 5512 } 5513 5514 50% { 5515 transform: translateX(0); 5516 } 5517 5518 100% { 5519 transform: translateX(-100%); 5520 } 5521 } 5522 5523 @keyframes reveal-carousel-tertiary { 5524 0% { 5525 transform: translateX(100%); 5526 } 5527 5528 50% { 5529 transform: translateX(0); 5530 } 5531 5532 100% { 5533 transform: translateX(-100%); 5534 } 5535 } 5536 5537 @media (max-width: 767px) { 5538 .image-main-box:after { 5539 display: none; 5540 } 5541 } 5542 5543 @media (max-width: 575px) { 5544 5545 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail, 5546 .main-carousel-caption { 5547 width: 100%; 5548 } 5549 5550 .theme-banner-block .theme-article-post { 5551 display: block; 5552 } 5553 5554 .page-template-frontpage header#site-header { 5555 position: static; 5556 } 5557 5558 .main-carousel-caption .post-content { 5559 position: relative; 5560 } 5561 5562 .main-slider { 5563 position: relative; 5564 } 5565 5566 .theme-main-carousel .entry-content { 5567 display: none; 5568 } 5569 5570 .swiper-slide .post-content h2 a { 5571 font-size: 30px; 5572 } 5573 5574 .image-main-box { 5575 width: 100%; 5576 } 5577 5578 .right-box .image-main-box .data-bg-large { 5579 width: 260px; 5580 right: 0px; 5581 } 5582 5583 .right-box { 5584 margin-top: 20px; 5585 } 5586 5587 .image-main-box:after { 5588 display: none; 5589 } 5590 5591 .image-main-box { 5592 height: 265px; 5593 } 5594 } 5595 5596 .theme-main-carousel .swiper-slide-active .main-carousel-caption { 5388 5597 transform: translateX(0); 5389 } 5390 100% { 5391 transform: translateX(-100%); 5392 } 5393 } 5394 5395 @keyframes reveal-carousel-secondary { 5396 0% { 5397 transform: translateX(100%); 5398 } 5399 50% { 5400 transform: translateX(0); 5401 } 5402 100% { 5403 transform: translateX(-100%); 5404 } 5405 } 5406 5407 @-webkit-keyframes reveal-carousel-tertiary { 5408 0% { 5409 transform: translateX(100%); 5410 } 5411 50% { 5412 transform: translateX(0); 5413 } 5414 100% { 5415 transform: translateX(-100%); 5416 } 5417 } 5418 5419 @keyframes reveal-carousel-tertiary { 5420 0% { 5421 transform: translateX(100%); 5422 } 5423 50% { 5424 transform: translateX(0); 5425 } 5426 100% { 5427 transform: translateX(-100%); 5428 } 5429 } 5430 5431 @media (max-width: 767px) { 5432 .image-main-box:after { 5433 display: none; 5434 } 5435 } 5436 5437 @media (max-width: 575px) { 5438 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail, 5439 .main-carousel-caption { 5440 width: 100%; 5441 } 5442 .theme-banner-block .theme-article-post { 5443 display: block; 5444 } 5445 .page-template-frontpage header#site-header { 5446 position: static; 5447 } 5448 .main-carousel-caption .post-content { 5449 position: relative; 5450 } 5451 .main-slider { 5452 position: relative; 5453 } 5454 .theme-main-carousel .entry-content { 5455 display: none; 5456 } 5457 .swiper-slide .post-content h2 a { 5458 font-size: 30px; 5459 } 5460 .image-main-box { 5461 width: 100%; 5462 } 5463 .right-box .image-main-box .data-bg-large { 5464 width: 260px; 5465 right: 0px; 5466 } 5467 .right-box { 5468 margin-top: 20px; 5469 } 5470 .image-main-box:after { 5471 display: none; 5472 } 5473 .image-main-box { 5474 height: 265px; 5475 } 5476 } 5477 5478 .theme-main-carousel .swiper-slide-active .main-carousel-caption { 5479 transform: translateX(0); 5480 transition: 1s cubic-bezier(0.54, 0.13, 0.35, 0.82); 5598 transition: 1s cubic-bezier(0.54, 0.13, 0.35, 0.82); 5481 5599 } 5482 5600 5483 5601 .theme-main-carousel .swiper-button-prev svg, 5484 5602 .theme-main-carousel .swiper-button-next svg { 5485 display: block;5486 fill: none;5487 stroke: currentColor;5488 stroke-miterlimit: 10;5603 display: block; 5604 fill: none; 5605 stroke: currentColor; 5606 stroke-miterlimit: 10; 5489 5607 } 5490 5608 5491 5609 .theme-main-carousel svg polyline, 5492 5610 .theme-main-carousel svg line { 5493 fill: none;5494 stroke: currentColor;5495 stroke-miterlimit: 10;5496 stroke-dasharray: 60;5497 stroke-dashoffset: 0;5498 transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1);5611 fill: none; 5612 stroke: currentColor; 5613 stroke-miterlimit: 10; 5614 stroke-dasharray: 60; 5615 stroke-dashoffset: 0; 5616 transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1); 5499 5617 } 5500 5618 … … 5507 5625 .theme-main-carousel .swiper-button-prev:hover svg line, 5508 5626 .theme-main-carousel .swiper-button-prev:focus svg line { 5509 stroke-dashoffset: 120;5627 stroke-dashoffset: 120; 5510 5628 } 5511 5629 5512 5630 .swiper-control, 5513 5631 .control-item { 5514 letter-spacing: 0.2rem;5515 padding: 2.2rem 2rem;5516 position: relative;5517 text-transform: uppercase;5518 transition: padding 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);5519 width: auto;5632 letter-spacing: 0.2rem; 5633 padding: 2.2rem 2rem; 5634 position: relative; 5635 text-transform: uppercase; 5636 transition: padding 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); 5637 width: auto; 5520 5638 } 5521 5639 5522 5640 :root { 5523 --global-color: #F75C4E;5524 --font-head: "Plus Jakarta Sans", sans-serif;5525 --font-main: "Plus Jakarta Sans", sans-serif;5526 --swiper-navigation-size: 2.6rem;5641 --global-color: #F75C4E; 5642 --font-head: "Plus Jakarta Sans", sans-serif; 5643 --font-main: "Plus Jakarta Sans", sans-serif; 5644 --swiper-navigation-size: 2.6rem; 5527 5645 } 5528 5646 … … 5531 5649 .swiper-button-next:after, 5532 5650 .swiper-container-rtl .swiper-button-prev:after { 5533 content: none;5651 content: none; 5534 5652 } 5535 5653 5536 5654 .swiper-control .swiper-button-prev, 5537 5655 .swiper-control .swiper-button-next { 5538 color: #000;5539 height: 100%;5540 width: auto;5656 color: #000; 5657 height: 100%; 5658 width: auto; 5541 5659 } 5542 5660 5543 5661 .theme-main-carousel .theme-carousel-control { 5544 position: relative;5545 width: 100%;5546 max-width: 11rem;5547 margin: 0 auto;5548 height: 3rem;5662 position: relative; 5663 width: 100%; 5664 max-width: 11rem; 5665 margin: 0 auto; 5666 height: 3rem; 5549 5667 } 5550 5668 … … 5553 5671 .swiper-button-next, 5554 5672 .swiper-container-rtl .swiper-button-prev { 5555 top: 50%;5556 transform: translateY(-50%);5557 margin-top: 0;5673 top: 50%; 5674 transform: translateY(-50%); 5675 margin-top: 0; 5558 5676 } 5559 5677 5560 5678 .swiper-button-prev, 5561 5679 .swiper-container-rtl .swiper-button-next { 5562 right: 0;5680 right: 0; 5563 5681 } 5564 5682 5565 5683 .swiper-button-next, 5566 5684 .swiper-container-rtl .swiper-button-prev { 5567 left: 0;5685 left: 0; 5568 5686 } 5569 5687 5570 5688 .swiper-container .swiper-pagination-progressbar { 5571 background-color: #fff;5572 position: fixed;5573 top: 0;5689 background-color: #fff; 5690 position: fixed; 5691 top: 0; 5574 5692 } 5575 5693 5576 5694 .swiper-container .swiper-pagination-progressbar-fill { 5577 background-color: #070707;5695 background-color: #070707; 5578 5696 } 5579 5697 5580 5698 .theme-post-format { 5581 display: flex;5582 align-items: center;5583 position: absolute;5584 top: 0;5585 right: 0;5586 padding: 5px 10px;5587 font-size: 12px;5588 font-weight: 600;5589 text-transform: uppercase;5590 letter-spacing: 0.1em;5591 line-height: 1;5592 z-index: 1;5699 display: flex; 5700 align-items: center; 5701 position: absolute; 5702 top: 0; 5703 right: 0; 5704 padding: 5px 10px; 5705 font-size: 12px; 5706 font-weight: 600; 5707 text-transform: uppercase; 5708 letter-spacing: 0.1em; 5709 line-height: 1; 5710 z-index: 1; 5593 5711 } 5594 5712 5595 5713 .theme-article-post .column-order-1 .theme-post-format { 5596 right: inherit;5597 left: 0;5714 right: inherit; 5715 left: 0; 5598 5716 } 5599 5717 5600 5718 .theme-post-format .post-format-icom { 5601 margin-left: 5px; 5602 } 5603 5719 margin-left: 5px; 5720 } 5604 5721 5605 5722 /* Hide JS Functionalities ------------------------ */ 5606 5607 5723 .js .show-js { 5608 display: block !important;5724 display: block !important; 5609 5725 } 5610 5726 5611 5727 .js .hide-js { 5612 display: none !important;5728 display: none !important; 5613 5729 } 5614 5730 5615 5731 .no-js .show-no-js { 5616 display: block !important;5732 display: block !important; 5617 5733 } 5618 5734 5619 5735 .no-js .hide-no-js { 5620 display: none !important;5736 display: none !important; 5621 5737 } 5622 5738 5623 5739 a:focus, 5624 5740 button:focus, 5625 .navbar-control:focus-visible >.navbar-control-trigger {5626 outline-color: #000;5741 .navbar-control:focus-visible>.navbar-control-trigger { 5742 outline-color: #000; 5627 5743 } 5628 5744 5629 5745 .theme-post-format { 5630 background-color: var(--global-color);5631 color: #000;5746 background-color: var(--global-color); 5747 color: #000; 5632 5748 } 5633 5749 5634 5750 .theme-image-responsive { 5635 display: block;5636 width: 100%;5637 height: 100%;5638 top: 0;5639 right: 0;5640 left: 0;5641 position: absolute;5642 z-index: 0;5751 display: block; 5752 width: 100%; 5753 height: 100%; 5754 top: 0; 5755 right: 0; 5756 left: 0; 5757 position: absolute; 5758 z-index: 0; 5643 5759 } 5644 5760 5645 5761 .theme-image-responsive:focus { 5646 border: 2px solid var(--global-color);5762 border: 2px solid var(--global-color); 5647 5763 } 5648 5764 5649 5765 .article-content { 5650 margin-top: 1.5rem;5766 margin-top: 1.5rem; 5651 5767 } 5652 5768 5653 5769 .article-content .category-title { 5654 font-weight: 400; 5655 } 5656 5770 font-weight: 400; 5771 } 5657 5772 5658 5773 /* categories carousel */ 5659 5660 5774 .theme-transform-zoom .data-bg { 5661 transform: scale(1);5662 transition: 0.4s ease;5775 transform: scale(1); 5776 transition: 0.4s ease; 5663 5777 } 5664 5778 5665 5779 .post-thumb-categories { 5666 overflow: hidden;5780 overflow: hidden; 5667 5781 } 5668 5782 5669 5783 .theme-transform-zoom:hover .data-bg { 5670 transform: scale(1.15);5784 transform: scale(1.15); 5671 5785 } 5672 5786 5673 5787 .theme-categories-carousel .theme-article-post { 5674 margin: 0;5675 padding: 0;5676 position: relative;5788 margin: 0; 5789 padding: 0; 5790 position: relative; 5677 5791 } 5678 5792 5679 5793 .theme-categories-carousel .article-content { 5680 transition: 0.4s ease;5681 display: -webkit-box;5682 display: -moz-box;5683 display: -ms-flexbox;5684 display: -webkit-flex;5685 display: flex;5686 -webkit-box-align: center;5687 -moz-box-align: center;5688 -ms-flex-align: center;5689 -webkit-align-items: center;5690 align-items: center;5691 justify-content: center;5692 flex-direction: column;5693 position: absolute;5694 bottom: 0;5695 background: rgb(26 77 140 / 70%);5696 right: 0;5697 left: 0;5698 padding: 15px;5794 transition: 0.4s ease; 5795 display: -webkit-box; 5796 display: -moz-box; 5797 display: -ms-flexbox; 5798 display: -webkit-flex; 5799 display: flex; 5800 -webkit-box-align: center; 5801 -moz-box-align: center; 5802 -ms-flex-align: center; 5803 -webkit-align-items: center; 5804 align-items: center; 5805 justify-content: center; 5806 flex-direction: column; 5807 position: absolute; 5808 bottom: 0; 5809 background: rgb(26 77 140 / 70%); 5810 right: 0; 5811 left: 0; 5812 padding: 15px; 5699 5813 } 5700 5814 5701 5815 .theme-categories-carousel .article-content .category-title { 5702 font-size: 2rem;5703 font-weight: 500;5704 margin-bottom: 0;5816 font-size: 2rem; 5817 font-weight: 500; 5818 margin-bottom: 0; 5705 5819 } 5706 5820 5707 5821 .theme-categories-carousel .article-content .category-title a { 5708 color: #fff !important;5822 color: #fff !important; 5709 5823 } 5710 5824 5711 5825 .woocommerce span.onsale { 5712 background-color: var(--global-color);5826 background-color: var(--global-color); 5713 5827 } 5714 5828 5715 5829 .woocommerce div.product p.price, 5716 5830 .woocommerce div.product span.price { 5717 color: var(--global-color);5831 color: var(--global-color); 5718 5832 } 5719 5833 … … 5728 5842 .products .woocommerce ul.products li.product .button, 5729 5843 .products a.added_to_cart.wc-forward { 5730 padding: 10px 25px !important;5844 padding: 10px 25px !important; 5731 5845 } 5732 5846 5733 5847 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper.tinvwl-woocommerce_after_shop_loop_item { 5734 text-align: center;5848 text-align: center; 5735 5849 } 5736 5850 5737 5851 .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width { 5738 width: auto !important;5852 width: auto !important; 5739 5853 } 5740 5854 … … 5756 5870 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, 5757 5871 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button { 5758 background-color: #fff;5759 color: #000;5760 border: solid 2px #000;5872 background-color: #fff; 5873 color: #000; 5874 border: solid 2px #000; 5761 5875 } 5762 5876 … … 5779 5893 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, 5780 5894 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover { 5781 background-color: var(--global-color);5895 background-color: var(--global-color); 5782 5896 } 5783 5897 5784 5898 @media screen and (min-width:1700px) and (max-width:1900px) { 5785 .wrapper {5786 max-width: 1520px;5787 }5899 .wrapper { 5900 max-width: 1520px; 5901 } 5788 5902 } 5789 5903 5790 5904 @media screen and (min-width:1920px) { 5791 .wrapper {5792 max-width: 1620px;5793 }5905 .wrapper { 5906 max-width: 1620px; 5907 } 5794 5908 } 5795 5909 … … 5797 5911 .site-title, 5798 5912 .site-title p { 5799 font-family: var(--font-head);5913 font-family: var(--font-head); 5800 5914 } 5801 5915 5802 5916 @media screen and (max-width:500px) { 5803 footer#site-footer .column-9, 5804 footer#site-footer .column-3 { 5917 5918 footer#site-footer .column-9, 5919 footer#site-footer .column-3 { 5920 padding: 0; 5921 } 5922 } 5923 5924 .is-large .wc-block-checkout__sidebar.is-sticky { 5925 position: relative !important; 5926 } 5927 5928 /* Add the styles for Newer/Older pagination (Previous/Next) */ 5929 5930 .navigation.posts-navigation { 5931 display: flex; 5932 justify-content: space-between; 5933 align-items: center; 5934 margin: 20px 0; 5805 5935 padding: 0; 5806 }5807 }5808 5809 .is-large .wc-block-checkout__sidebar.is-sticky {5810 position: relative !important;5811 }5812 5813 5814 /* Add the styles for Newer/Older pagination (Previous/Next) */5815 5816 .navigation.posts-navigation {5817 display: flex;5818 justify-content: space-between;5819 align-items: center;5820 margin: 20px 0;5821 padding: 0;5822 5936 } 5823 5937 5824 5938 .navigation.posts-navigation .nav-links { 5825 display: flex;5826 justify-content: space-between;5827 width: 30%;5939 display: flex; 5940 justify-content: space-between; 5941 width: 30%; 5828 5942 } 5829 5943 5830 5944 .navigation.posts-navigation .nav-previous, 5831 5945 .navigation.posts-navigation .nav-next { 5832 flex: 1;5833 text-align: center;5946 flex: 1; 5947 text-align: center; 5834 5948 } 5835 5949 5836 5950 .navigation.posts-navigation .nav-previous a, 5837 5951 .navigation.posts-navigation .nav-next a { 5838 display: inline-block;5839 padding: 10px 20px;5840 background-color: var(--global-color);5841 /* Customize this color */5842 color: #fff;5843 text-decoration: none;5844 font-size: 16px;5845 font-weight: bold;5846 border-radius: 5px;5847 transition: background-color 0.3s ease;5952 display: inline-block; 5953 padding: 10px 20px; 5954 background-color: var(--global-color); 5955 /* Customize this color */ 5956 color: #fff; 5957 text-decoration: none; 5958 font-size: 16px; 5959 font-weight: bold; 5960 border-radius: 5px; 5961 transition: background-color 0.3s ease; 5848 5962 } 5849 5963 5850 5964 .navigation.posts-navigation .nav-previous a:hover, 5851 5965 .navigation.posts-navigation .nav-next a:hover { 5852 background-color: #000;5853 /* Darker shade on hover */5966 background-color: #000; 5967 /* Darker shade on hover */ 5854 5968 } 5855 5969 … … 5858 5972 5859 5973 .navigation.pagination { 5860 display: flex;5861 justify-content: center;5862 align-items: center;5863 margin: 20px 0;5974 display: flex; 5975 justify-content: center; 5976 align-items: center; 5977 margin: 20px 0; 5864 5978 } 5865 5979 5866 5980 .navigation.pagination .nav-links { 5867 display: flex;5868 list-style-type: none;5869 padding: 0;5870 margin: 0;5871 margin-top: 30px;5981 display: flex; 5982 list-style-type: none; 5983 padding: 0; 5984 margin: 0; 5985 margin-top: 30px; 5872 5986 } 5873 5987 5874 5988 .navigation.pagination .page-numbers { 5875 display: inline-flex;5876 list-style: none;5877 padding: 7px;5878 margin: 0 5px;5879 background-color: #f1f1f1;5880 /* Light grey background */5881 color: var(--global-color);5882 /* Blue text */5883 text-decoration: none;5884 font-size: 16px;5885 font-weight: 500;5886 border-radius: 50px;5887 transition: background-color 0.3s ease, transform 0.2s ease;5888 align-items: center;5889 justify-content: center;5890 cursor: pointer;5989 display: inline-flex; 5990 list-style: none; 5991 padding: 7px; 5992 margin: 0 5px; 5993 background-color: #f1f1f1; 5994 /* Light grey background */ 5995 color: var(--global-color); 5996 /* Blue text */ 5997 text-decoration: none; 5998 font-size: 16px; 5999 font-weight: 500; 6000 border-radius: 50px; 6001 transition: background-color 0.3s ease, transform 0.2s ease; 6002 align-items: center; 6003 justify-content: center; 6004 cursor: pointer; 5891 6005 } 5892 6006 … … 5895 6009 5896 6010 .navigation.pagination .page-numbers:hover { 5897 background-color: var(--global-color);5898 /* Blue background on hover */5899 color: #fff;5900 /* White text on hover */5901 transform: scale(1.02);5902 /* Slight scale up effect on hover */6011 background-color: var(--global-color); 6012 /* Blue background on hover */ 6013 color: #fff; 6014 /* White text on hover */ 6015 transform: scale(1.02); 6016 /* Slight scale up effect on hover */ 5903 6017 } 5904 6018 5905 6019 .navigation.pagination a.page-numbers:hover, 5906 6020 .navigation.pagination .page-numbers.dots:hover { 5907 background-color: #000;6021 background-color: #000; 5908 6022 } 5909 6023 … … 5912 6026 5913 6027 .navigation.pagination .current { 5914 background-color: #000;5915 /* Blue background */5916 color: #fff;5917 /* White text */5918 font-weight: bold;6028 background-color: #000; 6029 /* Blue background */ 6030 color: #fff; 6031 /* White text */ 6032 font-weight: bold; 5919 6033 } 5920 6034 … … 5924 6038 .navigation.pagination .prev, 5925 6039 .navigation.pagination .next { 5926 padding: 10px 15px;5927 background-color: var(--global-color);5928 color: #fff;5929 text-decoration: none;5930 font-size: 16px;5931 font-weight: bold;5932 border-radius: 50px;5933 transition: background-color 0.3s ease, transform 0.2s ease;5934 cursor: pointer;6040 padding: 10px 15px; 6041 background-color: var(--global-color); 6042 color: #fff; 6043 text-decoration: none; 6044 font-size: 16px; 6045 font-weight: bold; 6046 border-radius: 50px; 6047 transition: background-color 0.3s ease, transform 0.2s ease; 6048 cursor: pointer; 5935 6049 } 5936 6050 5937 6051 .navigation.pagination .page-numbers:hover .navigation.pagination .current { 5938 background-color: #000;5939 /* Darker blue on hover */6052 background-color: #000; 6053 /* Darker blue on hover */ 5940 6054 } 5941 6055 5942 6056 .navigation.pagination .nav-links:hover .navigation.pagination .current { 5943 background-color: #000;5944 /* Darker blue on hover */6057 background-color: #000; 6058 /* Darker blue on hover */ 5945 6059 } 5946 6060 … … 5950 6064 .navigation.pagination .prev:hover, 5951 6065 .navigation.pagination .next:hover { 5952 background-color: #000;5953 /* Darker blue on hover */5954 transform: scale(1.02);5955 /* Slight scale up effect */6066 background-color: #000; 6067 /* Darker blue on hover */ 6068 transform: scale(1.02); 6069 /* Slight scale up effect */ 5956 6070 } 5957 6071 … … 5960 6074 5961 6075 .navigation.pagination .dots { 5962 color: #999;5963 /* Grey color for dots */5964 font-size: 16px;5965 padding: 10px;5966 margin: 0 5px;5967 background-color: #f1f1f1;5968 border-radius: 50px;6076 color: #999; 6077 /* Grey color for dots */ 6078 font-size: 16px; 6079 padding: 10px; 6080 margin: 0 5px; 6081 background-color: #f1f1f1; 6082 border-radius: 50px; 5969 6083 } 5970 6084 … … 5973 6087 5974 6088 @media (max-width: 800px) { 5975 .navigation.posts-navigation .nav-links {5976 width: 35%;5977 }6089 .navigation.posts-navigation .nav-links { 6090 width: 35%; 6091 } 5978 6092 } 5979 6093 5980 6094 5981 6095 /* Responsive Adjustments */ 5982 5983 6096 @media (max-width: 600px) { 5984 .site-content .article-wraper-archive { 5985 grid-template-columns: 1fr !important; 5986 } 5987 .navigation.pagination .page-numbers { 5988 display: block; 5989 } 5990 ul.page-numbers li { 5991 margin: 5px 0; 5992 } 5993 .navigation.posts-navigation .nav-links { 5994 width: 60%; 5995 } 5996 .navigation.posts-navigation .nav-previous a, 5997 .navigation.posts-navigation .nav-next a { 5998 padding: 5px 7px; 5999 font-size: 14px; 6000 } 6097 .site-content .article-wraper-archive { 6098 grid-template-columns: 1fr !important; 6099 } 6100 6101 .navigation.pagination .page-numbers { 6102 display: block; 6103 } 6104 6105 ul.page-numbers li { 6106 margin: 5px 0; 6107 } 6108 6109 .navigation.posts-navigation .nav-links { 6110 width: 60%; 6111 } 6112 6113 .navigation.posts-navigation .nav-previous a, 6114 .navigation.posts-navigation .nav-next a { 6115 padding: 5px 7px; 6116 font-size: 14px; 6117 } 6001 6118 } 6002 6119 6003 6120 .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky { 6004 position: unset !important;6005 padding: 0;6121 position: unset !important; 6122 padding: 0; 6006 6123 } 6007 6124 6008 6125 footer#site-footer { 6009 margin-top: 50px;6126 margin-top: 50px; 6010 6127 } 6011 6128 … … 6016 6133 .woocommerce-page .woocommerce-info .button, 6017 6134 .woocommerce-page .woocommerce-message .button { 6018 color: #000 !important;6135 color: #000 !important; 6019 6136 } 6020 6137 6021 6138 .woocommerce-Address-title.title { 6022 margin-bottom: 20px !important;6139 margin-bottom: 20px !important; 6023 6140 } 6024 6141 6025 6142 .woocommerce-account .addresses .title .edit { 6026 float: right; 6027 text-decoration: none !important; 6028 } 6029 6143 float: right; 6144 text-decoration: none !important; 6145 } 6030 6146 6031 6147 /* TABEL CSS */ 6032 6033 6148 table { 6034 width: 100%;6035 border-collapse: collapse;6036 text-align: center;6037 margin-bottom: 15px;6038 overflow-x: auto;6039 border: 1px solid #e8e8e8;6149 width: 100%; 6150 border-collapse: collapse; 6151 text-align: center; 6152 margin-bottom: 15px; 6153 overflow-x: auto; 6154 border: 1px solid #e8e8e8; 6040 6155 } 6041 6156 6042 6157 thead th { 6043 text-align: center;6158 text-align: center; 6044 6159 } 6045 6160 6046 6161 tbody td { 6047 background: #f5f5f5;6048 border: 1px solid #e8e8e8;6049 text-align: center;6050 padding: 5px;6162 background: #f5f5f5; 6163 border: 1px solid #e8e8e8; 6164 text-align: center; 6165 padding: 5px; 6051 6166 } 6052 6167 6053 6168 tbody td a { 6054 text-decoration: underline !important;6055 color: #000;6169 text-decoration: underline !important; 6170 color: #000; 6056 6171 } 6057 6172 6058 6173 tbody td:hover { 6059 background: #fff;6174 background: #fff; 6060 6175 } 6061 6176 6062 6177 tbody .pad { 6063 background: none;6178 background: none; 6064 6179 } 6065 6180 6066 6181 tfoot td.pad { 6067 display: none;6068 } 6182 display: none; 6183 } -
consultancy-firm/1.3.2/style.css
r314027 r320186 9 9 Tested up to: 6.9 10 10 Requires PHP: 7.2 11 Version: 1.3. 111 Version: 1.3.2 12 12 License: GNU General Public License v2 or later 13 13 License URI: http://www.gnu.org/licenses/gpl-2.0.html … … 49 49 line-height: 1.15; 50 50 -webkit-text-size-adjust: 100%; 51 font-size: 62.5%; /* 1rem = 10px */ 51 font-size: 62.5%; 52 /* 1rem = 10px */ 52 53 box-sizing: border-box; 53 54 } 55 54 56 body { 55 57 border: none; … … 60 62 background: #FAF9F6; 61 63 } 64 62 65 h1 { 63 66 font-size: 2em; 64 67 margin: 0.67em 0; 65 68 } 66 .header-social .social-area a{ 69 70 .header-social .social-area a { 67 71 align-items: center; 68 72 display: flex; 69 73 } 74 70 75 a.social-4 { 71 76 width: 15px; 72 77 } 78 73 79 hr { 74 80 box-sizing: content-box; … … 76 82 overflow: visible; 77 83 } 84 78 85 pre { 79 86 font-size: 1em; … … 87 94 padding: 1.6em; 88 95 } 96 89 97 a { 90 98 background-color: transparent; 91 99 } 100 92 101 abbr[title] { 93 102 border-bottom: none; … … 95 104 text-decoration: underline dotted; 96 105 } 106 97 107 b, 98 108 strong { 99 109 font-weight: bolder; 100 110 } 111 101 112 code, 102 113 kbd, … … 111 122 font-size: 0.9375rem; 112 123 } 124 113 125 small { 114 126 font-size: 85%; 115 127 } 128 116 129 img { 117 130 border-style: none; 118 131 } 132 119 133 button, 120 134 input, … … 126 140 margin: 0; 127 141 } 142 128 143 button, 129 144 input { 130 font-family: var(--font-main); 131 overflow: visible; 132 } 145 font-family: var(--font-main); 146 overflow: visible; 147 } 148 133 149 button, 134 150 select { 135 151 text-transform: none; 136 152 } 153 137 154 button, 138 155 [type="button"], … … 141 158 -webkit-appearance: button; 142 159 } 160 143 161 button::-moz-focus-inner, 144 162 [type="button"]::-moz-focus-inner, … … 148 166 padding: 0; 149 167 } 168 150 169 button:-moz-focusring, 151 170 [type="button"]:-moz-focusring, … … 154 173 outline: 1px dotted ButtonText; 155 174 } 175 156 176 fieldset { 157 177 padding: 0.35em 0.75em 0.625em; 158 178 } 179 159 180 legend { 160 181 box-sizing: border-box; … … 162 183 display: table; 163 184 max-width: 100%; 164 padding: 0; /* 3 */ 185 padding: 0; 186 /* 3 */ 165 187 white-space: normal; 166 188 } 189 167 190 progress { 168 191 vertical-align: baseline; 169 192 } 193 170 194 textarea { 171 195 overflow: auto; 172 196 } 197 173 198 [type="checkbox"], 174 199 [type="radio"] { … … 176 201 padding: 0; 177 202 } 203 178 204 [type="number"]::-webkit-inner-spin-button, 179 205 [type="number"]::-webkit-outer-spin-button { 180 206 height: auto; 181 207 } 208 182 209 [type="search"] { 183 210 -webkit-appearance: textfield; 184 211 outline-offset: -2px; 185 212 } 213 186 214 [type="search"]::-webkit-search-decoration { 187 215 -webkit-appearance: none; 188 216 } 217 189 218 ::-webkit-file-upload-button { 190 219 -webkit-appearance: button; 191 220 font: inherit; 192 221 } 222 193 223 details { 194 224 display: block; 195 225 } 226 196 227 summary { 197 228 display: list-item; 198 229 } 230 199 231 template { 200 232 display: none; 201 233 } 234 202 235 [hidden] { 203 236 display: none; 204 237 } 238 205 239 /*-------------------------------------------------------------- 206 240 # Typography … … 217 251 -webkit-font-smoothing: antialiased; 218 252 } 253 219 254 h1, 220 255 h2, … … 229 264 font-family: var(--font-head); 230 265 } 231 p{ 266 267 p { 232 268 font-family: var(--font-main); 233 269 margin-bottom: 1.5em; … … 238 274 font-weight: bold; 239 275 } 276 240 277 .entry-title a:hover { 241 278 text-decoration: none; 242 279 background-size: 100% 100%; 243 280 } 281 244 282 .entry-title-large { 245 283 font-size: 5.4rem; 246 284 } 285 247 286 .entry-title-big { 248 287 font-size: 4.2rem; 249 288 } 289 250 290 .entry-title-medium { 251 291 font-size: 2.2rem; 252 292 } 293 253 294 .entry-title-small { 254 295 font-size: 1.6rem; 255 296 } 297 256 298 @media (max-width: 991px) { 257 299 .entry-title-big { … … 259 301 } 260 302 } 303 261 304 dfn, 262 305 cite, … … 265 308 font-style: italic; 266 309 } 310 267 311 blockquote { 268 312 margin: 0 1.5em; 269 313 } 314 270 315 address { 271 316 margin: 0 0 1.5em; … … 277 322 cursor: help; 278 323 } 324 279 325 big { 280 326 font-size: 125%; 281 327 } 328 282 329 ::-moz-selection { 283 330 background: #070707; 284 331 color: #fff; 285 332 } 333 286 334 ::selection { 287 335 background: #070707; 288 336 color: #fff; 289 337 } 338 290 339 /*-------------------------------------------------------------- 291 340 # Elements … … 298 347 box-sizing: border-box; 299 348 } 300 body { 301 302 } 349 350 body {} 351 303 352 .body-scroll-locked { 304 353 overflow: hidden; 305 354 } 355 306 356 hr { 307 357 background-color: #ccc; … … 310 360 margin-bottom: 1.5em; 311 361 } 362 312 363 ul, 313 364 ol { … … 315 366 margin-bottom: 1rem; 316 367 } 368 317 369 ul { 318 370 list-style: disc; 319 371 } 372 320 373 ol { 321 374 list-style: decimal; 322 375 } 323 li > ul, 324 li > ol { 376 377 li>ul, 378 li>ol { 325 379 margin-bottom: 0; 326 380 margin-left: 1.5em; 327 381 } 382 328 383 dt { 329 384 font-weight: bold; 330 385 } 386 331 387 dd { 332 388 margin: 0 1.5em 1.5em; 333 389 } 390 334 391 img { 335 392 height: auto; … … 337 394 vertical-align: top; 338 395 } 396 339 397 figure { 340 398 margin: 1em 0; 341 399 } 400 342 401 table { 343 402 margin: 0 0 1.5em; 344 403 width: 100%; 345 404 } 405 346 406 .data-bg { 347 407 background-size: cover; … … 352 412 width: 100%; 353 413 } 414 354 415 .data-bg-fixed { 355 416 background-attachment: fixed; 356 417 } 418 357 419 .data-bg-large { 358 420 height: 700px; 359 421 } 422 360 423 .data-bg-big { 361 424 height: 575px; 362 425 } 426 363 427 .data-bg-medium { 364 428 height: 400px; 365 429 } 430 366 431 .data-bg-small { 367 432 height: 290px; 368 433 } 434 369 435 .data-bg-xsmall { 370 436 height: 180px; 371 437 } 438 372 439 .data-bg-thumbnail { 373 440 height: 140px; 374 441 } 442 375 443 @media (max-width: 991px) { 376 .data-bg-large,.data-bg-big,.data-bg-medium,.data-bg-small,.data-bg-xsmall,.data-bg-thumbnail { 444 445 .data-bg-large, 446 .data-bg-big, 447 .data-bg-medium, 448 .data-bg-small, 449 .data-bg-xsmall, 450 .data-bg-thumbnail { 377 451 height: 250px; 378 452 } … … 384 458 padding-right: 10%; 385 459 } 460 386 461 /* Gallery */ 387 462 … … 400 475 } 401 476 402 figure.wp-block-gallery.columns-3 {477 figure.wp-block-gallery.columns-3 { 403 478 padding-right: 15%; 404 479 } 405 480 406 figure.wp-block-gallery.columns-2 {481 figure.wp-block-gallery.columns-2 { 407 482 padding-right: 1%; 408 483 } … … 412 487 } 413 488 414 h2.entry-title.entry-title-medium, h1.entry-title.entry-title-large span { 489 h2.entry-title.entry-title-medium, 490 h1.entry-title.entry-title-large span { 415 491 word-wrap: break-word; 416 492 } 417 493 418 .wp-block-button__link {494 .wp-block-button__link { 419 495 border-radius: 30px; 420 496 } 497 421 498 /*-------------------------------------------------------------- 422 499 # Forms … … 428 505 padding: 2rem; 429 506 } 430 fieldset > *:first-child { 507 508 fieldset>*:first-child { 431 509 margin-top: 0; 432 510 } 433 fieldset > *:last-child { 511 512 fieldset>*:last-child { 434 513 margin-bottom: 0; 435 514 } 515 436 516 form { 437 517 margin-bottom: 3rem; 438 518 margin-top: 3rem; 439 519 } 440 form > *:first-child { 520 521 form>*:first-child { 441 522 margin-top: 0; 442 523 } 443 form > *:last-child { 524 525 form>*:last-child { 444 526 margin-bottom: 0; 445 527 } 528 446 529 legend { 447 530 font-size: 0.85em; … … 449 532 padding: 0 1rem; 450 533 } 534 451 535 label { 452 536 display: block; … … 455 539 margin: 0 0 0.5rem 0; 456 540 } 541 457 542 label.inline, 458 input[type="checkbox"] +label {543 input[type="checkbox"]+label { 459 544 display: inline; 460 545 font-weight: 400; 461 546 margin-left: 0.5rem; 462 547 } 548 463 549 input, 464 550 textarea, … … 467 553 line-height: 1; 468 554 } 555 469 556 input, 470 557 textarea, … … 472 559 border-color: #000; 473 560 } 561 474 562 input[type="text"], 475 563 input[type="password"], … … 502 590 width: 100%; 503 591 } 592 504 593 input[type="text"]:hover, 505 594 input[type="text"]:focus, … … 534 623 border-color: var(--global-color); 535 624 } 625 536 626 textarea { 537 627 height: 12rem; … … 539 629 width: 100%; 540 630 } 631 541 632 select { 542 633 font-size: inherit; 543 634 } 635 544 636 input::-webkit-input-placeholder { 545 637 line-height: normal; 546 638 } 639 547 640 input:-ms-input-placeholder { 548 641 line-height: normal; 549 642 } 643 550 644 input::-moz-placeholder { 551 645 line-height: normal; 552 646 } 647 553 648 input[type="search"]::-webkit-search-decoration, 554 649 input[type="search"]::-webkit-search-cancel-button, … … 559 654 visibility: hidden; 560 655 } 656 561 657 button, 562 658 .button, … … 567 663 input[type="reset"], 568 664 input[type="submit"], 569 .woocommerce ul.products li.product .button,a.added_to_cart.wc-forward, 665 .woocommerce ul.products li.product .button, 666 a.added_to_cart.wc-forward, 570 667 .woocommerce-Address-title.title a { 571 668 -webkit-appearance: none; … … 583 680 border: solid 1px #000; 584 681 } 585 .wp-block-search__button:hover{ 682 683 .wp-block-search__button:hover { 586 684 color: #ffffff; 587 685 } 588 .wp-block-button.is-style-outline .wp-block-button__link{ 686 687 .wp-block-button.is-style-outline .wp-block-button__link { 589 688 border: solid 2px var(--global-color); 590 689 color: var(--global-color) !important; 591 690 } 592 .wp-block-button.is-style-squared .wp-block-button__link{ 691 692 .wp-block-button.is-style-squared .wp-block-button__link { 593 693 border-radius: 0; 594 694 } 695 595 696 button:hover, 596 697 .button:hover, … … 613 714 background-color: var(--global-color); 614 715 } 716 615 717 button:focus, 616 718 .button:focus, … … 623 725 outline: 2px solid; 624 726 } 727 625 728 button:hover, 626 729 .button:hover, … … 641 744 outline: none; 642 745 } 746 643 747 .post-password-form { 644 748 padding: 40px; 645 749 background: #f8f9fa; 646 750 } 751 647 752 .post-password-form label { 648 753 margin-bottom: 0; … … 651 756 flex: 1; 652 757 } 758 653 759 .post-password-form input[type="password"] { 654 760 min-height: 40px; 655 761 } 762 656 763 .post-password-form input[type="submit"] { 657 764 padding: 0 2rem; … … 660 767 border-radius: 0; 661 768 } 662 .post-password-form > p:first-child { 769 770 .post-password-form>p:first-child { 663 771 font-size: 1.25rem; 664 772 margin-bottom: 2rem; 665 773 } 666 .post-password-form > p:last-child { 774 775 .post-password-form>p:last-child { 667 776 display: -webkit-box; 668 777 display: -ms-flexbox; … … 673 782 margin-bottom: 0; 674 783 } 784 675 785 .btn-fancy { 676 786 position: relative; … … 685 795 outline: 0; 686 796 transition: color 0.4s ease-out, background-color 0.2s ease-out, 687 border-color 0.2s ease-out;797 border-color 0.2s ease-out; 688 798 padding: 9px 27px; 689 799 } 800 690 801 .btn-fancy-primary { 691 802 background-color: #fff; … … 693 804 border: solid 2px #000; 694 805 } 806 695 807 .btn-fancy-secondary { 696 808 background-color: #fff; 697 809 color: #000; 698 810 } 811 699 812 .btn-fancy-primary:hover, 700 813 .btn-fancy-primary:focus { … … 702 815 color: #fff; 703 816 } 817 704 818 .btn-fancy-secondary:hover, 705 819 .btn-fancy-secondary:focus { … … 707 821 color: #fff; 708 822 } 823 709 824 .topbar-info-icon svg polyline, 710 825 .topbar-info-icon svg line { … … 716 831 transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1); 717 832 } 833 718 834 .theme-btn-link { 719 835 font-size: 1.6rem; 720 836 } 837 721 838 .theme-btn-link:hover .topbar-info-icon svg polyline, 722 839 .theme-btn-link:hover .topbar-info-icon svg line, … … 730 847 --------------------------------------------------------------*/ 731 848 732 .woocommerce span.onsale {849 .woocommerce span.onsale { 733 850 background-color: var(--global-color); 734 851 } 735 852 736 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {853 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button { 737 854 background-color: var(--global-color); 738 855 color: #fff; 739 856 } 740 857 741 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price{ 858 .woocommerce ul.products li.product .price, 859 .woocommerce div.product p.price, 860 .woocommerce div.product span.price { 742 861 color: var(--global-color); 743 862 } 863 744 864 .woocommerce ul.products li.product .button, 745 865 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, … … 758 878 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, 759 879 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, 760 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,a.added_to_cart.wc-forward, 880 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt, 881 a.added_to_cart.wc-forward, 761 882 .woocommerce-Address-title.title a { 762 883 color: #000; … … 765 886 font-weight: 600; 766 887 } 888 767 889 .woocommerce ul.products li.product .button:hover, 768 890 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, … … 781 903 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, 782 904 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, 783 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover 784 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 785 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover{ 905 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 906 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover { 786 907 color: #000; 787 908 } 788 h2.woocommerce-loop-product__title, .woocommerce ul.products li.product .price{ 909 910 h2.woocommerce-loop-product__title, 911 .woocommerce ul.products li.product .price { 789 912 text-align: center; 790 913 } 914 791 915 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, 792 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {916 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover { 793 917 color: #ffffff; 794 918 } 919 795 920 a.added_to_cart.wc-forward { 796 921 padding: 5px 120px; … … 802 927 border: 2px solid #000; 803 928 } 804 .woocommerce-cart table.cart td.actions .coupon .input-text{ 929 930 .woocommerce-cart table.cart td.actions .coupon .input-text { 805 931 font-size: 14px; 806 932 } 807 .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ 933 934 .woocommerce table.cart td.actions .input-text, 935 .woocommerce-page #content table.cart td.actions .input-text, 936 .woocommerce-page table.cart td.actions .input-text { 808 937 width: 118px; 809 938 } 810 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button{ 939 940 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button { 811 941 color: #fff !important; 812 942 } 813 #customer_details input[type="text"]{ 943 944 #customer_details input[type="text"] { 814 945 padding: 0.5rem 1.8rem; 815 946 } 947 816 948 .woocommerce .quantity .qty { 817 949 width: 80px; 818 950 } 819 .quantity input[type="number"]{ 951 952 .quantity input[type="number"] { 820 953 padding: 2px; 821 954 } 955 822 956 nav.woocommerce-MyAccount-navigation ul { 823 957 list-style: none; 824 958 padding: 0; 825 959 } 960 826 961 nav.woocommerce-MyAccount-navigation ul li { 827 962 border: solid 2px #e5e5e5; … … 831 966 font-weight: 500; 832 967 } 968 833 969 .woocommerce .star-rating { 834 970 margin: 0 auto 10px !important; 835 971 } 836 972 837 .woocommerce .star-rating span, .woocommerce p.stars a{ 973 .woocommerce .star-rating span, 974 .woocommerce p.stars a { 838 975 color: #ffcc05; 839 976 } 840 977 841 .woocommerce nav.woocommerce-pagination ul li span.current {978 .woocommerce nav.woocommerce-pagination ul li span.current { 842 979 background: var(--global-color); 843 980 color: #222; 844 981 } 845 p.order-again a,a.woocommerce-button.button.view{ 982 983 p.order-again a, 984 a.woocommerce-button.button.view { 846 985 background: var(--global-color) !important; 847 986 } 848 .wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{ 849 background: var(--global-color); 850 color: #fff !important; 851 text-decoration: none !important; 852 border-radius: 10px; 853 border: none !important; 854 padding: 10px; 855 border: 2px solid transparent; 856 width: 50%; 857 } 858 .wc-block-components-checkout-return-to-cart-button{ 859 background: var(--global-color); 860 color: #fff !important; 861 text-decoration: none !important; 862 border-radius: 10px; 863 border: none !important; 864 padding: 10px; 865 border: 2px solid transparent; 866 } 987 988 .wp-block-woocommerce-cart .wc-block-cart__submit-button, 989 .wc-block-components-checkout-place-order-button, 990 .wc-block-components-totals-coupon__button { 991 background: var(--global-color); 992 color: #fff !important; 993 text-decoration: none !important; 994 border-radius: 10px; 995 border: none !important; 996 padding: 10px; 997 border: 2px solid transparent; 998 width: 50%; 999 } 1000 1001 .wc-block-components-checkout-return-to-cart-button { 1002 background: var(--global-color); 1003 color: #fff !important; 1004 text-decoration: none !important; 1005 border-radius: 10px; 1006 border: none !important; 1007 padding: 10px; 1008 border: 2px solid transparent; 1009 } 1010 867 1011 .wc-block-components-checkout-return-to-cart-button { 868 1012 background: var(--global-color); … … 875 1019 876 1020 877 .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{ 878 border: 2px solid var(--global-color); 879 background: var(--global-color); 880 color: #fff !important; 881 } 882 button:hover, .button:hover, .wp-block-search__button:hover, .wp-block-button__link:hover, .wp-block-file__button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, .button:focus, .wp-block-search__button:focus, .wp-block-button__link:focus, .wp-block-file__button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus{ 1021 .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover { 1022 border: 2px solid var(--global-color); 1023 background: var(--global-color); 1024 color: #fff !important; 1025 } 1026 1027 button:hover, 1028 .button:hover, 1029 .wp-block-search__button:hover, 1030 .wp-block-button__link:hover, 1031 .wp-block-file__button:hover, 1032 input[type="button"]:hover, 1033 input[type="reset"]:hover, 1034 input[type="submit"]:hover, 1035 button:focus, 1036 .button:focus, 1037 .wp-block-search__button:focus, 1038 .wp-block-button__link:focus, 1039 .wp-block-file__button:focus, 1040 input[type="button"]:focus, 1041 input[type="reset"]:focus, 1042 input[type="submit"]:focus { 883 1043 color: #ffffff; 884 1044 } 885 .wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-cart-order-summary-block{ 886 border: 1px solid #dee2e6!important; 887 padding: 10px; 888 border-radius: 10px; 889 } 890 .wp-block-woocommerce-cart .wc-block-cart-items__header-image, .wc-block-cart-items__header-total{ 891 padding: 10px !important; 892 } 893 .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container{ 894 margin-top: 20px; 895 } 896 .wp-block-woocommerce-cart .wc-block-components-product-badge{ 897 background: #e5a500; 898 color: #fff !important; 899 padding: 10px !important; 900 margin-bottom: 5px; 901 margin-top:5px ; 902 } 903 a.wc-block-components-product-name, .wc-block-components-product-name{ 904 font-size: 22px !important; 905 color: #000 !important; 906 text-decoration: none !important; 907 } 908 .wc-block-components-order-summary-item__quantity{ 909 background: var(--global-color) !important; 910 color: #fff !important; 911 border: none !important; 912 box-shadow: none !important; 913 } 914 .wc-block-components-sidebar-layout{ 915 flex-flow: column-reverse !important; 916 } 1045 1046 .wp-block-woocommerce-cart .wc-block-cart-items, 1047 .wp-block-woocommerce-cart-order-summary-block { 1048 border: 1px solid #dee2e6 !important; 1049 padding: 10px; 1050 border-radius: 10px; 1051 } 1052 1053 .wp-block-woocommerce-cart .wc-block-cart-items__header-image, 1054 .wc-block-cart-items__header-total { 1055 padding: 10px !important; 1056 } 1057 1058 .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container { 1059 margin-top: 20px; 1060 } 1061 1062 .wp-block-woocommerce-cart .wc-block-components-product-badge { 1063 background: #e5a500; 1064 color: #fff !important; 1065 padding: 10px !important; 1066 margin-bottom: 5px; 1067 margin-top: 5px; 1068 } 1069 1070 a.wc-block-components-product-name, 1071 .wc-block-components-product-name { 1072 font-size: 22px !important; 1073 color: #000 !important; 1074 text-decoration: none !important; 1075 } 1076 1077 .wc-block-components-order-summary-item__quantity { 1078 background: var(--global-color) !important; 1079 color: #fff !important; 1080 border: none !important; 1081 box-shadow: none !important; 1082 } 1083 1084 .wc-block-components-sidebar-layout { 1085 flex-flow: column-reverse !important; 1086 } 1087 917 1088 .wc-block-components-sidebar-layout .wc-block-components-main { 918 padding-right:0% !important; 919 width: 100% !important; 920 } 921 .wc-block-components-sidebar{ 1089 padding-right: 0% !important; 922 1090 width: 100% !important; 923 1091 } 924 .wp-block-woocommerce-cart.alignwide{ 925 margin-right: auto !important; 926 margin-left: auto !important; 927 } 1092 1093 .wc-block-components-sidebar { 1094 width: 100% !important; 1095 } 1096 1097 .wp-block-woocommerce-cart.alignwide { 1098 margin-right: auto !important; 1099 margin-left: auto !important; 1100 } 1101 928 1102 .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, 929 1103 .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, 930 .wc-block-components-totals-item__label,.wc-block-components-totals-item__value, 1104 .wc-block-components-totals-item__label, 1105 .wc-block-components-totals-item__value, 931 1106 .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, 932 1107 .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, 933 1108 .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input, 934 1109 .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, 935 .wc-block-components-quantity-selector,table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, 936 .wc-block-components-product-price__value.is-discounted,del.wc-block-components-product-price__regular { 937 color: #000 !important; 938 } 939 .wc-block-components-totals-wrapper:after{ 940 border-color: #000 !important; 941 } 942 tbody.wc-block-cart-items{ 943 border: 1px solid #000; 944 border-radius: 30px; 945 } 946 .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, button.wc-block-cart-item__remove-link{ 947 font-size: 14px !important; 948 } 949 .is-medium table.wc-block-cart-items .wc-block-cart-items__row{ 1110 .wc-block-components-quantity-selector, 1111 table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, 1112 .wc-block-components-product-price__value.is-discounted, 1113 del.wc-block-components-product-price__regular { 1114 color: #000 !important; 1115 } 1116 1117 .wc-block-components-totals-wrapper:after { 1118 border-color: #000 !important; 1119 } 1120 1121 tbody.wc-block-cart-items { 1122 border: 1px solid #000; 1123 border-radius: 30px; 1124 } 1125 1126 .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, 1127 button.wc-block-cart-item__remove-link { 1128 font-size: 14px !important; 1129 } 1130 1131 .is-medium table.wc-block-cart-items .wc-block-cart-items__row { 950 1132 grid-template-columns: 270px 47px !important; 951 1133 padding: 16px 16px !important; 952 1134 } 953 .wp-block-woocommerce-cart .wc-block-components-product-badge{ 954 display: none; 955 } 956 .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{ 957 border: unset !important; 958 } 1135 1136 .wp-block-woocommerce-cart .wc-block-components-product-badge { 1137 display: none; 1138 } 1139 1140 .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover { 1141 border: unset !important; 1142 } 1143 959 1144 a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained { 960 1145 text-decoration: none; 961 1146 } 962 .wc-block-components-text-input input[type=text]{ 1147 1148 .wc-block-components-text-input input[type=text] { 963 1149 padding: 14px !important; 964 1150 } … … 973 1159 justify-content: end; 974 1160 } 975 .theme-header-areas.header-areas-right.header-social{ 1161 1162 .theme-header-areas.header-areas-right.header-social { 976 1163 width: 15%; 977 1164 } 978 .theme-header-areas.header-areas-right.header-social .social-area a:hover svg{ 1165 1166 .theme-header-areas.header-areas-right.header-social .social-area a:hover svg { 979 1167 fill: var(--global-color) !important; 980 1168 } 1169 981 1170 .page-template-frontpage .main-header { 982 1171 position: absolute; 983 1172 top: 60px; 984 1173 } 1174 985 1175 .main-header { 986 1176 position: relative; … … 989 1179 z-index: 99; 990 1180 } 1181 991 1182 .wrapper.header-wrapper.header-box { 992 1183 background-color: #ffffff; … … 994 1185 padding: 12px 30px; 995 1186 } 1187 996 1188 .header-titles { 997 1189 width: 20%; 998 1190 } 1191 999 1192 .menu-box { 1000 1193 width: 65%; 1001 1194 } 1195 1002 1196 .theme-header-areas.header-areas-right.header-button { 1003 1197 width: 32%; … … 1006 1200 align-items: center; 1007 1201 } 1008 .theme-header-areas.header-areas-right.header-button p{ 1202 1203 .theme-header-areas.header-areas-right.header-button p { 1009 1204 margin: 0px; 1010 1205 } 1011 .theme-header-areas.header-areas-right.header-button p a,.theme-header-areas.header-areas-right.header-button p{ 1206 1207 .theme-header-areas.header-areas-right.header-button p a, 1208 .theme-header-areas.header-areas-right.header-button p { 1012 1209 font-size: 16px; 1013 1210 font-weight: 600; 1014 1211 color: #ffffff; 1015 1212 } 1213 1016 1214 .theme-header-areas.header-areas-right.header-button p.default-text { 1017 1215 font-size: 12px; … … 1021 1219 margin: 0px; 1022 1220 } 1221 1023 1222 .phone-icon { 1024 1223 background: #ffffff; … … 1029 1228 height: 50px; 1030 1229 } 1230 1031 1231 .main-banner { 1032 1232 position: relative; 1033 1233 background: #1A3C8B; 1034 1234 } 1035 .phone-icon svg{ 1235 1236 .phone-icon svg { 1036 1237 fill: var(--global-color) 1037 1238 } 1239 1038 1240 .theme-header-areas.header-areas-right.header-button a.button2 { 1039 1241 background: var(--global-color); 1040 1242 border: 1px solid var(--global-color); 1041 1243 } 1244 1042 1245 .main-box-header.theme-header-areas.header-areas-right.header-meta-box { 1043 1246 width: 12%; 1044 1247 } 1248 1045 1249 .header-titles .custom-logo-name { 1046 1250 color: var(--global-color); … … 1049 1253 font-weight: 700; 1050 1254 } 1255 1051 1256 .header-titles .site-description { 1052 1257 color: #08131D; … … 1065 1270 font-size: 12px; 1066 1271 } 1272 1067 1273 .theme-article-post .entry-title { 1068 1274 position: relative; … … 1070 1276 transition: all 0.3s cubic-bezier(0.72, 0.16, 0.345, 0.875); 1071 1277 } 1278 1072 1279 .header-wrapper.sldier-contact-box { 1073 1280 width: 57%; … … 1080 1287 background: var(--global-color); 1081 1288 } 1289 1082 1290 .left-box { 1083 1291 position: relative; 1084 1292 } 1085 .left-box{ 1293 1294 .left-box { 1086 1295 width: 50%; 1087 1296 } 1297 1088 1298 .right-box { 1089 1299 width: 50%; … … 1095 1305 position: relative; 1096 1306 } 1307 1097 1308 .main-carousel-caption .post-content { 1098 1309 width: 43%; 1099 1310 } 1311 1100 1312 .theme-main-carousel .entry-content { 1101 1313 margin-bottom: 2rem; … … 1104 1316 font-size: 13px; 1105 1317 } 1318 1106 1319 header.entry-header h3 { 1107 1320 color: var(--global-color); … … 1112 1325 line-height: 22.05px; 1113 1326 } 1327 1114 1328 /*.theme-banner-block { 1115 1329 background: #2d215f; … … 1121 1335 transform: translateY(-50%); 1122 1336 } 1337 1123 1338 .image-main-box { 1124 1339 position: relative; 1125 1340 height: 600px; 1126 1341 } 1342 1127 1343 .right-box .data-bg.banner-img { 1128 1344 width: 100%; … … 1130 1346 border-radius: 120px 0px 0px 0px; 1131 1347 } 1348 1132 1349 .swiper-slide .post-content h2 a { 1133 1350 color: #ffffff !important; … … 1136 1353 font-size: 38px; 1137 1354 } 1138 .swiper-slide .post-content h2:hover{ 1355 1356 .swiper-slide .post-content h2:hover { 1139 1357 text-decoration: none; 1140 1358 } 1359 1141 1360 .theme-banner-block .btn-fancy-primary.slider-btn-1 { 1142 1361 background-color: #ffff; … … 1144 1363 margin-right: 20px; 1145 1364 } 1365 1146 1366 .theme-banner-block .btn-fancy-primary { 1147 1367 background-color: var(--global-color); … … 1157 1377 border-radius: 30px; 1158 1378 } 1159 .theme-banner-block .btn-fancy-primary svg{ 1379 1380 .theme-banner-block .btn-fancy-primary svg { 1160 1381 margin-left: 10px; 1161 1382 fill: #fff; … … 1169 1390 display: flex; 1170 1391 } 1171 .slider-post-content:nth-child(2) { 1392 1393 .slider-post-content:nth-child(2) { 1172 1394 width: 40% !important; 1173 1395 } 1396 1174 1397 .tab-box { 1175 1398 width: 80%; … … 1184 1407 letter-spacing: 1px; 1185 1408 } 1409 1186 1410 .data-bg.featured-img { 1187 1411 height: 350px; … … 1191 1415 object-fit: cover; 1192 1416 } 1417 1193 1418 .team-mian-box { 1194 1419 width: 80%; 1195 1420 margin: 0 auto; 1196 1421 } 1422 1197 1423 .theme-article-post.slider-post-content .entry-thumbnail { 1198 1424 background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #332467 100%); 1199 1425 border-radius: 10px; 1200 1426 } 1427 1201 1428 .theme-product-block .theme-article-post.slider-post-content h2.entry-title.entry-title-big { 1202 1429 font-size: 25px; … … 1206 1433 text-align: left; 1207 1434 } 1435 1208 1436 .theme-article-post.slider-post-content .entry-content { 1209 1437 font-size: 16px; … … 1213 1441 color: #6B5884; 1214 1442 } 1443 1215 1444 .theme-article-post.slider-post-content header.entry-header a.banner-btn { 1216 1445 font-size: 14px; … … 1226 1455 padding: 15px 30px; 1227 1456 } 1228 .theme-article-post.slider-post-content{ 1457 1458 .theme-article-post.slider-post-content { 1229 1459 position: relative; 1230 1460 } 1461 1231 1462 header.entry-header p { 1232 1463 font-size: 12px; … … 1238 1469 text-transform: uppercase; 1239 1470 } 1471 1240 1472 .section-heading h6 span { 1241 1473 position: absolute; … … 1249 1481 font-size: 20px; 1250 1482 } 1483 1251 1484 .section-heading h6 { 1252 1485 font-size: 30px; … … 1259 1492 color: #ffffff; 1260 1493 } 1494 1261 1495 .section-heading h4 { 1262 1496 font-size: 24px; … … 1265 1499 color: #1A3C8B; 1266 1500 } 1501 1267 1502 .section-heading { 1268 1503 margin-bottom: 25px !important; … … 1271 1506 width: 40%; 1272 1507 } 1508 1273 1509 .theme-product-block .main-owl-caption h2.entry-title.entry-title-big { 1274 1510 font-size: 22px; … … 1281 1517 margin: 0px; 1282 1518 } 1283 .theme-product-block .main-owl-caption.catebox1,.theme-product-block .main-owl-caption.catebox4,.theme-product-block .main-owl-caption.catebox7{ 1519 1520 .theme-product-block .main-owl-caption.catebox1, 1521 .theme-product-block .main-owl-caption.catebox4, 1522 .theme-product-block .main-owl-caption.catebox7 { 1284 1523 background: #E3562E; 1285 1524 } 1286 .theme-product-block .main-owl-caption.catebox2,.theme-product-block .main-owl-caption.catebox5,.theme-product-block .main-owl-caption.catebox8{ 1525 1526 .theme-product-block .main-owl-caption.catebox2, 1527 .theme-product-block .main-owl-caption.catebox5, 1528 .theme-product-block .main-owl-caption.catebox8 { 1287 1529 background: #375E35; 1288 1530 } 1289 .theme-product-block .main-owl-caption.catebox3,.theme-product-block .main-owl-caption.catebox6,.theme-product-block .main-owl-caption.catebox9{ 1531 1532 .theme-product-block .main-owl-caption.catebox3, 1533 .theme-product-block .main-owl-caption.catebox6, 1534 .theme-product-block .main-owl-caption.catebox9 { 1290 1535 background: var(--global-color); 1291 1536 } 1537 1292 1538 .theme-product-block .main-owl-caption hr { 1293 1539 border: 0; … … 1304 1550 gap: 20px; 1305 1551 } 1306 .banner-left-box,.banner-right-box{ 1552 1553 .banner-left-box, 1554 .banner-right-box { 1307 1555 position: relative; 1308 1556 } … … 1315 1563 margin-bottom: 0px; 1316 1564 } 1565 1317 1566 .team-mian-box .post-content-location { 1318 1567 background: #FFFFFF; … … 1321 1570 border-radius: 0px 0px 10px 10px; 1322 1571 } 1572 1323 1573 .team-box p { 1324 1574 font-size: 16px; … … 1328 1578 color: #08131D; 1329 1579 } 1330 .team-mian-box .post-content-location:hover h2.entry-title.entry-title-big a,.team-mian-box .post-content-location:hover p{ 1580 1581 .team-mian-box .post-content-location:hover h2.entry-title.entry-title-big a, 1582 .team-mian-box .post-content-location:hover p { 1331 1583 color: #ffffff; 1332 1584 } 1585 1333 1586 .team-mian-box .post-content-location:hover .social-area a svg { 1334 1587 fill: #ffffff; 1335 1588 } 1336 .team-mian-box .post-content-location:hover{ 1589 1590 .team-mian-box .post-content-location:hover { 1337 1591 background: #1A3C8B; 1338 1592 } 1339 .team-mian-box .post-content-location .social-area{ 1593 1594 .team-mian-box .post-content-location .social-area { 1340 1595 margin-top: 35px; 1341 1596 } 1342 .team-mian-box .post-content-location .social-area a{ 1597 1598 .team-mian-box .post-content-location .social-area a { 1343 1599 padding: 0px 10px; 1344 1600 } 1345 .team-mian-box .post-content-location .social-area a:hover svg{ 1601 1602 .team-mian-box .post-content-location .social-area a:hover svg { 1346 1603 fill: var(--global-color); 1347 1604 } 1348 .banner-image img{ 1605 1606 .banner-image img { 1349 1607 height: 300px; 1350 1608 } 1609 1351 1610 .banner-image img { 1352 1611 height: 350px; … … 1355 1614 margin: 0 auto; 1356 1615 } 1616 1357 1617 span.logo img { 1358 1618 height: 30px; … … 1366 1626 color: #ffffff; 1367 1627 } 1628 1368 1629 .slider-box { 1369 1630 background-size: 100% 100% !important; … … 1377 1638 margin-bottom: 0px; 1378 1639 } 1379 .right-box p{ 1640 1641 .right-box p { 1380 1642 font-size: 12px; 1381 1643 font-weight: 500; … … 1385 1647 margin-bottom: 0px; 1386 1648 } 1649 1387 1650 .right-box .image-main-box .data-bg-large { 1388 1651 width: 360px; … … 1398 1661 height: 600px; 1399 1662 } 1663 1400 1664 .theme-custom-block { 1401 1665 position: relative; 1402 1666 height: 600px; 1403 1667 } 1668 1404 1669 .singular-main-block .theme-custom-block { 1405 1670 height: auto; 1406 1671 } 1672 1407 1673 .theme-banner-block .main-slider { 1408 1674 position: relative; … … 1412 1678 text-align: center; 1413 1679 } 1680 1414 1681 .theme-banner-block .banner-center-box a { 1415 1682 background: var(--global-color); … … 1421 1688 text-transform: capitalize; 1422 1689 } 1423 .banner-left-box,.banner-center-box,.banner-right-box{ 1690 1691 .banner-left-box, 1692 .banner-center-box, 1693 .banner-right-box { 1424 1694 width: 33.3%; 1425 1695 } 1426 .theme-banner-block .main-slider .banner-center-box h6{ 1696 1697 .theme-banner-block .main-slider .banner-center-box h6 { 1427 1698 font-size: 14px; 1428 1699 color: var(--global-color); … … 1432 1703 line-height: 28.75px; 1433 1704 } 1434 .theme-banner-block .main-slider h4{ 1705 1706 .theme-banner-block .main-slider h4 { 1435 1707 font-size: 22px; 1436 1708 font-weight: 500; … … 1444 1716 transform: translateY(-50%); 1445 1717 } 1446 @media screen and (min-width: 575px) and (max-width: 767px) { 1718 1719 @media screen and (min-width: 575px) and (max-width: 767px) { 1447 1720 .theme-banner-block .theme-article-post { 1448 1721 display: block !important; 1449 1722 } 1723 1450 1724 .theme-header-areas.header-areas-right.header-button { 1451 1725 align-items: center; … … 1454 1728 justify-content: space-evenly; 1455 1729 } 1456 .theme-header-areas.header-areas-right.header-button p.default-text{ 1730 1731 .theme-header-areas.header-areas-right.header-button p.default-text { 1457 1732 text-align: center; 1458 1733 } 1459 .tab-box{ 1734 1735 .tab-box { 1460 1736 width: 100%; 1461 1737 } 1462 .data-bg.featured-img{ 1738 1739 .data-bg.featured-img { 1463 1740 height: 250px; 1464 1741 } 1465 .post-main-content{ 1742 1743 .post-main-content { 1466 1744 display: block; 1467 1745 } 1468 .theme-article-post.slider-post-content,.slider-post-content:nth-child(2){ 1746 1747 .theme-article-post.slider-post-content, 1748 .slider-post-content:nth-child(2) { 1469 1749 width: 100% !important; 1470 1750 } 1751 1471 1752 .page-template-frontpage .main-header { 1472 1753 position: relative; 1473 1754 top: 0px; 1474 1755 } 1475 .header-wrapper.sldier-contact-box{ 1756 1757 .header-wrapper.sldier-contact-box { 1476 1758 position: relative; 1477 1759 width: 100%; … … 1479 1761 border-radius: 0px; 1480 1762 } 1481 .left-box .main-carousel-caption .post-content{ 1763 1764 .left-box .main-carousel-caption .post-content { 1482 1765 position: relative; 1483 1766 left: 10px; … … 1486 1769 right: 10px; 1487 1770 } 1488 .left-box{ 1771 1772 .left-box { 1489 1773 width: 70%; 1490 margin:0 auto; 1491 } 1492 .theme-header-areas.header-areas-right.menu-box{ 1774 margin: 0 auto; 1775 } 1776 1777 .theme-header-areas.header-areas-right.menu-box { 1493 1778 margin-bottom: 0px; 1494 1779 } 1495 .theme-header-areas.header-areas-right.header-social{ 1780 1781 .theme-header-areas.header-areas-right.header-social { 1496 1782 width: 50%; 1497 1783 margin-bottom: 0px; 1498 1784 } 1499 .right-box{ 1785 1786 .right-box { 1500 1787 margin-top: 30px !important; 1501 1788 width: 100%; 1502 1789 } 1503 .wrapper.header-wrapper.header-box{ 1790 1791 .wrapper.header-wrapper.header-box { 1504 1792 display: flex !important; 1505 1793 align-items: center !important; 1506 gap:20px; 1507 } 1508 .menu-box,.header-titles { 1794 gap: 20px; 1795 } 1796 1797 .menu-box, 1798 .header-titles { 1509 1799 width: 25% !important; 1510 1800 } 1511 .theme-product-block::after,.theme-product-block::before{ 1801 1802 .theme-product-block::after, 1803 .theme-product-block::before { 1512 1804 display: none; 1513 1805 } 1806 1514 1807 .main-box-header.theme-header-areas.header-areas-right.header-meta-box { 1515 1808 width: 30% !important; … … 1517 1810 display: flex !important; 1518 1811 } 1519 .data-bg-large,.image-main-box { 1812 1813 .data-bg-large, 1814 .image-main-box { 1520 1815 height: 350px !important; 1521 1816 } 1522 .main-carousel-caption .post-content{ 1817 1818 .main-carousel-caption .post-content { 1523 1819 position: relative !important; 1524 1820 } 1525 .main-carousel-caption,.theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail{ 1821 1822 .main-carousel-caption, 1823 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail { 1526 1824 width: 100% !important; 1527 1825 } 1528 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail{ 1826 1827 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail { 1529 1828 margin-bottom: 20px !important; 1530 1829 } 1531 1830 } 1532 @media screen and (min-width: 768px) and (max-width: 991px) { 1831 1832 @media screen and (min-width: 768px) and (max-width: 991px) { 1533 1833 .right-box .image-main-box .data-bg-large { 1534 1834 width: 285px; 1535 1835 } 1836 1536 1837 .header-wrapper.sldier-contact-box { 1537 1838 width: 100%; 1538 1839 } 1840 1539 1841 .right-box { 1540 1842 width: 65% !important; 1541 1843 } 1542 .banner-image img{ 1844 1845 .banner-image img { 1543 1846 width: 100%; 1544 1847 } 1848 1545 1849 .image-main-box:after { 1546 width: 360px; 1547 left: 0px; 1548 right: 0px; 1549 margin: 0 auto; 1550 } 1850 width: 360px; 1851 left: 0px; 1852 right: 0px; 1853 margin: 0 auto; 1854 } 1855 1551 1856 .left-box .main-carousel-caption .post-content { 1552 1857 left: 5%; … … 1556 1861 transform: none; 1557 1862 } 1863 1558 1864 .section-heading { 1559 1865 width: 70% !important; 1560 1866 } 1561 .theme-product-block::after,.theme-product-block::before{ 1867 1868 .theme-product-block::after, 1869 .theme-product-block::before { 1562 1870 display: none; 1563 1871 } 1872 1564 1873 .theme-header-areas.header-areas-right.header-social { 1565 1874 width: 40%; 1566 1875 } 1567 .theme-article-post.slider-post-content,.slider-post-content:nth-child(2) { 1876 1877 .theme-article-post.slider-post-content, 1878 .slider-post-content:nth-child(2) { 1568 1879 width: 50%; 1569 1880 } 1570 .post-main-content{ 1571 gap:0px; 1572 } 1881 1882 .post-main-content { 1883 gap: 0px; 1884 } 1885 1573 1886 .menu-box { 1574 1887 width: 20%; 1575 1888 justify-content: center !important; 1576 1889 } 1890 1577 1891 .header-titles { 1578 1892 width: 40%; 1579 1893 } 1580 .theme-header-areas.header-areas-right.header-button{ 1894 1895 .theme-header-areas.header-areas-right.header-button { 1581 1896 width: 40%; 1582 1897 } 1583 .wrapper.header-wrapper.header-box{ 1584 gap:20px !important; 1585 } 1586 } 1587 @media screen and (min-width: 992px) and (max-width: 1200px) { 1898 1899 .wrapper.header-wrapper.header-box { 1900 gap: 20px !important; 1901 } 1902 } 1903 1904 @media screen and (min-width: 992px) and (max-width: 1200px) { 1588 1905 .header-wrapper.sldier-contact-box { 1589 1906 width: 75%; 1590 1907 } 1908 1591 1909 .theme-header-areas.header-areas-right.header-social { 1592 1910 width: 17%; 1593 1911 } 1594 1912 } 1913 1595 1914 @media (max-width: 574px) { 1596 #top-header .theme-header-areas .header-areas-right {1915 #top-header .theme-header-areas .header-areas-right { 1597 1916 justify-content: center; 1598 1917 } 1918 1599 1919 a.social-4 { 1600 1920 width: auto; 1601 1921 } 1922 1602 1923 .page-template-frontpage .main-header { 1603 1924 position: relative; 1604 1925 top: 0px; 1605 1926 } 1606 .left-box,.right-box{ 1927 1928 .left-box, 1929 .right-box { 1607 1930 width: 100% !important; 1608 1931 } 1609 .theme-product-block::after,.theme-product-block::before{ 1932 1933 .theme-product-block::after, 1934 .theme-product-block::before { 1610 1935 display: none; 1611 1936 } 1937 1612 1938 .left-box .main-carousel-caption .post-content { 1613 left: 0% ;1939 left: 0%; 1614 1940 right: 0%; 1615 1941 position: relative; 1616 top: 0% ; 1617 transform: none ; 1618 } 1619 .post-main-content{ 1942 top: 0%; 1943 transform: none; 1944 } 1945 1946 .post-main-content { 1620 1947 display: block; 1621 1948 } 1622 .slider-post-content:nth-child(2),.theme-article-post.slider-post-content{ 1949 1950 .slider-post-content:nth-child(2), 1951 .theme-article-post.slider-post-content { 1623 1952 width: 100% !important; 1624 1953 } 1625 .theme-article-post.slider-post-content{ 1954 1955 .theme-article-post.slider-post-content { 1626 1956 margin-bottom: 10px; 1627 1957 } 1628 .theme-header-areas.header-areas-right.header-social .social-area{ 1958 1959 .theme-header-areas.header-areas-right.header-social .social-area { 1629 1960 justify-content: center; 1630 1961 } 1962 1631 1963 .theme-header-areas.header-areas-right.header-social { 1632 1964 width: 100%; 1633 1965 margin-bottom: 0px; 1634 1966 } 1967 1635 1968 .header-wrapper.sldier-contact-box { 1636 1969 width: 100% !important; … … 1639 1972 padding: 10px !important; 1640 1973 } 1974 1641 1975 .header-titles { 1642 1976 width: 100%; 1643 1977 } 1644 .banner-left-box, .banner-center-box, .banner-right-box{ 1978 1979 .banner-left-box, 1980 .banner-center-box, 1981 .banner-right-box { 1645 1982 width: 100%; 1646 1983 } 1647 .banner-image{ 1984 1985 .banner-image { 1648 1986 margin-bottom: 20px; 1649 1987 } 1988 1650 1989 .theme-header-areas.header-areas-right.header-button { 1651 1990 display: flex; … … 1653 1992 justify-content: center; 1654 1993 } 1655 .menu-box,.theme-header-areas.header-areas-right.header-button { 1994 1995 .menu-box, 1996 .theme-header-areas.header-areas-right.header-button { 1656 1997 width: 100%; 1657 1998 } 1658 .theme-header-areas.header-areas-left.suport-box ,.theme-header-areas.header-areas-left.account-box{ 1999 2000 .theme-header-areas.header-areas-left.suport-box, 2001 .theme-header-areas.header-areas-left.account-box { 1659 2002 margin-bottom: 0px; 1660 2003 } 1661 2004 } 2005 1662 2006 @media (max-width: 767px) { 1663 2007 .header-titles .custom-logo-name { 1664 2008 font-size: 2.8rem; 1665 2009 } 1666 .main-carousel-caption .post-content{ 2010 2011 .main-carousel-caption .post-content { 1667 2012 text-align: center; 1668 2013 } 2014 1669 2015 .section-heading h6 span { 1670 2016 font-size: 14px; 1671 2017 } 2018 1672 2019 .section-heading h6 { 1673 2020 font-size: 17px; 1674 2021 } 2022 1675 2023 .section-heading h4 { 1676 2024 font-size: 22px; 1677 2025 } 1678 .team-mian-box{ 2026 2027 .team-mian-box { 1679 2028 width: 100%; 1680 2029 } 2030 1681 2031 .theme-banner-block .main-slider { 1682 2032 padding: 10px; 1683 2033 display: block; 1684 2034 } 1685 .banner-left-box, .banner-center-box, .banner-right-box{ 2035 2036 .banner-left-box, 2037 .banner-center-box, 2038 .banner-right-box { 1686 2039 width: 100%; 1687 2040 } 1688 .section-heading{ 2041 2042 .section-heading { 1689 2043 width: 100% !important; 1690 2044 } 1691 .slider-box{ 2045 2046 .slider-box { 1692 2047 clip-path: none; 1693 2048 } 1694 .theme-custom-block,.slider-box,.main-slider{ 2049 2050 .theme-custom-block, 2051 .slider-box, 2052 .main-slider { 1695 2053 height: auto; 1696 2054 } 1697 2055 } 2056 1698 2057 @media screen and (max-width: 992px) and (min-width: 768px) { 1699 .theme-header-areas.header-areas-right.header-button p a, .theme-header-areas.header-areas-right.header-button p { 2058 2059 .theme-header-areas.header-areas-right.header-button p a, 2060 .theme-header-areas.header-areas-right.header-button p { 1700 2061 font-size: 14px; 1701 2062 } 1702 .swiper-slide .post-content h2 a{ 2063 2064 .swiper-slide .post-content h2 a { 1703 2065 font-size: 35px; 1704 2066 } 1705 2067 } 1706 @media screen and (max-width: 1200px) and (min-width: 992px) { 2068 2069 @media screen and (max-width: 1200px) and (min-width: 992px) { 1707 2070 .right-box { 1708 2071 width: 51%; 1709 2072 } 2073 1710 2074 .section-heading { 1711 2075 width: 52% !important; 1712 2076 } 1713 .theme-header-areas.header-areas-right.header-button p a, .theme-header-areas.header-areas-right.header-button p { 2077 2078 .theme-header-areas.header-areas-right.header-button p a, 2079 .theme-header-areas.header-areas-right.header-button p { 1714 2080 font-size: 12px; 1715 2081 } 2082 1716 2083 .main-carousel-caption .post-content { 1717 2084 width: 75%; 1718 2085 } 1719 2086 } 2087 1720 2088 @media screen and (max-width: 1600px) and (min-width: 1201px) { 1721 .team-box {2089 .team-box { 1722 2090 top: 45%; 1723 2091 } 2092 1724 2093 .main-carousel-caption .post-content { 1725 2094 width: 60%; 1726 2095 } 1727 .theme-header-areas.header-areas-right.header-button p a, .theme-header-areas.header-areas-right.header-button p{ 2096 2097 .theme-header-areas.header-areas-right.header-button p a, 2098 .theme-header-areas.header-areas-right.header-button p { 1728 2099 font-size: 13px; 1729 2100 } 2101 1730 2102 .header-wrapper.sldier-contact-box { 1731 2103 width: 65%; 1732 2104 } 2105 1733 2106 .section-heading { 1734 2107 width: 50% !important; … … 1739 2112 position: relative; 1740 2113 } 2114 1741 2115 .header-wrapper { 1742 2116 display: flex; … … 1745 2119 justify-content: space-between; 1746 2120 } 2121 1747 2122 .header-wrapper .header-areas-left, 1748 2123 .header-wrapper .header-areas-center, … … 1751 2126 align-items: center; 1752 2127 } 2128 1753 2129 .header-wrapper .header-areas-left { 1754 2130 justify-content: flex-start; 1755 2131 } 2132 1756 2133 .header-wrapper .header-areas-center { 1757 2134 justify-content: center; 1758 2135 flex-grow: 1; 1759 2136 } 2137 1760 2138 .header-wrapper .header-areas-center .site-description { 1761 2139 text-align: center; 1762 2140 } 2141 1763 2142 .header-wrapper .header-areas-right { 1764 2143 justify-content: flex-end; 1765 2144 } 2145 1766 2146 .main-nav-controls, 1767 2147 .navbar-controls { 1768 2148 display: flex; 1769 2149 } 2150 1770 2151 .main-nav-controls { 1771 2152 align-items: center; 1772 2153 } 2154 1773 2155 .navbar-controls { 1774 2156 flex-shrink: 0; … … 1777 2159 overflow: hidden; 1778 2160 } 2161 1779 2162 .navbar-control { 1780 2163 background: transparent; … … 1793 2176 font-size: 12px; 1794 2177 } 2178 1795 2179 .navbar-control .svg-icon { 1796 2180 display: inline-block; 1797 2181 vertical-align: middle; 1798 2182 } 2183 1799 2184 .main-nav-controls .navbar-control { 1800 2185 margin: 0 1.25rem 0 auto; 1801 2186 } 2187 1802 2188 .navbar-control:hover, 1803 2189 .navbar-control:focus, … … 1806 2192 border-color: transparent; 1807 2193 } 2194 1808 2195 .navbar-control-trigger:focus { 1809 2196 outline: none; 1810 2197 } 1811 .navbar-control:focus-visible > .navbar-control-trigger { 2198 2199 .navbar-control:focus-visible>.navbar-control-trigger { 1812 2200 outline: 2px solid; 1813 2201 } 2202 1814 2203 .header-searchbar { 1815 2204 background: rgba(0, 0, 0, 0.42); … … 1833 2222 overflow: -moz-scrollbars-none; 1834 2223 } 2224 1835 2225 .header-searchbar.header-searchbar-active { 1836 2226 transform: translateY(0); … … 1839 2229 -webkit-transform: translateY(0); 1840 2230 } 2231 1841 2232 .admin-bar .header-searchbar.header-searchbar-active { 1842 2233 top: 32px; 1843 2234 } 2235 1844 2236 @media (max-width: 782px) { 1845 2237 .admin-bar .header-searchbar.header-searchbar-active { … … 1847 2239 } 1848 2240 } 2241 1849 2242 .header-searchbar-inner { 1850 2243 transform: translateY(-100%); 1851 2244 transition: transform 0.15s linear, box-shadow 0.15s linear; 1852 2245 } 2246 1853 2247 .header-searchbar-active .header-searchbar-inner { 1854 2248 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); … … 1856 2250 transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; 1857 2251 } 2252 1858 2253 .header-searchbar-area { 1859 2254 display: flex; … … 1862 2257 padding-top: 8rem; 1863 2258 } 2259 1864 2260 .header-searchbar form { 1865 2261 margin: 0; … … 1867 2263 width: 100%; 1868 2264 } 2265 1869 2266 .header-searchbar .close-popup { 1870 2267 margin-left: 1rem; … … 1876 2273 1877 2274 .stick_head { 1878 position: fixed !important; 1879 width: 100%; 1880 z-index: 999999; 1881 top: 0; 1882 left: 0; 1883 padding: 12px 0px; 1884 background: #ffffff; 1885 } 2275 position: fixed !important; 2276 width: 100%; 2277 z-index: 999999; 2278 top: 0; 2279 left: 0; 2280 padding: 12px 0px; 2281 background: #ffffff; 2282 } 2283 1886 2284 .header-navbar.login-user.stick_head { 1887 margin-top: 32px;1888 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;2285 margin-top: 32px; 2286 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 1889 2287 } 1890 2288 … … 1902 2300 position: fixed; 1903 2301 z-index: 9999999; 1904 } 1905 .loader{ 1906 position: relative; 1907 width: 200px; 1908 height: 60px; 1909 top: 40%; 1910 margin: 20px auto; 1911 } 1912 .loader > div:nth-child(2) { 1913 -webkit-animation: pacman-balls 1s -0.99s infinite linear; 1914 animation: pacman-balls 1s -0.99s infinite linear; 1915 } 1916 .loader > div:nth-child(3) { 1917 -webkit-animation: pacman-balls 1s -0.66s infinite linear; 1918 animation: pacman-balls 1s -0.66s infinite linear; 1919 } 1920 .loader > div:nth-child(4) { 1921 -webkit-animation: pacman-balls 1s -0.33s infinite linear; 1922 animation: pacman-balls 1s -0.33s infinite linear; 1923 } 1924 .loader > div:nth-child(5) { 1925 -webkit-animation: pacman-balls 1s 0s infinite linear; 1926 animation: pacman-balls 1s 0s infinite linear; 1927 } 1928 .loader > div:first-of-type { 1929 width: 0px; 1930 height: 0px; 1931 border-right: 25px solid transparent; 1932 border-top: 25px solid var(--global-color); 1933 border-left: 25px solid var(--global-color); 1934 border-bottom: 25px solid var(--global-color); 1935 border-radius: 25px; 1936 -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite; 1937 animation: rotate_pacman_half_up 0.5s 0s infinite; 1938 position: relative; 1939 left: 30%; 1940 } 1941 .loader > div:nth-child(2) { 1942 width: 0px; 1943 height: 0px; 1944 border-right: 25px solid transparent; 1945 border-top: 25px solid var(--global-color); 1946 border-left: 25px solid var(--global-color); 1947 border-bottom: 25px solid var(--global-color); 1948 border-radius: 25px; 1949 -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite; 1950 animation: rotate_pacman_half_down 0.5s 0s infinite; 1951 margin-top: -50px; 1952 position: relative; 1953 left: 30%; 1954 } 1955 .loader > div:nth-child(3), 1956 .loader > div:nth-child(4), 1957 .loader > div:nth-child(5), 1958 .loader > div:nth-child(6) { 1959 background-color: #FFE52C; 1960 width: 15px; 1961 height: 15px; 1962 border-radius: 100%; 1963 margin: 2px; 1964 width: 10px; 1965 height: 10px; 1966 position: absolute; 1967 -webkit-transform: translate(0, -6.25px); 1968 -ms-transform: translate(0, -6.25px); 1969 transform: translate(0, -6.25px); 1970 top: 25px; 1971 right: 0; 1972 } 1973 @-webkit-keyframes rotate_pacman_half_up { 1974 0% { 1975 -webkit-transform: rotate(270deg); 1976 transform: rotate(270deg); } 1977 50% { 1978 -webkit-transform: rotate(360deg); 1979 transform: rotate(360deg); } 1980 100% { 1981 -webkit-transform: rotate(270deg); 1982 transform: rotate(270deg); } 1983 } 1984 @keyframes rotate_pacman_half_up { 1985 0% { 1986 -webkit-transform: rotate(270deg); 1987 transform: rotate(270deg); } 1988 50% { 1989 -webkit-transform: rotate(360deg); 1990 transform: rotate(360deg); } 1991 100% { 1992 -webkit-transform: rotate(270deg); 1993 transform: rotate(270deg); } 1994 } 1995 @-webkit-keyframes rotate_pacman_half_down { 1996 0% { 1997 -webkit-transform: rotate(90deg); 1998 transform: rotate(90deg); } 1999 50% { 2000 -webkit-transform: rotate(0deg); 2001 transform: rotate(0deg); } 2002 100% { 2003 -webkit-transform: rotate(90deg); 2004 transform: rotate(90deg); } 2005 } 2006 @keyframes rotate_pacman_half_down { 2007 0% { 2008 -webkit-transform: rotate(90deg); 2009 transform: rotate(90deg); } 2010 50% { 2011 -webkit-transform: rotate(0deg); 2012 transform: rotate(0deg); } 2013 100% { 2014 -webkit-transform: rotate(90deg); 2015 transform: rotate(90deg); } 2016 } 2017 @-webkit-keyframes pacman-balls { 2018 75% { 2019 opacity: 0.7; } 2020 100% { 2021 -webkit-transform: translate(-100px, -6.25px); 2022 transform: translate(-100px, -6.25px); } 2023 } 2024 @keyframes pacman-balls { 2025 75% { 2026 opacity: 0.7; } 2027 100% { 2028 -webkit-transform: translate(-100px, -6.25px); 2029 transform: translate(-100px, -6.25px); } 2030 } 2302 } 2303 2304 .loader { 2305 position: relative; 2306 width: 200px; 2307 height: 60px; 2308 top: 40%; 2309 margin: 20px auto; 2310 } 2311 2312 .loader>div:nth-child(2) { 2313 -webkit-animation: pacman-balls 1s -0.99s infinite linear; 2314 animation: pacman-balls 1s -0.99s infinite linear; 2315 } 2316 2317 .loader>div:nth-child(3) { 2318 -webkit-animation: pacman-balls 1s -0.66s infinite linear; 2319 animation: pacman-balls 1s -0.66s infinite linear; 2320 } 2321 2322 .loader>div:nth-child(4) { 2323 -webkit-animation: pacman-balls 1s -0.33s infinite linear; 2324 animation: pacman-balls 1s -0.33s infinite linear; 2325 } 2326 2327 .loader>div:nth-child(5) { 2328 -webkit-animation: pacman-balls 1s 0s infinite linear; 2329 animation: pacman-balls 1s 0s infinite linear; 2330 } 2331 2332 .loader>div:first-of-type { 2333 width: 0px; 2334 height: 0px; 2335 border-right: 25px solid transparent; 2336 border-top: 25px solid var(--global-color); 2337 border-left: 25px solid var(--global-color); 2338 border-bottom: 25px solid var(--global-color); 2339 border-radius: 25px; 2340 -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite; 2341 animation: rotate_pacman_half_up 0.5s 0s infinite; 2342 position: relative; 2343 left: 30%; 2344 } 2345 2346 .loader>div:nth-child(2) { 2347 width: 0px; 2348 height: 0px; 2349 border-right: 25px solid transparent; 2350 border-top: 25px solid var(--global-color); 2351 border-left: 25px solid var(--global-color); 2352 border-bottom: 25px solid var(--global-color); 2353 border-radius: 25px; 2354 -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite; 2355 animation: rotate_pacman_half_down 0.5s 0s infinite; 2356 margin-top: -50px; 2357 position: relative; 2358 left: 30%; 2359 } 2360 2361 .loader>div:nth-child(3), 2362 .loader>div:nth-child(4), 2363 .loader>div:nth-child(5), 2364 .loader>div:nth-child(6) { 2365 background-color: #FFE52C; 2366 width: 15px; 2367 height: 15px; 2368 border-radius: 100%; 2369 margin: 2px; 2370 width: 10px; 2371 height: 10px; 2372 position: absolute; 2373 -webkit-transform: translate(0, -6.25px); 2374 -ms-transform: translate(0, -6.25px); 2375 transform: translate(0, -6.25px); 2376 top: 25px; 2377 right: 0; 2378 } 2379 2380 @-webkit-keyframes rotate_pacman_half_up { 2381 0% { 2382 -webkit-transform: rotate(270deg); 2383 transform: rotate(270deg); 2384 } 2385 2386 50% { 2387 -webkit-transform: rotate(360deg); 2388 transform: rotate(360deg); 2389 } 2390 2391 100% { 2392 -webkit-transform: rotate(270deg); 2393 transform: rotate(270deg); 2394 } 2395 } 2396 2397 @keyframes rotate_pacman_half_up { 2398 0% { 2399 -webkit-transform: rotate(270deg); 2400 transform: rotate(270deg); 2401 } 2402 2403 50% { 2404 -webkit-transform: rotate(360deg); 2405 transform: rotate(360deg); 2406 } 2407 2408 100% { 2409 -webkit-transform: rotate(270deg); 2410 transform: rotate(270deg); 2411 } 2412 } 2413 2414 @-webkit-keyframes rotate_pacman_half_down { 2415 0% { 2416 -webkit-transform: rotate(90deg); 2417 transform: rotate(90deg); 2418 } 2419 2420 50% { 2421 -webkit-transform: rotate(0deg); 2422 transform: rotate(0deg); 2423 } 2424 2425 100% { 2426 -webkit-transform: rotate(90deg); 2427 transform: rotate(90deg); 2428 } 2429 } 2430 2431 @keyframes rotate_pacman_half_down { 2432 0% { 2433 -webkit-transform: rotate(90deg); 2434 transform: rotate(90deg); 2435 } 2436 2437 50% { 2438 -webkit-transform: rotate(0deg); 2439 transform: rotate(0deg); 2440 } 2441 2442 100% { 2443 -webkit-transform: rotate(90deg); 2444 transform: rotate(90deg); 2445 } 2446 } 2447 2448 @-webkit-keyframes pacman-balls { 2449 75% { 2450 opacity: 0.7; 2451 } 2452 2453 100% { 2454 -webkit-transform: translate(-100px, -6.25px); 2455 transform: translate(-100px, -6.25px); 2456 } 2457 } 2458 2459 @keyframes pacman-balls { 2460 75% { 2461 opacity: 0.7; 2462 } 2463 2464 100% { 2465 -webkit-transform: translate(-100px, -6.25px); 2466 transform: translate(-100px, -6.25px); 2467 } 2468 } 2031 2469 2032 2470 /*-------------------------------------------------------------- … … 2037 2475 text-decoration: none; 2038 2476 } 2477 2039 2478 a:hover, 2040 2479 a:focus { 2041 2480 color: var(--global-color); 2042 2481 } 2482 2043 2483 a:hover, 2044 2484 a:focus, … … 2046 2486 outline: none; 2047 2487 } 2488 2048 2489 a:focus-visible { 2049 2490 outline: 2px solid; 2050 2491 } 2492 2051 2493 .entry-content a:not(.more-link):not(.button):not(.wp-block-button__link), 2052 2494 .entry-summary a:not(.more-link):not(.button), 2053 .widget_text a:not(.more-link):not(.button),.comment-content a,.theme-custom-block a { 2495 .widget_text a:not(.more-link):not(.button), 2496 .comment-content a, 2497 .theme-custom-block a { 2054 2498 text-decoration: underline; 2055 2499 } 2056 .entry-content p{ 2500 2501 .entry-content p { 2057 2502 word-wrap: break-word; 2058 2503 } 2059 .wp-block-button__link{ 2504 2505 .wp-block-button__link { 2060 2506 border-radius: 30px; 2061 2507 margin-bottom: 15px; 2062 2508 } 2509 2063 2510 /*-------------------------------------------------------------- 2064 2511 ## Menus 2065 2512 --------------------------------------------------------------*/ 2066 span.navbar-control-trigger {2513 span.navbar-control-trigger { 2067 2514 color: var(--global-color); 2068 2515 } 2516 2069 2517 .single-post .header-layout { 2070 2518 border-bottom: 1px solid #efece2; 2071 2519 } 2520 2072 2521 .site-navigation .primary-menu { 2073 2522 display: flex; … … 2078 2527 justify-content: center; 2079 2528 } 2529 2080 2530 .site-navigation .primary-menu .brand-home { 2081 2531 color: #fff; 2082 2532 } 2533 2083 2534 .site-navigation .primary-menu .brand-home a { 2084 2535 color: inherit; … … 2086 2537 line-height: 1px; 2087 2538 } 2539 2088 2540 .site-navigation .primary-menu { 2089 2541 display: flex; … … 2093 2545 padding: 0; 2094 2546 } 2547 2095 2548 .theme-menu, 2096 2549 .theme-menu ul { … … 2099 2552 padding: 0; 2100 2553 } 2554 2101 2555 .theme-menu a, 2102 2556 .responsive-content-menu a { 2103 2557 color: inherit; 2104 2558 } 2559 2105 2560 .site-navigation .primary-menu .icon { 2106 2561 pointer-events: none; 2107 2562 margin-left: 5px; 2108 2563 } 2564 2109 2565 .rtl .site-navigation .primary-menu .icon { 2110 2566 margin-left: 0; 2111 2567 margin-right: 5px; 2112 2568 } 2569 2113 2570 .site-navigation .primary-menu .icon .svg-icon { 2114 2571 height: 1rem; 2115 2572 width: 1rem; 2116 2573 } 2117 .site-navigation .primary-menu > li { 2574 2575 .site-navigation .primary-menu>li { 2118 2576 margin: 0 1rem; 2119 2577 padding: 1rem 0; 2120 2578 } 2121 .header-layout .site-navigation .primary-menu > li:last-child { 2579 2580 .header-layout .site-navigation .primary-menu>li:last-child { 2122 2581 margin-right: 0; 2123 2582 } 2124 .rtl .header-layout .site-navigation .primary-menu > li:last-child { 2583 2584 .rtl .header-layout .site-navigation .primary-menu>li:last-child { 2125 2585 margin-right: 1rem; 2126 2586 margin-left: 0; 2127 2587 } 2128 .site-navigation .primary-menu > li > a,.link-icon-wrapper a { 2588 2589 .site-navigation .primary-menu>li>a, 2590 .link-icon-wrapper a { 2129 2591 line-height: 1; 2130 2592 font-size: 1.5rem; 2131 2593 position: relative; 2132 2594 } 2133 .site-navigation .primary-menu > li > a::before { 2595 2596 .site-navigation .primary-menu>li>a::before { 2134 2597 position: absolute; 2135 2598 content: ""; … … 2141 2604 transition: width 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); 2142 2605 } 2606 2143 2607 .link-icon-wrapper svg.svg-icon { 2144 2608 width: 10px; … … 2146 2610 margin-left: 5px; 2147 2611 } 2148 .site-navigation .primary-menu > li:hover > a::before, 2149 .site-navigation .primary-menu > li:focus > a::before { 2612 2613 .site-navigation .primary-menu>li:hover>a::before, 2614 .site-navigation .primary-menu>li:focus>a::before { 2150 2615 width: 100%; 2151 2616 left: 0; 2152 2617 } 2153 .site-navigation .primary-menu > li.active > a::before { 2618 2619 .site-navigation .primary-menu>li.active>a::before { 2154 2620 width: 100%; 2155 2621 left: 0; 2156 2622 } 2157 .site-navigation .primary-menu > li:not(.megamenu-has-children), 2158 .site-navigation .primary-menu > li:not(.megamenu-has-children) .dropdown-menu li { 2623 2624 .site-navigation .primary-menu>li:not(.megamenu-has-children), 2625 .site-navigation .primary-menu>li:not(.megamenu-has-children) .dropdown-menu li { 2159 2626 position: relative; 2160 2627 } 2628 2161 2629 .site-navigation .primary-menu a { 2162 2630 display: inline-block; … … 2165 2633 word-wrap: normal; 2166 2634 } 2167 .site-navigation .primary-menu > li a { 2635 2636 .site-navigation .primary-menu>li a { 2168 2637 color: #271D3A; 2169 2638 font-size: 14px; … … 2172 2641 font-weight: 500; 2173 2642 } 2174 .site-navigation .primary-menu > li a:hover{ 2643 2644 .site-navigation .primary-menu>li a:hover { 2175 2645 color: #1A3C8B; 2176 2646 font-weight: bold; 2177 2647 } 2648 2178 2649 /* SUB MENU */ 2179 2650 .site-navigation .primary-menu ul { … … 2191 2662 z-index: 9; 2192 2663 } 2193 .site-navigation .primary-menu li.menu-item-has-children:hover > ul, 2194 .site-navigation .primary-menu li.menu-item-has-children:focus > ul, 2195 .site-navigation .primary-menu li.page_item_has_children:hover > ul, 2196 .site-navigation .primary-menu li.page_item_has_children:focus > ul { 2664 2665 .site-navigation .primary-menu li.menu-item-has-children:hover>ul, 2666 .site-navigation .primary-menu li.menu-item-has-children:focus>ul, 2667 .site-navigation .primary-menu li.page_item_has_children:hover>ul, 2668 .site-navigation .primary-menu li.page_item_has_children:focus>ul { 2197 2669 left: 0; 2198 2670 opacity: 1; … … 2200 2672 transition: opacity 0.15s linear, transform 0.15s linear; 2201 2673 } 2202 .site-navigation .primary-menu li.menu-item-has-children:focus-within > ul, 2203 .site-navigation .primary-menu li.page_item_has_children:focus-within > ul { 2674 2675 .site-navigation .primary-menu li.menu-item-has-children:focus-within>ul, 2676 .site-navigation .primary-menu li.page_item_has_children:focus-within>ul { 2204 2677 left: 0; 2205 2678 opacity: 1; … … 2207 2680 transition: opacity 0.15s linear, transform 0.15s linear; 2208 2681 } 2682 2209 2683 .site-navigation .primary-menu ul::after { 2210 2684 content: ""; … … 2213 2687 bottom: 100%; 2214 2688 } 2689 2215 2690 .site-navigation .primary-menu ul::before { 2216 2691 height: 2rem; … … 2219 2694 } 2220 2695 2221 .site-navigation .primary-menu ul.sub-menu li a{ 2222 color:#fff !important; 2223 } 2696 .site-navigation .primary-menu ul.sub-menu li a { 2697 color: #fff !important; 2698 } 2699 2224 2700 .site-navigation .primary-menu ul a { 2225 2701 background: transparent; … … 2230 2706 width: 90%; 2231 2707 } 2232 .site-navigation .primary-menu ul li.menu-item-has-children > a { 2708 2709 .site-navigation .primary-menu ul li.menu-item-has-children>a { 2233 2710 padding-right: 3rem; 2234 2711 } 2712 2235 2713 .site-navigation .primary-menu ul li.menu-item-has-children .icon { 2236 2714 position: absolute; … … 2238 2716 top: calc(50% - 0.5rem); 2239 2717 } 2718 2240 2719 /* DEEP DOWN */ 2241 2720 .site-navigation .primary-menu ul ul { 2242 2721 top: 0; 2243 2722 } 2244 .site-navigation .primary-menu ul li.menu-item-has-children:hover > ul, 2245 .site-navigation .primary-menu ul li.menu-item-has-children:focus > ul, 2246 .site-navigation .primary-menu ul li.page_item_has_children:hover > ul, 2247 .site-navigation .primary-menu ul li.page_item_has_children:focus > ul { 2723 2724 .site-navigation .primary-menu ul li.menu-item-has-children:hover>ul, 2725 .site-navigation .primary-menu ul li.menu-item-has-children:focus>ul, 2726 .site-navigation .primary-menu ul li.page_item_has_children:hover>ul, 2727 .site-navigation .primary-menu ul li.page_item_has_children:focus>ul { 2248 2728 left: calc(100% + 2rem); 2249 2729 } 2250 .site-navigation .primary-menu ul li.menu-item-has-children:focus-within > ul, 2251 .site-navigation .primary-menu ul li.page_item_has_children:focus-within > ul { 2730 2731 .site-navigation .primary-menu ul li.menu-item-has-children:focus-within>ul, 2732 .site-navigation .primary-menu ul li.page_item_has_children:focus-within>ul { 2252 2733 left: calc(100% + 2rem); 2253 2734 } 2735 2254 2736 .site-navigation .primary-menu ul ul::before { 2255 2737 position: absolute; … … 2262 2744 width: 2rem; 2263 2745 } 2746 2264 2747 .site-navigation .primary-menu ul ul::after { 2265 2748 border: 0.8rem solid transparent; … … 2270 2753 top: 2rem; 2271 2754 } 2755 2272 2756 .rtl .site-navigation .primary-menu ul ul::after { 2273 2757 transform: rotate(180deg); … … 2275 2759 2276 2760 @media (any-pointer: coarse) { 2277 .site-navigation .primary-menu > li.menu-item-has-children >a {2761 .site-navigation .primary-menu>li.menu-item-has-children>a { 2278 2762 padding-right: 0; 2279 2763 margin-right: 2rem; 2280 2764 } 2281 .site-navigation .primary-menu ul li.menu-item-has-children > a { 2765 2766 .site-navigation .primary-menu ul li.menu-item-has-children>a { 2282 2767 margin-right: 4.5rem; 2283 2768 padding-right: 0; … … 2285 2770 } 2286 2771 } 2772 2287 2773 /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ 2288 body.touch-enabled .primary-menu > li.menu-item-has-children >a {2774 body.touch-enabled .primary-menu>li.menu-item-has-children>a { 2289 2775 padding-right: 0; 2290 2776 margin-right: 2rem; 2291 2777 } 2292 body.touch-enabled .primary-menu ul li.menu-item-has-children > a { 2778 2779 body.touch-enabled .primary-menu ul li.menu-item-has-children>a { 2293 2780 margin-right: 4.5rem; 2294 2781 padding-right: 0; 2295 2782 width: unset; 2296 2783 } 2784 2297 2785 @media screen and (max-width: 991px) { 2298 2786 .site-navigation .primary-menu-wrapper { … … 2301 2789 visibility: hidden; 2302 2790 } 2303 .wrapper, .wrapper-fluid { 2791 2792 .wrapper, 2793 .wrapper-fluid { 2304 2794 width: auto !important; 2305 2795 margin-right: 15px !important; … … 2307 2797 } 2308 2798 } 2799 2309 2800 .menu-description { 2310 2801 background-color: #000; … … 2321 2812 z-index: 1; 2322 2813 } 2814 2323 2815 .menu-description:after { 2324 2816 position: absolute; … … 2333 2825 bottom: -4px; 2334 2826 } 2827 2335 2828 .navbar-control-offcanvas { 2336 2829 display: none; … … 2338 2831 visibility: hidden; 2339 2832 } 2833 2340 2834 @media (max-width: 991px) { 2341 2835 .navbar-control-offcanvas { … … 2345 2839 } 2346 2840 } 2841 2347 2842 #offcanvas-menu { 2348 2843 background: rgba(0, 0, 0, 0.42); … … 2360 2855 transition: right 0.5s; 2361 2856 } 2857 2362 2858 #offcanvas-menu .offcanvas-wraper { 2363 2859 height: 100%; … … 2371 2867 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1); 2372 2868 } 2869 2373 2870 #offcanvas-menu .offcanvas-wraper::-webkit-scrollbar { 2374 2871 width: 0; 2375 2872 height: 0; 2376 2873 } 2874 2377 2875 @media screen and (max-width: 991px) { 2378 2876 #offcanvas-menu .offcanvas-wraper { … … 2383 2881 } 2384 2882 } 2883 2385 2884 @media screen and (max-width: 767px) { 2386 2885 #offcanvas-menu .offcanvas-wraper { … … 2389 2888 max-width: 100%; 2390 2889 } 2391 .stick_head{ 2890 2891 .stick_head { 2392 2892 position: static !important; 2393 2893 } 2394 .header-navbar.login-user.stick_head{ 2894 2895 .header-navbar.login-user.stick_head { 2395 2896 margin-top: 0px; 2396 2897 } 2397 2898 } 2899 2398 2900 #offcanvas-menu .close-offcanvas-menu { 2399 2901 text-align: right; 2400 2902 cursor: pointer; 2401 2903 } 2904 2402 2905 #offcanvas-menu .close-offcanvas-menu .offcanvas-close { 2403 2906 font-size: 14px; … … 2408 2911 justify-content: space-between; 2409 2912 } 2913 2410 2914 .admin-bar #offcanvas-menu .close-offcanvas-menu .offcanvas-close { 2411 2915 margin-top: 40px; 2412 2916 } 2917 2413 2918 .responsive-date-clock .responsive-content-date, 2414 2919 .responsive-date-clock .theme-topbar-clock { 2415 2920 text-align: left; 2416 2921 } 2922 2417 2923 .responsive-date-clock .theme-topbar-icon, 2418 2924 .responsive-date-clock .theme-topbar-label { … … 2420 2926 vertical-align: middle; 2421 2927 } 2422 .offcanvas-wraper > * { 2928 2929 .offcanvas-wraper>* { 2423 2930 -webkit-transform: translateX(30px); 2424 2931 -ms-transform: translateX(30px); … … 2428 2935 will-change: transform, opacity; 2429 2936 } 2430 .offcanvas-menu-active .offcanvas-wraper > * { 2937 2938 .offcanvas-menu-active .offcanvas-wraper>* { 2431 2939 -webkit-transform: translateX(0); 2432 2940 -ms-transform: translateX(0); … … 2434 2942 opacity: 1; 2435 2943 } 2944 2436 2945 .offcanvas-menu-active .offcanvas-wraper .offcanvas-branding { 2437 2946 transition-delay: 0.3s; 2438 2947 } 2948 2439 2949 .offcanvas-menu-active .offcanvas-wraper .offcanvas-main-navigation { 2440 2950 transition-delay: 0.6s; 2441 2951 } 2952 2442 2953 .offcanvas-menu-active .offcanvas-wraper .offcanvas-social-navigation { 2443 2954 transition-delay: 0.9s; 2444 2955 } 2956 2445 2957 #offcanvas-menu.offcanvas-menu-active { 2446 2958 display: -ms-flexbox; … … 2448 2960 right: 0; 2449 2961 } 2962 2450 2963 .offcanvas-main-navigation { 2451 2964 width: 100%; 2452 2965 } 2966 2453 2967 .offcanvas-item { 2454 2968 margin-bottom: 15px; 2455 2969 } 2970 2456 2971 .offcanvas-main-navigation li, 2457 2972 .responsive-content-menu li { … … 2459 2974 position: relative; 2460 2975 } 2976 2461 2977 .offcanvas-main-navigation li:last-child, 2462 2978 .responsive-content-menu li:last-child { 2463 2979 border-bottom: none; 2464 2980 } 2981 2465 2982 .offcanvas-main-navigation a, 2466 2983 .responsive-content-menu a { … … 2472 2989 width: 100%; 2473 2990 } 2991 2474 2992 .offcanvas-main-navigation .sub-menu { 2475 2993 border-top: 1px solid; … … 2479 2997 padding: 0; 2480 2998 } 2999 2481 3000 .offcanvas-main-navigation .sub-menu.submenu-toggle-active { 2482 3001 display: block; 2483 3002 } 3003 2484 3004 .offcanvas-main-navigation .submenu-wrapper { 2485 3005 display: flex; … … 2487 3007 width: 100%; 2488 3008 } 3009 2489 3010 .offcanvas-main-navigation .submenu-wrapper .submenu-toggle { 2490 3011 border-style: solid; … … 2493 3014 padding-right: 3rem; 2494 3015 } 3016 2495 3017 .offcanvas-main-navigation .submenu-wrapper .submenu-toggle .svg-icon { 2496 3018 height: .9rem; … … 2498 3020 width: 1.8rem; 2499 3021 } 3022 2500 3023 .offcanvas-main-navigation .submenu-wrapper .submenu-toggle.button-toggle-active .svg-icon { 2501 3024 transform: rotate(180deg); 2502 3025 } 3026 2503 3027 .social-menu ul { 2504 3028 list-style: none; … … 2506 3030 padding: 0; 2507 3031 } 3032 2508 3033 .social-menu li { 2509 3034 display: inline-block; … … 2511 3036 vertical-align: middle; 2512 3037 } 3038 2513 3039 .social-menu li a .svg-icon { 2514 3040 margin-left: 0.2rem; … … 2516 3042 height: 1.6rem; 2517 3043 } 3044 2518 3045 .social-menu ul li a[href*="youtube.com"] .svg-icon { 2519 3046 width: 1.9rem; 2520 3047 height: 1.9rem; 2521 3048 } 3049 2522 3050 /*-------------------------------------------------------------- 2523 3051 # Accessibility … … 2535 3063 word-wrap: normal !important; 2536 3064 } 3065 2537 3066 .screen-reader-text:focus { 2538 3067 background-color: #f1f1f1; … … 2555 3084 z-index: 100000; 2556 3085 } 3086 2557 3087 .skip-link { 2558 3088 font-size: 16px !important; 2559 3089 } 3090 2560 3091 #content[tabindex="-1"]:focus { 2561 3092 outline: 0; 2562 3093 } 3094 2563 3095 @media (prefers-reduced-motion: reduce) { 2564 3096 * { … … 2567 3099 } 2568 3100 } 3101 2569 3102 /*-------------------------------------------------------------- 2570 3103 # Alignments … … 2575 3108 margin-right: 1.5em; 2576 3109 } 3110 2577 3111 .alignright { 2578 3112 display: inline; … … 2580 3114 margin-left: 1.5em; 2581 3115 } 3116 2582 3117 .aligncenter { 2583 3118 clear: both; … … 2586 3121 margin-right: auto; 2587 3122 } 3123 2588 3124 /*-------------------------------------------------------------- 2589 3125 # Clearings … … 2607 3143 table-layout: fixed; 2608 3144 } 3145 2609 3146 .clear:after, 2610 3147 .entry-content:after, … … 2616 3153 clear: both; 2617 3154 } 3155 2618 3156 /*-------------------------------------------------------------- 2619 3157 # Widgets … … 2623 3161 padding-bottom: 3rem; 2624 3162 } 3163 2625 3164 .widget:last-child { 2626 3165 margin: 0; 2627 3166 } 3167 2628 3168 .widget select { 2629 3169 max-width: 100%; 2630 3170 } 3171 2631 3172 .widget ul, 2632 3173 .widget ol { … … 2636 3177 margin-bottom: 0; 2637 3178 } 3179 2638 3180 .widget .button { 2639 3181 padding-top: 0.5rem; 2640 3182 padding-bottom: 0.5rem; 2641 3183 } 3184 2642 3185 /*-------------------------------------------------------------- 2643 3186 ## Widgets … … 2646 3189 color: inherit; 2647 3190 } 3191 2648 3192 .widget a:hover, 2649 3193 .widget a:focus { 2650 3194 color: var(--global-color); 2651 3195 } 3196 2652 3197 .widget_nav_menu a { 2653 3198 display: block; 2654 3199 padding: 1rem 0; 2655 3200 } 2656 .widget_nav_menu .menu > .menu-item:not(:first-child) { 3201 3202 .widget_nav_menu .menu>.menu-item:not(:first-child) { 2657 3203 border-top: 1px #e9ecef solid; 2658 3204 } 3205 2659 3206 .widget_nav_menu .menu-item-has-children { 2660 3207 display: -webkit-box; … … 2671 3218 width: 100%; 2672 3219 } 2673 .widget_nav_menu .menu-item-has-children > a { 3220 3221 .widget_nav_menu .menu-item-has-children>a { 2674 3222 -webkit-box-ordinal-group: 2; 2675 3223 -ms-flex-order: 1; 2676 3224 order: 1; 2677 3225 } 2678 .widget_nav_menu .menu-item-has-children > span { 3226 3227 .widget_nav_menu .menu-item-has-children>span { 2679 3228 cursor: pointer; 2680 3229 -webkit-box-ordinal-group: 3; … … 2682 3231 order: 2; 2683 3232 } 2684 .widget_nav_menu .menu-item-has-children > ul { 3233 3234 .widget_nav_menu .menu-item-has-children>ul { 2685 3235 width: 100%; 2686 3236 -webkit-box-ordinal-group: 4; … … 2688 3238 order: 3; 2689 3239 } 2690 .widget_nav_menu .menu-item-expanded > span:after { 3240 3241 .widget_nav_menu .menu-item-expanded>span:after { 2691 3242 content: "\e90f"; 2692 3243 } 2693 .widget_nav_menu .menu > .menu-item > .sub-menu { 3244 3245 .widget_nav_menu .menu>.menu-item>.sub-menu { 2694 3246 padding-bottom: 1rem; 2695 3247 } 3248 2696 3249 .widget_nav_menu .sub-menu { 2697 3250 display: none; 2698 3251 } 3252 2699 3253 .widget_nav_menu .sub-menu a { 2700 3254 padding: 0.5rem 0; 2701 3255 line-height: 1; 2702 3256 } 3257 2703 3258 .widget_nav_menu .sub-menu .sub-menu { 2704 3259 padding: 0.5rem 0; 2705 3260 } 3261 2706 3262 .widget_nav_menu .sub-menu .sub-menu a { 2707 3263 padding-left: 1rem; 2708 3264 } 3265 2709 3266 .widget_nav_menu .submenu-visible { 2710 3267 display: block; 2711 3268 } 3269 2712 3270 .search-form { 2713 3271 margin: 0 auto; 2714 3272 display: flex; 2715 3273 } 3274 2716 3275 .search-form label { 2717 3276 display: block; … … 2720 3279 float: left; 2721 3280 } 3281 2722 3282 .search-form label .search-field { 2723 3283 border-right: 0; 2724 3284 } 3285 2725 3286 .search-form .search-submit { 2726 3287 float: left; … … 2729 3290 -webkit-appearance: none; 2730 3291 } 3292 2731 3293 .header-searchbar-area .search-form .search-submit { 2732 3294 padding: 1.7rem 2rem; 2733 3295 } 3296 2734 3297 .widget_recent_entries ul li, 2735 3298 .widget_categories ul li, … … 2751 3314 margin-bottom: 1rem; 2752 3315 } 3316 2753 3317 .widget_recent_entries ul li:first-child:last-child, 2754 3318 .widget_categories ul li:first-child:last-child, … … 2758 3322 padding-bottom: 0; 2759 3323 } 2760 .widget_categories ul li:first-child:last-child > .children, 2761 .widget_pages ul li:first-child:last-child > .children, 2762 .widget_archive ul li:first-child:last-child > .children { 3324 3325 .widget_categories ul li:first-child:last-child>.children, 3326 .widget_pages ul li:first-child:last-child>.children, 3327 .widget_archive ul li:first-child:last-child>.children { 2763 3328 padding-bottom: 0; 2764 3329 } 3330 2765 3331 .widget_recent_entries ul li a, 2766 3332 .widget_categories ul li a, … … 2773 3339 transition: color 0.2s; 2774 3340 } 3341 2775 3342 .widget_categories ul ul.children, 2776 3343 .widget_pages ul ul.children, … … 2784 3351 padding-left: 1.5em; 2785 3352 } 3353 2786 3354 .widget_categories ul ul.children li, 2787 3355 .widget_pages ul ul.children li, … … 2789 3357 padding: 1rem 0 1rem 1rem; 2790 3358 } 3359 2791 3360 .widget_categories ul ul.children li:last-child, 2792 3361 .widget_pages ul ul.children li:last-child, … … 2795 3364 padding-bottom: 0; 2796 3365 } 3366 2797 3367 .widget_categories ul ul.children ul.children li, 2798 3368 .widget_pages ul ul.children ul.children li, … … 2801 3371 padding-left: 0; 2802 3372 } 3373 2803 3374 .widget_search form { 2804 3375 margin-top: 0; 2805 3376 } 3377 2806 3378 #wp-calendar { 2807 3379 width: 100%; 2808 3380 margin: 0; 2809 3381 } 3382 2810 3383 #wp-calendar caption { 2811 3384 text-align: right; 2812 3385 margin-bottom: 15px; 2813 3386 } 3387 2814 3388 #wp-calendar thead th { 2815 3389 text-align: center; 2816 3390 } 3391 2817 3392 #wp-calendar tbody td { 2818 3393 background: #f5f5f5; … … 2821 3396 padding: 5px; 2822 3397 } 3398 2823 3399 #wp-calendar tbody td a { 2824 3400 text-decoration: underline !important; 2825 3401 color: #000; 2826 3402 } 3403 2827 3404 #wp-calendar tbody td:hover { 2828 3405 background: #fff; 2829 3406 } 3407 2830 3408 #wp-calendar tbody .pad { 2831 3409 background: none; 2832 3410 } 3411 2833 3412 #wp-calendar tfoot td.pad { 2834 3413 display: none; 2835 3414 } 3415 2836 3416 .widget_recent_comments li { 2837 3417 position: relative; 2838 3418 padding-bottom: 1rem; 2839 3419 } 3420 2840 3421 .widget_recent_comments li:last-child { 2841 3422 padding-bottom: 0; 2842 3423 } 3424 2843 3425 .widget_recent_comments li .comment-author-link, 2844 .widget_recent_comments li .comment-author-link a { 2845 } 3426 .widget_recent_comments li .comment-author-link a {} 3427 2846 3428 .widget_recent_entries li { 2847 3429 position: relative; 2848 3430 padding-bottom: 1rem; 2849 3431 } 3432 2850 3433 .widget_recent_entries li:last-child { 2851 3434 padding-bottom: 0; 2852 3435 } 3436 2853 3437 .widget_recent_entries li .post-date { 2854 3438 margin-left: 1rem; 2855 3439 } 3440 2856 3441 .widget_recent_entries li .post-date:before { 2857 3442 content: "("; 2858 3443 } 3444 2859 3445 .widget_recent_entries li .post-date:after { 2860 3446 content: ")"; 2861 3447 } 3448 2862 3449 .widget_rss .rss-widget-icon { 2863 3450 display: none; 2864 3451 } 3452 2865 3453 .widget_rss ul li { 2866 3454 border-bottom: 1px #e9ecef solid; … … 2869 3457 margin-bottom: 1rem; 2870 3458 } 3459 2871 3460 .widget_rss ul li:last-child { 2872 3461 border-bottom: none; … … 2874 3463 margin-bottom: 0; 2875 3464 } 3465 2876 3466 .widget_rss ul li .rsswidget { 2877 3467 color: #000000; … … 2879 3469 transition: color 0.25s; 2880 3470 } 3471 2881 3472 .widget_rss ul li .rss-date { 2882 3473 display: block; 2883 3474 margin-top: 0.25rem; 2884 3475 } 3476 2885 3477 .widget_rss ul li .rssSummary { 2886 3478 margin-top: 0.25rem; 2887 3479 color: #000000; 2888 3480 } 3481 2889 3482 .widget_rss ul li cite { 2890 3483 display: block; … … 2894 3487 font-size: 0.8125rem; 2895 3488 } 3489 2896 3490 .widget_tag_cloud { 2897 3491 overflow: hidden; 2898 3492 } 3493 2899 3494 .widget_tag_cloud .tagcloud { 2900 3495 display: -webkit-box; … … 2904 3499 flex-wrap: wrap; 2905 3500 } 2906 .widget_tag_cloud .tagcloud a, .wp-block-tag-cloud a { 3501 3502 .widget_tag_cloud .tagcloud a, 3503 .wp-block-tag-cloud a { 2907 3504 background: rgba(0, 0, 0, 0.052); 2908 3505 font-size: 12px !important; … … 2915 3512 letter-spacing: 1px; 2916 3513 } 3514 2917 3515 .widget_tag_cloud .tagcloud a:hover, 2918 3516 .widget_tag_cloud .tagcloud a:focus { … … 2920 3518 color: #fff; 2921 3519 } 3520 2922 3521 .widget_tag_cloud .tagcloud a:last-child { 2923 3522 margin-right: 0; 2924 3523 } 3524 2925 3525 .widget_tag_cloud .tagcloud a:first-letter { 2926 3526 text-transform: uppercase; 2927 3527 } 3528 2928 3529 .widget_media_video .mejs-container { 2929 3530 max-width: 100%; 2930 3531 overflow: hidden; 2931 3532 } 3533 2932 3534 .widget_media_video .mejs-container video, 2933 3535 .widget_media_video .mejs-container iframe, … … 2937 3539 overflow: hidden; 2938 3540 } 3541 2939 3542 .widget_media_gallery { 2940 3543 overflow: hidden; 2941 3544 } 3545 2942 3546 .widget_media_gallery [class^="gallery-columns-"], 2943 3547 .widget_media_gallery [class*=" gallery-columns-"] { … … 2949 3553 margin: -1rem -0.5rem 0; 2950 3554 } 3555 2951 3556 .widget_media_gallery [class^="gallery-columns-"] .gallery-item, 2952 3557 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item { … … 2967 3572 flex-direction: column; 2968 3573 } 3574 2969 3575 .widget_media_gallery [class^="gallery-columns-"] .gallery-item img, 2970 3576 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item img { … … 2976 3582 backface-visibility: hidden; 2977 3583 } 3584 2978 3585 .widget_media_gallery [class^="gallery-columns-"] .gallery-item:hover img, 2979 3586 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item:hover img { 2980 3587 opacity: 0.6; 2981 3588 } 3589 2982 3590 .widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-caption, 2983 3591 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-caption { 2984 3592 padding: 1rem 1rem 0; 2985 3593 } 3594 2986 3595 .widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-icon, 2987 3596 .widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-icon { … … 2990 3599 overflow: hidden; 2991 3600 } 3601 2992 3602 .widget_media_gallery .gallery-columns-4 .gallery-caption, 2993 3603 .widget_media_gallery .gallery-columns-5 .gallery-caption, … … 2998 3608 display: none; 2999 3609 } 3610 3000 3611 .widget_media_gallery .gallery-columns-1 .gallery-item { 3001 3612 -webkit-box-flex: 0; … … 3004 3615 max-width: 100%; 3005 3616 } 3617 3006 3618 .widget_media_gallery .gallery-columns-2 .gallery-item { 3007 3619 -webkit-box-flex: 0; … … 3010 3622 max-width: 50%; 3011 3623 } 3624 3012 3625 .widget_media_gallery .gallery-columns-3 .gallery-item { 3013 3626 -webkit-box-flex: 0; … … 3016 3629 max-width: 33.3333333333%; 3017 3630 } 3631 3018 3632 .widget_media_gallery .gallery-columns-4 .gallery-item { 3019 3633 -webkit-box-flex: 0; … … 3022 3636 max-width: 25%; 3023 3637 } 3638 3024 3639 .widget_media_gallery .gallery-columns-5 .gallery-item { 3025 3640 -webkit-box-flex: 0; … … 3028 3643 max-width: 20%; 3029 3644 } 3645 3030 3646 .widget_media_gallery .gallery-columns-6 .gallery-item { 3031 3647 -webkit-box-flex: 0; … … 3034 3650 max-width: 16.6666666667%; 3035 3651 } 3652 3036 3653 .widget_media_gallery .gallery-columns-7 .gallery-item { 3037 3654 -webkit-box-flex: 0; … … 3040 3657 max-width: 14.2857142857%; 3041 3658 } 3659 3042 3660 .widget_media_gallery .gallery-columns-8 .gallery-item { 3043 3661 -webkit-box-flex: 0; … … 3046 3664 max-width: 12.5%; 3047 3665 } 3666 3048 3667 .widget_media_gallery .gallery-columns-9 .gallery-item { 3049 3668 -webkit-box-flex: 0; … … 3052 3671 max-width: 11.1111111111%; 3053 3672 } 3673 3054 3674 /* Text widget */ 3055 3675 .widget_text { … … 3057 3677 word-wrap: break-word; 3058 3678 } 3679 3059 3680 .widget_text ul { 3060 3681 list-style: disc; 3061 3682 margin: 0 0 1rem 1rem; 3062 3683 } 3684 3063 3685 .widget_text ol { 3064 3686 list-style: decimal; 3065 3687 } 3688 3066 3689 .widget_text ul li, 3067 3690 .widget_text ol li { 3068 3691 border: none; 3069 3692 } 3693 3070 3694 .widget_text ul li:last-child, 3071 3695 .widget_text ol li:last-child { 3072 3696 padding-bottom: 0; 3073 3697 } 3698 3074 3699 .widget_text ul li ul { 3075 3700 margin: 0 0 0 1rem; 3076 3701 } 3702 3077 3703 .widget_text ul li li { 3078 3704 padding-left: 0; 3079 3705 padding-right: 0; 3080 3706 } 3707 3081 3708 .widget_text ol li { 3082 3709 list-style-position: inside; 3083 3710 } 3084 .widget_text ol li + li { 3711 3712 .widget_text ol li+li { 3085 3713 margin-top: -1px; 3086 3714 } 3715 3087 3716 /*Custom Widgets*/ 3088 3717 .widget .tab-head .twp-nav-tabs { … … 3090 3719 margin-bottom: 15px; 3091 3720 } 3721 3092 3722 .widget .tab-head .twp-nav-tabs li { 3093 3723 float: left; … … 3095 3725 width: 33.33%; 3096 3726 } 3097 .widget .tab-head .twp-nav-tabs > li > a { 3727 3728 .widget .tab-head .twp-nav-tabs>li>a { 3098 3729 display: block; 3099 3730 padding: 15px 0; … … 3102 3733 font-weight: 700; 3103 3734 } 3104 .widget .tab-head .twp-nav-tabs > li.active > a, 3105 .widget .tab-head .twp-nav-tabs > li > a:focus, 3106 .widget .tab-head .twp-nav-tabs > li > a:hover, 3107 .widget .tab-head .twp-nav-tabs > li.active > a:focus, 3108 .widget .tab-head .twp-nav-tabs > li.active > a:hover { 3735 3736 .widget .tab-head .twp-nav-tabs>li.active>a, 3737 .widget .tab-head .twp-nav-tabs>li>a:focus, 3738 .widget .tab-head .twp-nav-tabs>li>a:hover, 3739 .widget .tab-head .twp-nav-tabs>li.active>a:focus, 3740 .widget .tab-head .twp-nav-tabs>li.active>a:hover { 3109 3741 background: #000; 3110 3742 color: #fff; 3111 3743 } 3744 3112 3745 .widget .tab-head .post-description { 3113 3746 margin-top: 20px; 3114 3747 } 3748 3115 3749 .site-content .data-bg:not(.site-content .single-featured-banner .data-bg) { 3116 3750 -webkit-transition: 0.4s ease; … … 3119 3753 transition: 0.4s ease; 3120 3754 } 3755 3121 3756 /*.site-content .data-bg:hover:not(.site-content .single-featured-banner .data-bg) { 3122 3757 filter: blur(0.15rem); … … 3125 3760 color: #fff; 3126 3761 } 3762 3127 3763 .site-content .single-featured-banner .data-bg { 3128 3764 position: relative; … … 3130 3766 background-attachment: fixed; 3131 3767 } 3768 3132 3769 .site-content .single-featured-banner .data-bg::before { 3133 3770 position: absolute; … … 3140 3777 background-color: rgba(0, 0, 0, 0.14); 3141 3778 } 3779 3142 3780 .site-content .single-featured-banner .featured-banner-content .entry-meta a { 3143 3781 color: inherit; 3144 3782 } 3783 3145 3784 .site-content .single-featured-banner .breadcrumbs ul li span:before, 3146 3785 .site-content .single-featured-banner .entry-meta-item::before { 3147 3786 color: #fff; 3148 3787 } 3788 3149 3789 .tab-icon { 3150 3790 width: 15px; … … 3154 3794 vertical-align: middle; 3155 3795 } 3796 3156 3797 .site-content .tab-icon { 3157 3798 width: 20px; 3158 3799 height: 20px; 3159 3800 } 3801 3160 3802 .theme-widget-list li .article-list { 3161 3803 margin-bottom: 1rem; 3162 3804 padding-bottom: 1rem; 3163 3805 } 3806 3164 3807 .theme-widget-list li:last-child .article-list { 3165 3808 border: 0; … … 3167 3810 padding-bottom: 0; 3168 3811 } 3812 3169 3813 .theme-widget-list .article-image { 3170 3814 position: relative; 3171 3815 } 3816 3172 3817 .category-widget-header .category-title, 3173 3818 .category-widget-header .post-count { … … 3175 3820 vertical-align: middle; 3176 3821 } 3822 3177 3823 .category-widget-header .category-title { 3178 3824 font-weight: 700; … … 3180 3826 letter-spacing: 1px; 3181 3827 } 3828 3182 3829 .category-widget-description, 3183 3830 .category-latest-article .entry-title { … … 3185 3832 margin-bottom: 0; 3186 3833 } 3834 3187 3835 .author-widget-details .profile-data-bg { 3188 3836 border-radius: 100%; … … 3192 3840 width: 160px; 3193 3841 } 3842 3194 3843 .data-bg-enable.author-widget-details .profile-data-bg { 3195 3844 margin-top: -80px; 3196 3845 } 3846 3197 3847 .author-widget-details .author-content { 3198 3848 text-align: center; 3199 3849 } 3850 3200 3851 .author-content .entry-title { 3201 3852 margin-top: 10px; 3202 3853 } 3854 3203 3855 .author-widget-details .author-social-profiles { 3204 3856 margin-top: 20px; … … 3206 3858 text-align: center; 3207 3859 } 3208 .author-widget-details .author-social-profiles > a { 3860 3861 .author-widget-details .author-social-profiles>a { 3209 3862 display: inline-block; 3210 3863 margin: 0 5px; 3211 3864 } 3865 3212 3866 .author-widget-details .author-social-profiles .svg-icon { 3213 3867 color: #fff; … … 3219 3873 outline-offset: 3px; 3220 3874 } 3875 3221 3876 .author-widget-details .author-social-profiles a:hover .svg-icon, 3222 3877 .author-widget-details .author-social-profiles a:focus .svg-icon { 3223 3878 background: #000; 3224 3879 } 3880 3225 3881 .theme-social-widget ul li { 3226 3882 margin: 2px 0; … … 3228 3884 vertical-align: middle; 3229 3885 } 3886 3230 3887 .theme-social-widget ul li a { 3231 3888 background: #000; … … 3237 3894 text-align: center; 3238 3895 } 3896 3239 3897 .theme-social-widget ul li a:hover, 3240 3898 .theme-social-widget ul li a:focus { … … 3243 3901 color: #fff; 3244 3902 } 3903 3245 3904 .theme-social-widget ul li .svg-icon { 3246 3905 width: 26px; … … 3249 3908 vertical-align: middle; 3250 3909 } 3910 3251 3911 /*-------------------------------------------------------------- 3252 3912 # Content … … 3255 3915 margin-bottom: 4rem; 3256 3916 } 3917 3257 3918 .breadcrumbs { 3258 3919 font-size: 1.6rem; 3259 3920 margin: 0 auto 20px; 3260 3921 } 3922 3261 3923 @media (max-width: 767px) { 3262 3924 .breadcrumbs { 3263 3925 display: none; 3264 3926 } 3927 3265 3928 .slider-main { 3266 3929 display: block; … … 3268 3931 padding-top: 0px; 3269 3932 } 3270 .site-topbar,.header-wrapper{ 3933 3934 .site-topbar, 3935 .header-wrapper { 3271 3936 text-align: center; 3272 3937 } 3273 .header-wrapper, .header-wrapper .header-areas-left, .header-wrapper .header-areas-center, .header-wrapper .header-areas-right{ 3938 3939 .header-wrapper, 3940 .header-wrapper .header-areas-left, 3941 .header-wrapper .header-areas-center, 3942 .header-wrapper .header-areas-right { 3274 3943 display: grid; 3275 3944 justify-content: unset; 3276 3945 } 3277 .right-box h6{ 3946 3947 .right-box h6 { 3278 3948 margin-top: 0px; 3279 3949 } 3280 .header-wrapper .header-areas-left,.header-wrapper .header-areas-right { 3950 3951 .header-wrapper .header-areas-left, 3952 .header-wrapper .header-areas-right { 3281 3953 justify-content: unset; 3282 3954 margin-bottom: 15px; 3283 3955 } 3284 .main-carousel-caption .post-content{ 3956 3957 .main-carousel-caption .post-content { 3285 3958 width: 100%; 3286 3959 } 3287 .theme-banner-block .btn-fancy-primary.slider-btn-1{ 3960 3961 .theme-banner-block .btn-fancy-primary.slider-btn-1 { 3288 3962 margin-right: 0px; 3289 3963 margin-bottom: 10px; 3290 3964 } 3291 .main-carousel-caption{ 3965 3966 .main-carousel-caption { 3292 3967 padding: 0px !important; 3293 3968 } 3294 .navbar-controls{ 3969 3970 .navbar-controls { 3295 3971 justify-content: center; 3296 3972 } 3297 h1.site-title{ 3973 3974 h1.site-title { 3298 3975 margin-bottom: 0; 3299 3976 } 3300 3977 } 3978 3301 3979 .breadcrumbs a { 3302 3980 color: inherit; 3303 3981 } 3982 3304 3983 .breadcrumbs ul { 3305 3984 list-style: none; … … 3307 3986 padding: 0; 3308 3987 } 3988 3309 3989 .breadcrumbs ul li { 3310 3990 display: inline-block; 3311 3991 } 3992 3312 3993 .breadcrumbs ul .trail-item span { 3313 3994 position: relative; 3314 3995 } 3996 3315 3997 .breadcrumbs ul .trail-item.trail-begin span { 3316 3998 padding-left: 0; 3317 3999 } 4000 3318 4001 .breadcrumbs ul li span:before { 3319 4002 content: "/"; … … 3321 4004 color: rgba(0, 0, 0, 0.24); 3322 4005 } 4006 3323 4007 .breadcrumbs ul .trail-item.trail-begin span:before { 3324 4008 content: none; … … 3330 4014 3331 4015 .sticky .entry-header h2 a span::before { 3332 content: ''; 3333 font-size: 1.2rem; 3334 background: url(assets/images/pin.png) no-repeat scroll 0 0px !important; 3335 font-weight: 900; 3336 padding: 10px 15px; 3337 } 4016 content: ''; 4017 font-size: 1.2rem; 4018 background: url(assets/images/pin.png) no-repeat scroll 0 0px !important; 4019 font-weight: 900; 4020 padding: 10px 15px; 4021 } 4022 3338 4023 /*-------------------------------------------------------------- 3339 4024 ## Posts and pages … … 3342 4027 display: block; 3343 4028 } 3344 .theme-article-details{ 4029 4030 .theme-article-details { 3345 4031 margin-bottom: 20px; 3346 4032 } 4033 3347 4034 .widget-area-wrapper button.search-submit { 3348 4035 padding: 17px 25px; 3349 4036 } 4037 3350 4038 .updated:not(.published) { 3351 4039 display: none; 3352 4040 } 4041 3353 4042 .single .post-thumbnail { 3354 4043 margin-bottom: 3rem; 3355 4044 padding-bottom: 3rem; 3356 4045 } 4046 3357 4047 @media (max-width: 991px) { 3358 4048 .entry-header-1 .entry-title { … … 3360 4050 } 3361 4051 } 4052 3362 4053 @media (max-width: 575px) { 3363 4054 .entry-header-1 .entry-title { … … 3365 4056 } 3366 4057 } 4058 3367 4059 .entry-title a { 3368 4060 color: inherit; 3369 4061 } 4062 3370 4063 .page-links { 3371 4064 clear: both; 3372 4065 margin: 0 0 1.5em; 3373 4066 } 4067 3374 4068 .wrapper, 3375 4069 .wrapper-fluid { … … 3378 4072 margin-left: auto; 3379 4073 } 4074 3380 4075 .wrapper { 3381 4076 padding-right: 15px; 3382 4077 padding-left: 15px; 3383 4078 } 4079 3384 4080 @media (min-width: 1400px) { 3385 4081 .wrapper-fluid { … … 3387 4083 } 3388 4084 } 4085 3389 4086 @media (min-width: 992px) { 3390 4087 .wrapper { … … 3392 4089 } 3393 4090 } 4091 3394 4092 @media only screen and (min-width: 1441px) { 3395 4093 .wrapper { … … 3397 4095 } 3398 4096 } 4097 3399 4098 .column-row { 3400 4099 display: -ms-flexbox; … … 3405 4104 margin-left: -15px; 3406 4105 } 4106 3407 4107 .column-row-collapse { 3408 4108 margin-right: 0; 3409 4109 margin-left: 0; 3410 4110 } 4111 3411 4112 .column-row-small { 3412 4113 margin-right: -5px; 3413 4114 margin-left: -5px; 3414 4115 } 4116 3415 4117 .column { 3416 4118 position: relative; … … 3419 4121 padding-left: 15px; 3420 4122 } 4123 3421 4124 .column-row-collapse .column { 3422 4125 padding-right: 0; 3423 4126 padding-left: 0; 3424 4127 } 4128 3425 4129 .column-row-small .column { 3426 4130 padding-right: 5px; 3427 4131 padding-left: 5px; 3428 4132 } 4133 3429 4134 .column-1 { 3430 4135 -ms-flex: 0 0 8.333333%; … … 3432 4137 max-width: 8.333333%; 3433 4138 } 4139 3434 4140 .column-2 { 3435 4141 -ms-flex: 0 0 16.666667%; … … 3437 4143 max-width: 16.666667%; 3438 4144 } 4145 3439 4146 .column-3 { 3440 4147 -ms-flex: 0 0 25%; … … 3442 4149 max-width: 25%; 3443 4150 } 4151 3444 4152 .column-4 { 3445 4153 -ms-flex: 0 0 33.333333%; … … 3447 4155 max-width: 33.333333%; 3448 4156 } 4157 3449 4158 .column-5 { 3450 4159 -ms-flex: 0 0 41.666667%; … … 3452 4161 max-width: 41.666667%; 3453 4162 } 4163 3454 4164 .column-6 { 3455 4165 -ms-flex: 0 0 50%; … … 3457 4167 max-width: 50%; 3458 4168 } 4169 3459 4170 .column-7 { 3460 4171 -ms-flex: 0 0 58.333333%; … … 3462 4173 max-width: 58.333333%; 3463 4174 } 4175 3464 4176 .column-8 { 3465 4177 -ms-flex: 0 0 66.666667%; … … 3467 4179 max-width: 66.666667%; 3468 4180 } 4181 3469 4182 .column-9 { 3470 4183 -ms-flex: 0 0 75%; … … 3472 4185 max-width: 75%; 3473 4186 } 4187 3474 4188 .column-10 { 3475 4189 -ms-flex: 0 0 83.333333%; … … 3477 4191 max-width: 83.333333%; 3478 4192 } 4193 3479 4194 .column-11 { 3480 4195 -ms-flex: 0 0 91.666667%; … … 3482 4197 max-width: 91.666667%; 3483 4198 } 4199 3484 4200 .column-12 { 3485 4201 -ms-flex: 0 0 100%; … … 3487 4203 max-width: 100%; 3488 4204 } 4205 3489 4206 @media (min-width: 992px) { 3490 4207 .column-order-1 { … … 3492 4209 order: 1; 3493 4210 } 4211 3494 4212 .column-order-2 { 3495 4213 -ms-flex-order: 2; 3496 4214 order: 2; 3497 4215 } 4216 3498 4217 .column-order-3 { 3499 4218 -ms-flex-order: 3; … … 3501 4220 } 3502 4221 } 4222 3503 4223 @media (max-width: 991px) { 3504 4224 .column-sm-12 { … … 3507 4227 max-width: 100%; 3508 4228 } 4229 3509 4230 .column-sm-6 { 3510 4231 -ms-flex: 0 0 50%; … … 3512 4233 max-width: 50%; 3513 4234 } 4235 3514 4236 .column-sm-4 { 3515 4237 -ms-flex: 0 0 33.333333%; … … 3517 4239 max-width: 33.333333%; 3518 4240 } 4241 3519 4242 .column-sm-3 { 3520 4243 -ms-flex: 0 0 25%; … … 3523 4246 } 3524 4247 } 4248 3525 4249 @media (max-width: 767px) { 3526 4250 .column-xs-12 { … … 3529 4253 max-width: 100%; 3530 4254 } 4255 3531 4256 .column-xs-6 { 3532 4257 -ms-flex: 0 0 50%; … … 3534 4259 max-width: 50%; 3535 4260 } 4261 3536 4262 .column-xs-4 { 3537 4263 -ms-flex: 0 0 33.333333%; … … 3539 4265 max-width: 33.333333%; 3540 4266 } 4267 3541 4268 .column-xs-3 { 3542 4269 -ms-flex: 0 0 25%; … … 3544 4271 max-width: 25%; 3545 4272 } 4273 3546 4274 .hidden-xs-screen { 3547 4275 display: none; … … 3550 4278 } 3551 4279 } 3552 .archive-main-block,.singular-main-block { 4280 4281 .archive-main-block, 4282 .singular-main-block { 3553 4283 border-top: 1px solid; 3554 4284 border-color: #ededed; 3555 4285 } 4286 3556 4287 .single-product .content-area { 3557 4288 width: 100%; 3558 } 4289 } 4290 3559 4291 .content-area { 3560 4292 position: relative; … … 3566 4298 flex: 0 0 75%; 3567 4299 } 4300 3568 4301 @media (max-width: 1400px) { 3569 4302 .content-area { … … 3573 4306 } 3574 4307 } 4308 3575 4309 @media (max-width: 1024px) { 3576 4310 .content-area { … … 3579 4313 } 3580 4314 } 4315 3581 4316 .no-sidebar .content-area { 3582 4317 -ms-flex: 0 0 100%; … … 3584 4319 max-width: 100%; 3585 4320 } 4321 3586 4322 .left-sidebar .content-area #site-content { 3587 4323 padding-left: 2%; 3588 4324 } 4325 3589 4326 .widget-area { 3590 4327 -ms-flex: 0 0 25%; … … 3594 4331 padding-left: 15px; 3595 4332 } 4333 3596 4334 @media (max-width: 1400px) { 3597 4335 .widget-area { … … 3601 4339 } 3602 4340 } 4341 3603 4342 @media (max-width: 1024px) { 3604 4343 .widget-area { … … 3608 4347 } 3609 4348 } 4349 3610 4350 .widget-area-wrapper { 3611 4351 position: -webkit-sticky; … … 3617 4357 padding-top: 4rem; 3618 4358 } 4359 3619 4360 .widget-area-wrapper .widget { 3620 border-bottom: 1px solid; 3621 } 4361 background: #ffffff; 4362 border: 1px solid #ededed !important; 4363 border-radius: 8px; 4364 box-shadow: 0 10px 24px rgba(1, 15, 28, 0.05); 4365 margin-bottom: 2.4rem; 4366 padding: 2.4rem; 4367 } 4368 3622 4369 .widget-area-wrapper .widget:last-child { 3623 4370 border-bottom: none; 3624 4371 } 4372 3625 4373 .left-sidebar .widget-area { 3626 4374 border-right: 1px solid; 3627 4375 } 4376 3628 4377 .left-sidebar .widget-area-wrapper .widget { 3629 4378 margin-right: 40px; 3630 4379 } 4380 3631 4381 @media (max-width: 1400px) { 3632 4382 .left-sidebar .content-area #site-content { … … 3634 4384 } 3635 4385 } 4386 3636 4387 @media (max-width: 1024px) { 3637 4388 .left-sidebar .widget-area-wrapper { … … 3639 4390 border-right: none; 3640 4391 } 4392 3641 4393 .left-sidebar .widget-area-wrapper .widget { 3642 4394 margin-right: 0; 3643 4395 } 3644 4396 } 4397 3645 4398 .right-sidebar .content-area { 3646 4399 -ms-flex-order: 1; 3647 4400 order: 1; 3648 4401 } 4402 3649 4403 .right-sidebar .widget-area { 3650 border-left: 1px solid;4404 border-left: 0px solid; 3651 4405 -ms-flex-order: 2; 3652 4406 order: 2; 3653 4407 z-index: 1; 3654 4408 } 4409 3655 4410 .right-sidebar .widget-area-wrapper .widget { 3656 margin-left: 40px; 3657 } 4411 margin-left: 0px; 4412 } 4413 3658 4414 .right-sidebar .content-area #site-content { 3659 4415 padding-right: 2%; 3660 4416 padding-left: 0; 3661 4417 } 4418 3662 4419 @media (max-width: 1400px) { 3663 4420 .right-sidebar .content-area #site-content { … … 3665 4422 } 3666 4423 } 4424 3667 4425 @media (max-width: 1024px) { 3668 4426 .right-sidebar .widget-area-wrapper { … … 3670 4428 padding-left: 0; 3671 4429 } 4430 3672 4431 .right-sidebar .widget-area-wrapper .widget { 3673 4432 margin-left: 0; 3674 4433 } 3675 4434 } 4435 3676 4436 .widget-title, 3677 .widget_block .wp-block-group > .wp-block-group__inner-container >h2 {4437 .widget_block .wp-block-group>.wp-block-group__inner-container>h2 { 3678 4438 text-transform: capitalize; 3679 4439 border-bottom: 1px solid; … … 3681 4441 margin-bottom: 2rem; 3682 4442 } 4443 3683 4444 .widget-area-wrapper .widget_recent_entries ul li a { 3684 4445 background-image: linear-gradient(180deg, transparent 94%, #000 0); … … 3689 4450 transition: background-size 0.4s ease; 3690 4451 } 4452 3691 4453 .widget-area-wrapper .widget_recent_entries ul li a:hover { 3692 4454 text-decoration: none; 3693 4455 background-size: 100% 100%; 3694 4456 } 4457 3695 4458 .widget-area-wrapper ul li a:hover { 3696 4459 color: unset; 3697 4460 } 4461 3698 4462 @media (max-width: 1024px) { 4463 3699 4464 .content-area, 3700 4465 .widget-area { … … 3704 4469 } 3705 4470 } 4471 3706 4472 .alignnone, 3707 4473 .aligncenter { … … 3709 4475 margin-top: 4rem; 3710 4476 } 4477 3711 4478 .alignwide, 3712 4479 .alignfull { … … 3714 4481 margin-top: 6rem; 3715 4482 } 4483 3716 4484 .alignleft { 3717 4485 margin: 0.5rem 2.5rem 2.5rem 0; 3718 4486 } 4487 3719 4488 .alignright { 3720 4489 margin: 0.5rem 0 2.5rem 2.5rem; 3721 4490 } 4491 3722 4492 @media only screen and (min-width: 1400px) { 3723 4493 .entry-content .alignwide { … … 3726 4496 } 3727 4497 } 3728 .alignfull > figcaption, 3729 .alignfull > .wp-caption-text { 4498 4499 .alignfull>figcaption, 4500 .alignfull>.wp-caption-text { 3730 4501 width: calc(100% - 8rem); 3731 4502 } 4503 3732 4504 .entry-meta { 3733 4505 display: flex; … … 3737 4509 text-transform: uppercase; 3738 4510 } 4511 3739 4512 .entry-meta-center { 3740 4513 justify-content: center; 3741 4514 } 4515 3742 4516 .entry-meta a { 3743 4517 text-decoration: none; 3744 4518 } 4519 3745 4520 .entry-meta-item, 3746 4521 .entry-meta .cat-links a { 3747 4522 position: relative; 3748 4523 } 4524 3749 4525 .cat-links { 3750 4526 display: flex; … … 3752 4528 flex-wrap: wrap; 3753 4529 } 4530 3754 4531 .entry-meta .cat-links a { 3755 4532 display: inline; … … 3759 4536 margin-right: 0.5rem; 3760 4537 } 4538 3761 4539 .entry-meta .cat-links a:hover:not(.entry-meta .cat-links a:first-child) { 3762 4540 opacity: 0.6; 3763 4541 } 4542 3764 4543 .entry-meta .cat-links a::before, 3765 4544 .entry-meta-item::before { … … 3772 4551 color: #000; 3773 4552 } 4553 3774 4554 .entry-meta .cat-links a:last-child { 3775 4555 margin-right: 0; 3776 4556 padding-right: 0; 3777 4557 } 4558 3778 4559 .entry-meta .cat-links a:last-child::before { 3779 4560 display: none; 3780 4561 } 4562 3781 4563 .entry-meta .cat-links a:first-child { 3782 4564 color: var(--global-color); 3783 4565 } 4566 3784 4567 .entry-meta .cat-links a:first-child:hover, 3785 4568 .entry-meta .cat-links a:first-child:focus { 3786 4569 color: #000; 3787 4570 } 4571 3788 4572 .entry-meta .entry-meta-item { 3789 4573 margin: 0 1rem 1rem 0; 3790 4574 padding-right: 1.5rem; 3791 4575 } 4576 3792 4577 .entry-meta .entry-meta-item:last-child { 3793 4578 margin-right: 0; 3794 4579 padding-right: 0; 3795 4580 } 4581 3796 4582 .entry-meta .entry-meta-item:last-child::before { 3797 4583 display: none; 3798 4584 } 4585 3799 4586 .entry-meta-left .entry-meta-avatar { 3800 4587 width: 40px; … … 3804 4591 overflow: hidden; 3805 4592 } 4593 3806 4594 .entry-meta .entry-meta-right .entry-meta-item { 3807 4595 font-size: 1.4rem; … … 3809 4597 margin-bottom: 0; 3810 4598 } 4599 3811 4600 .entry-meta-wrapper { 3812 4601 align-items: center; … … 3814 4603 flex-wrap: nowrap; 3815 4604 } 4605 3816 4606 .entry-meta-item .entry-meta-icon { 3817 4607 margin-right: 1rem; 3818 4608 } 4609 3819 4610 .entry-meta-label { 3820 4611 margin-right: 5px; 3821 4612 } 4613 3822 4614 .post-navigation { 3823 4615 border-style: solid; 3824 4616 border-width: 0.1rem 0; 3825 4617 } 4618 3826 4619 .post-navigation .nav-links { 3827 4620 display: flex; 3828 4621 } 3829 .post-navigation .nav-links > div + div { 4622 4623 .post-navigation .nav-links>div+div { 3830 4624 margin-top: 1rem; 3831 4625 } 3832 .post-navigation span.post-title{ 4626 4627 .post-navigation span.post-title { 3833 4628 word-break: break-all; 3834 4629 } 4630 3835 4631 .post-navigation a { 3836 4632 align-items: baseline; … … 3838 4634 text-decoration: none; 3839 4635 } 4636 3840 4637 .post-navigation .arrow { 3841 4638 margin-right: 1rem; 3842 4639 } 4640 3843 4641 @media (max-width: 767px) { 3844 4642 .post-navigation .nav-links { 3845 4643 display: block; 3846 4644 } 3847 .navigation-wrapper .post-navigation .nav-links > div { 4645 4646 .navigation-wrapper .post-navigation .nav-links>div { 3848 4647 max-width: 100%; 3849 4648 margin: 2rem 0; 3850 4649 } 3851 4650 } 4651 3852 4652 /* article wrapper */ 3853 4653 .post-thumbnail, … … 3861 4661 object-fit: cover; 3862 4662 } 4663 3863 4664 .site-content .article-wraper-archive { 3864 4665 display: grid; … … 3872 4673 word-wrap: break-word; 3873 4674 hyphens: auto; 3874 } 4675 box-shadow: 0 10px 24px rgba(1, 15, 28, 0.05); 4676 padding: 10px; 4677 background: #ffffff; 4678 border: 1px solid #ededed; 4679 } 4680 3875 4681 .site-content .content-area .theme-article-image { 3876 4682 margin-bottom: 2rem; 4683 } 4684 4685 .theme-btn-link { 4686 border: 1px solid var(--global-color); 4687 padding: 10px; 4688 box-shadow: 2px 4px 11px #00000029; 4689 border-radius: 7px; 4690 } 4691 4692 .site-content .theme-article-post .cat-links { 4693 text-transform: capitalize; 4694 font-size: 14px; 4695 } 4696 4697 .site-content .theme-article-post .entry-title { 4698 font-size: 21px; 4699 line-height: 27px; 4700 } 4701 4702 .site-content .theme-article-post .entry-content p { 4703 word-wrap: break-word; 4704 font-size: 16px; 4705 font-weight: 500; 4706 } 4707 4708 .site-content .nav-links { 4709 width: 100%; 4710 } 4711 4712 .archive-main-block .column-row { 4713 row-gap: 30px; 4714 } 4715 4716 .site-content .theme-article-details { 4717 margin-bottom: 20px; 4718 } 4719 4720 @media screen and (min-width: 600px) and (max-width: 1200px) { 4721 .site-content .article-wraper-archive { 4722 grid-template-columns: repeat(2, 1fr) !important; 4723 } 3877 4724 } 3878 4725 … … 3884 4731 margin-top: 5rem; 3885 4732 } 4733 3886 4734 @media (max-width: 1024px) { 3887 4735 .post-navigation { … … 3889 4737 } 3890 4738 } 4739 3891 4740 .post-navigation .nav-links { 3892 4741 flex-direction: row; 3893 4742 justify-content: space-between; 3894 4743 } 3895 .post-navigation .nav-links > div { 4744 4745 .post-navigation .nav-links>div { 3896 4746 max-width: calc(50% - 2rem); 3897 4747 } 3898 .post-navigation .nav-links > div + div { 4748 4749 .post-navigation .nav-links>div+div { 3899 4750 margin: 0 0 0 4rem; 3900 4751 } 4752 3901 4753 .post-navigation .arrow { 3902 4754 margin: 0 2rem 0 0; 3903 4755 } 4756 3904 4757 .post-navigation .nav-next:only-child { 3905 4758 margin-left: auto; 3906 4759 } 4760 3907 4761 .post-navigation .nav-next a { 3908 4762 flex-direction: row-reverse; 3909 4763 text-align: right; 3910 4764 } 4765 3911 4766 .post-navigation .nav-next .arrow { 3912 4767 margin: 0 0 0 2rem; 3913 4768 } 4769 3914 4770 .theme-ajax-post-load { 3915 4771 display: flex; … … 3918 4774 margin-bottom: 6rem; 3919 4775 } 4776 3920 4777 .pagination { 3921 4778 margin-top: 3.25rem; … … 3923 4780 text-align: center; 3924 4781 } 4782 3925 4783 .pagination a { 3926 4784 color: inherit; 3927 4785 } 4786 3928 4787 .pagination .page-numbers { 3929 4788 display: inline-block; … … 3931 4790 color: #abadaf; 3932 4791 } 4792 3933 4793 .pagination .page-numbers.current { 3934 4794 color: #161719; 3935 4795 } 4796 3936 4797 .pagination .page-numbers:last-child { 3937 4798 margin-right: 0; 3938 4799 } 4800 3939 4801 @media only screen and (min-width: 600px) { 4802 3940 4803 .pagination .prev:after, 3941 4804 .pagination .next:before { … … 3948 4811 background-color: #eaebee; 3949 4812 } 4813 3950 4814 .pagination .prev:after { 3951 4815 margin-left: 1.25em; 3952 4816 } 4817 3953 4818 .pagination .next:before { 3954 4819 margin-right: 1.25em; 3955 4820 } 3956 4821 } 4822 3957 4823 /*-------------------------------------------------------------- 3958 4824 ## Comments 3959 4825 --------------------------------------------------------------*/ 3960 4826 3961 #comments ol.children img { 3962 width: 30px; 3963 } 3964 #comments ol { 3965 list-style: none; 3966 padding-left: 0; 3967 } 3968 #comments{ 3969 margin-top:30px; 3970 } 3971 #comments h2.comments-title{ 3972 font-size:20px; 3973 font-weight:bold; 3974 padding:20px 0; 3975 margin-bottom: 10px; 3976 } 3977 #comments h3.comment-reply-title{ 3978 font-size:20px; 3979 font-weight:bold; 3980 clear:both; 3981 } 3982 #comments input[type="text"], 3983 #comments input[type="email"], 3984 #comments textarea{ 3985 width:100%; 3986 padding:12px 10px; 3987 font-size:18px; 3988 margin:20px 0 0 0; 3989 } 3990 #comments input[type="submit"].submit{ 3991 background: var(--global-color); 3992 color: #fff; 3993 padding: 15px; 3994 font-weight: bold; 3995 font-size: 12px; 3996 letter-spacing: 2px; 3997 } 3998 #comments a.comment-reply-link{ 3999 color:#fff; 4000 background:var(--global-color); 4001 padding:5px 15px; 4002 } 4003 #comments a.comment-reply-link:hover{ 4004 background:#ddd; 4005 color: #000; 4006 } 4007 #comments a time{ 4008 color:#000; 4009 font-weight:bold; 4010 font-size:12px; 4011 } 4012 #comments ol li{ 4013 width:100%; 4014 list-style:none; 4015 margin: 0 0 20px; 4016 padding: 20px; 4017 background:#f5f5f5; 4018 display:inline-block; 4019 border: 1px solid #d6d6d6; 4020 } 4021 #comments ul{ 4022 margin:0 0 0 40px; 4023 } 4024 #comments .reply{ 4025 float:right; 4026 } 4027 #comments .comment-metadata{ 4028 width:90%; 4029 float:left; 4030 padding:1% 0 0 0; 4031 } 4032 #comments .comment-content{ 4033 width:90%; 4034 float:left; 4035 margin-left:0; 4036 } 4037 #comments p { 4038 width:100%; 4039 float:left; 4040 } 4827 #comments ol.children img { 4828 width: 30px; 4829 } 4830 4831 #comments ol { 4832 list-style: none; 4833 padding-left: 0; 4834 } 4835 4836 #comments { 4837 margin-top: 30px; 4838 } 4839 4840 #comments h2.comments-title { 4841 font-size: 20px; 4842 font-weight: bold; 4843 padding: 20px 0; 4844 margin-bottom: 10px; 4845 } 4846 4847 #comments h3.comment-reply-title { 4848 font-size: 20px; 4849 font-weight: bold; 4850 clear: both; 4851 } 4852 4853 #comments input[type="text"], 4854 #comments input[type="email"], 4855 #comments textarea { 4856 width: 100%; 4857 padding: 12px 10px; 4858 font-size: 18px; 4859 margin: 20px 0 0 0; 4860 } 4861 4862 #comments input[type="submit"].submit { 4863 background: var(--global-color); 4864 color: #fff; 4865 padding: 15px; 4866 font-weight: bold; 4867 font-size: 12px; 4868 letter-spacing: 2px; 4869 } 4870 4871 #comments a.comment-reply-link { 4872 color: #fff; 4873 background: var(--global-color); 4874 padding: 5px 15px; 4875 } 4876 4877 #comments a.comment-reply-link:hover { 4878 background: #ddd; 4879 color: #000; 4880 } 4881 4882 #comments a time { 4883 color: #000; 4884 font-weight: bold; 4885 font-size: 12px; 4886 } 4887 4888 #comments ol li { 4889 width: 100%; 4890 list-style: none; 4891 margin: 0 0 20px; 4892 padding: 20px; 4893 background: #f5f5f5; 4894 display: inline-block; 4895 border: 1px solid #d6d6d6; 4896 } 4897 4898 #comments ul { 4899 margin: 0 0 0 40px; 4900 } 4901 4902 #comments .reply { 4903 float: right; 4904 } 4905 4906 #comments .comment-metadata { 4907 width: 90%; 4908 float: left; 4909 padding: 1% 0 0 0; 4910 } 4911 4912 #comments .comment-content { 4913 width: 90%; 4914 float: left; 4915 margin-left: 0; 4916 } 4917 4918 #comments p { 4919 width: 100%; 4920 float: left; 4921 } 4041 4922 4042 4923 /*----------single-post-comments---------*/ 4043 .comments .comment-author, .comment-author.vcard { 4044 width: 50%; 4045 float: left; 4046 } 4047 .comment-meta.commentmetadata { 4048 float: right; 4049 width: 50%; 4050 text-align: right; 4051 } 4052 .comments p { 4053 width: 90%; 4054 float: left; 4055 } 4056 .comments .reply { 4057 float: left; 4058 } 4059 .reply { 4060 margin-bottom: 15px; 4061 width: 100%; 4062 float: left; 4063 } 4064 p.comment-form-comment label { 4065 display: block; 4066 } 4924 .comments .comment-author, 4925 .comment-author.vcard { 4926 width: 50%; 4927 float: left; 4928 } 4929 4930 .comment-meta.commentmetadata { 4931 float: right; 4932 width: 50%; 4933 text-align: right; 4934 } 4935 4936 .comments p { 4937 width: 90%; 4938 float: left; 4939 } 4940 4941 .comments .reply { 4942 float: left; 4943 } 4944 4945 .reply { 4946 margin-bottom: 15px; 4947 width: 100%; 4948 float: left; 4949 } 4950 4951 p.comment-form-comment label { 4952 display: block; 4953 } 4954 4067 4955 /*-------------------------------------------------------------- 4068 4956 # Infinite scroll … … 4073 4961 display: none; 4074 4962 } 4963 4075 4964 .infinity-end.neverending .site-footer { 4076 4965 display: block; 4077 4966 } 4967 4078 4968 /*-------------------------------------------------------------- 4079 4969 # Media … … 4087 4977 padding: 0; 4088 4978 } 4979 4089 4980 embed, 4090 4981 iframe, … … 4092 4983 max-width: 100%; 4093 4984 } 4985 4094 4986 .wp-custom-logo .site-logo { 4095 4987 margin: 0; 4096 4988 } 4989 4097 4990 @media (max-width: 575px) { 4098 4991 .wp-custom-logo .site-logo .custom-logo-link { 4099 4992 max-width: 200px; 4100 margin:0 auto; 4101 } 4102 } 4993 margin: 0 auto; 4994 } 4995 } 4996 4103 4997 .custom-logo-link { 4104 4998 display: block; 4105 4999 margin-bottom: 1.5rem; 4106 5000 } 5001 4107 5002 /*-------------------------------------------------------------- 4108 5003 ## Captions … … 4112 5007 max-width: 100%; 4113 5008 } 5009 4114 5010 .wp-caption img[class*="wp-image-"] { 4115 5011 display: block; … … 4117 5013 margin-right: auto; 4118 5014 } 5015 4119 5016 .wp-caption .wp-caption-text { 4120 5017 margin: 0.8075em 0; 4121 5018 } 5019 4122 5020 .wp-caption.aligncenter { 4123 5021 margin-left: auto; 4124 5022 margin-right: auto; 4125 5023 } 5024 4126 5025 .wp-caption.alignleft { 4127 5026 margin-right: 20px; 4128 5027 } 5028 4129 5029 .wp-caption.alignright { 4130 5030 margin-left: 20px; 4131 5031 } 5032 4132 5033 .wp-caption-text { 4133 5034 text-align: center; 4134 5035 } 5036 4135 5037 /*-------------------------------------------------------------- 4136 5038 ## Galleries … … 4139 5041 margin-bottom: 1.5rem; 4140 5042 } 5043 4141 5044 @media (min-width: 600px) { 5045 4142 5046 div[class^="gallery-columns-"], 4143 5047 div[class*=" gallery-columns-"] { … … 4151 5055 } 4152 5056 } 5057 4153 5058 .gallery-item { 4154 5059 display: inline-block; … … 4157 5062 width: 100%; 4158 5063 } 5064 4159 5065 @media (min-width: 600px) { 4160 5066 .gallery-columns-2 .gallery-item { … … 4167 5073 } 4168 5074 } 5075 4169 5076 @media (min-width: 600px) { 4170 5077 .gallery-columns-3 .gallery-item { … … 4177 5084 } 4178 5085 } 5086 4179 5087 @media (min-width: 600px) { 4180 5088 .gallery-columns-4 .gallery-item { … … 4187 5095 } 4188 5096 } 5097 4189 5098 @media (min-width: 600px) { 4190 5099 .gallery-columns-5 .gallery-item { … … 4197 5106 } 4198 5107 } 5108 4199 5109 @media (min-width: 600px) { 4200 5110 .gallery-columns-6 .gallery-item { … … 4207 5117 } 4208 5118 } 5119 4209 5120 @media (min-width: 600px) { 4210 5121 .gallery-columns-7 .gallery-item { … … 4217 5128 } 4218 5129 } 5130 4219 5131 @media (min-width: 600px) { 4220 5132 .gallery-columns-8 .gallery-item { … … 4227 5139 } 4228 5140 } 5141 4229 5142 @media (min-width: 600px) { 4230 5143 .gallery-columns-9 .gallery-item { … … 4237 5150 } 4238 5151 } 5152 4239 5153 .gallery-caption { 4240 5154 display: block; 4241 5155 } 5156 4242 5157 /*-------------------------------------------------------------- 4243 5158 ## Footer … … 4248 5163 padding-top: 7.5rem; 4249 5164 } 5165 4250 5166 .site-info { 4251 5167 border-top: 1px solid; … … 4254 5170 font-weight: 300; 4255 5171 } 5172 4256 5173 .footer-credits { 4257 5174 align-items: baseline; … … 4260 5177 justify-content: flex-start; 4261 5178 } 5179 4262 5180 .footer-credits a { 4263 5181 text-decoration: underline; 4264 5182 } 4265 .footer-copyright,a.to-the-top { 5183 5184 .footer-copyright, 5185 a.to-the-top { 4266 5186 color: #222222; 4267 5187 font-weight: 400; 4268 5188 } 5189 4269 5190 @media only screen and (max-width: 767px) { 4270 5191 .footer-widgetarea { … … 4272 5193 padding-top: 3rem; 4273 5194 } 5195 4274 5196 .site-info { 4275 5197 padding: 3rem 0; 4276 5198 } 4277 5199 } 5200 4278 5201 /*-------------------------------------------------------------- 4279 5202 ## Rough … … 4283 5206 display: block; 4284 5207 } 5208 4285 5209 ul.wp-block-gallery.columns-1, 4286 5210 .wp-block-gallery .blocks-gallery-grid, … … 4290 5214 margin: 0 auto; 4291 5215 } 5216 4292 5217 .featured-banner-media img { 4293 5218 width: 100vmax; … … 4299 5224 pointer-events: none; 4300 5225 } 5226 4301 5227 .site-navigation, 4302 5228 .offcanvas-main-navigation li, … … 4310 5236 .site-content .widget-area, 4311 5237 .widget-title, 4312 .widget_block .wp-block-group > .wp-block-group__inner-container >h2,5238 .widget_block .wp-block-group>.wp-block-group__inner-container>h2, 4313 5239 input[type="text"], 4314 5240 input[type="password"], … … 4328 5254 border-color: #ededed; 4329 5255 } 5256 4330 5257 body.hide-comment-rating .tpk-single-rating, 4331 5258 body.hide-comment-rating .tpk-comment-rating-label, … … 4334 5261 display: none; 4335 5262 } 5263 4336 5264 /*-------------------------------------------------------------- 4337 5265 ## Plugin Support … … 4340 5268 display: none; 4341 5269 } 5270 4342 5271 .offcanvas-wraper, 4343 5272 .header-searchbar-inner { 4344 5273 background: #ffffff; 4345 5274 } 5275 4346 5276 #comments .comment-body .comment-content, 4347 5277 #comments .comment-reply-link, … … 4352 5282 line-height: 1.8; 4353 5283 } 5284 4354 5285 /*-------------------------------------------------------------- 4355 5286 ##Back to top … … 4358 5289 text-align: right; 4359 5290 } 4360 .to-the-top > * { 5291 5292 .to-the-top>* { 4361 5293 pointer-events: none; 4362 5294 } … … 4370 5302 width: 100%; 4371 5303 } 5304 4372 5305 .theme-custom-block { 4373 5306 position: relative; 4374 5307 } 5308 4375 5309 .theme-product-block { 4376 5310 padding: 50px 0; … … 4378 5312 } 4379 5313 4380 .theme-product-block .owl-nav,.theme-product-block .owl-dots{ 5314 .theme-product-block .owl-nav, 5315 .theme-product-block .owl-dots { 4381 5316 display: none; 4382 5317 } … … 4394 5329 padding-top: 6rem; 4395 5330 } 5331 4396 5332 .theme-area-header { 4397 5333 display: -webkit-box; … … 4404 5340 margin-bottom: 6rem; 4405 5341 } 5342 4406 5343 @media (max-width: 991px) { 4407 5344 .theme-area-header { … … 4410 5347 } 4411 5348 } 5349 4412 5350 .theme-area-headlines { 4413 5351 display: flex; 4414 5352 align-items: center; 4415 5353 } 5354 4416 5355 @media (max-width: 991px) { 4417 5356 .theme-area-headlines { … … 4421 5360 } 4422 5361 } 5362 4423 5363 .theme-area-headlines .theme-area-title { 4424 5364 font-size: 4.4rem; 4425 5365 margin-bottom: 0; 4426 5366 } 5367 4427 5368 @media (max-width: 991px) { 4428 5369 .theme-area-headlines .theme-area-title { … … 4430 5371 } 4431 5372 } 5373 4432 5374 @media (max-width: 575px) { 4433 5375 .theme-area-headlines .theme-area-title { 4434 5376 font-size: 3rem; 4435 5377 } 4436 .theme-product-block h3{ 5378 5379 .theme-product-block h3 { 4437 5380 margin-bottom: 15px; 4438 5381 } 4439 .header-navbar{ 5382 5383 .header-navbar { 4440 5384 justify-content: center; 4441 5385 } 4442 5386 } 5387 4443 5388 .theme-animated-line { 4444 5389 width: 30rem; … … 4447 5392 position: relative; 4448 5393 } 5394 4449 5395 .theme-animated-line::before { 4450 5396 content: ""; … … 4457 5403 animation: animate 5s linear infinite; 4458 5404 } 5405 4459 5406 @keyframes animate { 4460 5407 0% { 4461 5408 left: 0; 4462 5409 } 5410 4463 5411 50% { 4464 5412 left: 100%; 4465 5413 } 5414 4466 5415 0% { 4467 5416 left: 0; 4468 5417 } 4469 5418 } 5419 4470 5420 @media (max-width: 991px) { 4471 5421 @keyframes animate { … … 4473 5423 left: 0; 4474 5424 } 5425 4475 5426 50% { 4476 5427 left: 67%; 4477 5428 } 5429 4478 5430 0% { 4479 5431 left: 0; … … 4481 5433 } 4482 5434 } 5435 4483 5436 .theme-carousel-control { 4484 5437 display: -ms-flexbox; … … 4488 5441 margin-left: auto; 4489 5442 } 5443 4490 5444 @media (max-width: 991px) { 4491 5445 .theme-carousel-control { … … 4493 5447 } 4494 5448 } 5449 4495 5450 .featured-categories-block .theme-carousel-control { 4496 5451 justify-content: center; 4497 5452 } 5453 4498 5454 .theme-carousel-control .svg-icon { 4499 5455 width: 32px; 4500 5456 height: 32px; 4501 5457 } 5458 4502 5459 .theme-related-block { 4503 5460 margin-top: 2rem; 4504 5461 padding-top: 2rem; 4505 5462 } 5463 4506 5464 .related-posts .related-post-item { 4507 5465 margin-bottom: 2rem; 4508 5466 padding-bottom: 2rem; 4509 5467 } 5468 4510 5469 @media (max-width: 991px) { 4511 5470 .theme-related-block .related-posts .post-thumbnail { … … 4513 5472 } 4514 5473 } 5474 4515 5475 /* ----------------------------------------------------------------- 4516 5476 - Carousel horizontal … … 4520 5480 width: 670px; 4521 5481 } 5482 4522 5483 @media only screen and (max-height: 900px) { 4523 5484 .main-carousel-item { … … 4525 5486 } 4526 5487 } 5488 4527 5489 @media only screen and (max-width: 768px) { 4528 5490 .main-carousel-item { … … 4530 5492 } 4531 5493 } 5494 4532 5495 @media only screen and (max-width: 580px) { 4533 5496 .main-carousel-item { … … 4536 5499 } 4537 5500 } 5501 4538 5502 @media screen and (min-width: 1500px) { 4539 5503 .main-carousel-item { … … 4541 5505 } 4542 5506 } 5507 4543 5508 .theme-main-carousel .swiper-slide-active { 4544 5509 pointer-events: all; 4545 5510 } 5511 4546 5512 @-webkit-keyframes reveal-carousel-primary { 4547 5513 100% { … … 4549 5515 } 4550 5516 } 5517 4551 5518 @keyframes reveal-carousel-primary { 4552 5519 100% { … … 4554 5521 } 4555 5522 } 5523 4556 5524 @-webkit-keyframes reveal-carousel-secondary { 4557 5525 0% { 4558 5526 transform: translateX(-100%); 4559 5527 } 5528 4560 5529 50% { 4561 5530 transform: translateX(0); 4562 5531 } 5532 4563 5533 100% { 4564 5534 transform: translateX(100%); 4565 5535 } 4566 5536 } 5537 4567 5538 @keyframes reveal-carousel-secondary { 4568 5539 0% { 4569 5540 transform: translateX(-100%); 4570 5541 } 5542 4571 5543 50% { 4572 5544 transform: translateX(0); 4573 5545 } 5546 4574 5547 100% { 4575 5548 transform: translateX(100%); 4576 5549 } 4577 5550 } 5551 4578 5552 @-webkit-keyframes reveal-carousel-tertiary { 4579 5553 0% { 4580 5554 transform: translateX(-100%); 4581 5555 } 5556 4582 5557 50% { 4583 5558 transform: translateX(0); 4584 5559 } 5560 4585 5561 100% { 4586 5562 transform: translateX(100%); 4587 5563 } 4588 5564 } 5565 4589 5566 @keyframes reveal-carousel-tertiary { 4590 5567 0% { 4591 5568 transform: translateX(-100%); 4592 5569 } 5570 4593 5571 50% { 4594 5572 transform: translateX(0); 4595 5573 } 5574 4596 5575 100% { 4597 5576 transform: translateX(100%); … … 4600 5579 4601 5580 @media (max-width: 767px) { 4602 .image-main-box:after {5581 .image-main-box:after { 4603 5582 display: none; 4604 5583 } … … 4606 5585 4607 5586 @media (max-width: 575px) { 4608 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail ,.main-carousel-caption{ 5587 5588 .theme-banner-block .swiper-slide .theme-article-post .entry-thumbnail, 5589 .main-carousel-caption { 4609 5590 width: 100%; 4610 5591 } 4611 .theme-banner-block .theme-article-post{ 5592 5593 .theme-banner-block .theme-article-post { 4612 5594 display: block; 4613 5595 } 4614 .page-template-frontpage header#site-header{ 5596 5597 .page-template-frontpage header#site-header { 4615 5598 position: static; 4616 5599 } 4617 .main-carousel-caption .post-content{ 5600 5601 .main-carousel-caption .post-content { 4618 5602 position: relative; 4619 5603 } 5604 4620 5605 .main-slider { 4621 5606 position: relative; 4622 5607 } 4623 .theme-main-carousel .entry-content{ 5608 5609 .theme-main-carousel .entry-content { 4624 5610 display: none; 4625 5611 } 5612 4626 5613 .swiper-slide .post-content h2 a { 4627 5614 font-size: 30px; 4628 5615 } 4629 .image-main-box{ 5616 5617 .image-main-box { 4630 5618 width: 100%; 4631 5619 } 4632 .right-box .image-main-box .data-bg-large{ 5620 5621 .right-box .image-main-box .data-bg-large { 4633 5622 width: 260px; 4634 5623 left: 0px; 4635 5624 } 4636 .right-box{ 5625 5626 .right-box { 4637 5627 margin-top: 20px; 4638 5628 } 4639 .image-main-box:after{ 5629 5630 .image-main-box:after { 4640 5631 display: none; 4641 5632 } 4642 .image-main-box{ 5633 5634 .image-main-box { 4643 5635 height: 265px; 4644 5636 } 4645 5637 } 5638 4646 5639 .theme-main-carousel .swiper-slide-active .main-carousel-caption { 4647 5640 transform: translateX(0); 4648 5641 transition: 1s cubic-bezier(0.54, 0.13, 0.35, 0.82); 4649 5642 } 5643 4650 5644 .theme-main-carousel .swiper-button-prev svg, 4651 5645 .theme-main-carousel .swiper-button-next svg { … … 4655 5649 stroke-miterlimit: 10; 4656 5650 } 5651 4657 5652 .theme-main-carousel svg polyline, 4658 5653 .theme-main-carousel svg line { … … 4664 5659 transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1); 4665 5660 } 5661 4666 5662 .theme-main-carousel .swiper-button-next:hover svg polyline, 4667 5663 .theme-main-carousel .swiper-button-next:focus svg polyline, … … 4684 5680 width: auto; 4685 5681 } 5682 4686 5683 :root { 4687 5684 --global-color: #F75C4E; … … 4690 5687 --swiper-navigation-size: 2.6rem; 4691 5688 } 5689 4692 5690 .swiper-button-prev:after, 4693 5691 .swiper-container-rtl .swiper-button-next:after, … … 4696 5694 content: none; 4697 5695 } 5696 4698 5697 .swiper-control .swiper-button-prev, 4699 5698 .swiper-control .swiper-button-next { … … 4702 5701 width: auto; 4703 5702 } 5703 4704 5704 .theme-main-carousel .theme-carousel-control { 4705 5705 position: relative; … … 4709 5709 height: 3rem; 4710 5710 } 5711 4711 5712 .swiper-button-prev, 4712 5713 .swiper-container-rtl .swiper-button-next, … … 4717 5718 margin-top: 0; 4718 5719 } 5720 4719 5721 .swiper-button-prev, 4720 5722 .swiper-container-rtl .swiper-button-next { 4721 5723 left: 0; 4722 5724 } 5725 4723 5726 .swiper-button-next, 4724 5727 .swiper-container-rtl .swiper-button-prev { 4725 5728 right: 0; 4726 5729 } 5730 4727 5731 .swiper-container .swiper-pagination-progressbar { 4728 5732 background-color: #fff; … … 4730 5734 top: 0; 4731 5735 } 5736 4732 5737 .swiper-container .swiper-pagination-progressbar-fill { 4733 5738 background-color: #070707; 4734 5739 } 5740 4735 5741 .theme-post-format { 4736 5742 display: flex; … … 4747 5753 z-index: 1; 4748 5754 } 5755 4749 5756 .theme-article-post .column-order-1 .theme-post-format { 4750 5757 left: inherit; 4751 5758 right: 0; 4752 5759 } 5760 4753 5761 .theme-post-format .post-format-icom { 4754 5762 margin-right: 5px; 4755 5763 } 5764 4756 5765 /* Hide JS Functionalities ------------------------ */ 4757 5766 .js .show-js { 4758 5767 display: block !important; 4759 5768 } 5769 4760 5770 .js .hide-js { 4761 5771 display: none !important; 4762 5772 } 5773 4763 5774 .no-js .show-no-js { 4764 5775 display: block !important; 4765 5776 } 5777 4766 5778 .no-js .hide-no-js { 4767 5779 display: none !important; 4768 5780 } 5781 4769 5782 a:focus, 4770 5783 button:focus, 4771 .navbar-control:focus-visible >.navbar-control-trigger {5784 .navbar-control:focus-visible>.navbar-control-trigger { 4772 5785 outline-color: #000; 4773 5786 } 5787 4774 5788 .theme-post-format { 4775 5789 background-color: var(--global-color); 4776 5790 color: #000; 4777 5791 } 5792 4778 5793 .theme-image-responsive { 4779 5794 display: block; … … 4786 5801 z-index: 0; 4787 5802 } 5803 4788 5804 .theme-image-responsive:focus { 4789 5805 border: 2px solid var(--global-color); 4790 5806 } 5807 4791 5808 .article-content { 4792 5809 margin-top: 1.5rem; 4793 5810 } 5811 4794 5812 .article-content .category-title { 4795 5813 font-weight: 400; 4796 5814 } 5815 4797 5816 /* categories carousel */ 4798 5817 .theme-transform-zoom .data-bg { … … 4800 5819 transition: 0.4s ease; 4801 5820 } 5821 4802 5822 .post-thumb-categories { 4803 5823 overflow: hidden; 4804 5824 } 5825 4805 5826 .theme-transform-zoom:hover .data-bg { 4806 5827 transform: scale(1.15); 4807 5828 } 5829 4808 5830 .theme-categories-carousel .theme-article-post { 4809 5831 margin: 0; … … 4811 5833 position: relative; 4812 5834 } 5835 4813 5836 .theme-categories-carousel .article-content { 4814 5837 transition: 0.4s ease; … … 4832 5855 padding: 15px; 4833 5856 } 5857 4834 5858 .theme-categories-carousel .article-content .category-title { 4835 5859 font-size: 2rem; … … 4837 5861 margin-bottom: 0; 4838 5862 } 4839 .theme-categories-carousel .article-content .category-title a{ 5863 5864 .theme-categories-carousel .article-content .category-title a { 4840 5865 color: #fff !important; 4841 5866 } 4842 .woocommerce span.onsale{ 5867 5868 .woocommerce span.onsale { 4843 5869 background-color: var(--global-color); 4844 5870 } 4845 5871 4846 .woocommerce div.product p.price, .woocommerce div.product span.price{ 5872 .woocommerce div.product p.price, 5873 .woocommerce div.product span.price { 4847 5874 color: var(--global-color); 4848 5875 } 4849 .products button,.products .button,.products .wp-block-search__button,.products .wp-block-button__link,.products .wp-block-file .wp-block-file__button,.products input[type="button"],.products input[type="reset"],.products input[type="submit"],.products .woocommerce ul.products li.product .button,.products a.added_to_cart.wc-forward{ 5876 5877 .products button, 5878 .products .button, 5879 .products .wp-block-search__button, 5880 .products .wp-block-button__link, 5881 .products .wp-block-file .wp-block-file__button, 5882 .products input[type="button"], 5883 .products input[type="reset"], 5884 .products input[type="submit"], 5885 .products .woocommerce ul.products li.product .button, 5886 .products a.added_to_cart.wc-forward { 4850 5887 padding: 10px 25px !important; 4851 5888 } … … 4854 5891 text-align: center; 4855 5892 } 4856 .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width{ 5893 5894 .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width { 4857 5895 width: auto !important; 4858 5896 } 4859 .woocommerce-Address-title.title a,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button{ 5897 5898 .woocommerce-Address-title.title a, 5899 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 5900 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 5901 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 5902 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 5903 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, 5904 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, 5905 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, 5906 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt, 5907 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 5908 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 5909 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 5910 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 5911 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, 5912 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, 5913 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, 5914 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button { 4860 5915 background-color: #fff; 4861 5916 color: #000; 4862 5917 border: solid 2px #000; 4863 5918 } 4864 .woocommerce ul.products li.product .button:hover,.woocommerce-Address-title.title a:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover{ 5919 5920 .woocommerce ul.products li.product .button:hover, 5921 .woocommerce-Address-title.title a:hover, 5922 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, 5923 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, 5924 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, 5925 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, 5926 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, 5927 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, 5928 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, 5929 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover, 5930 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 5931 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 5932 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 5933 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 5934 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, 5935 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, 5936 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, 5937 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover { 4865 5938 background-color: var(--global-color); 4866 5939 } 4867 @media screen and (min-width:1700px) and (max-width:1900px){ 4868 .wrapper{ 5940 5941 @media screen and (min-width:1700px) and (max-width:1900px) { 5942 .wrapper { 4869 5943 max-width: 1520px; 4870 5944 } 4871 5945 } 5946 4872 5947 @media screen and (min-width:1920px) { 4873 .wrapper {5948 .wrapper { 4874 5949 max-width: 1620px; 4875 5950 } 4876 5951 } 4877 5952 4878 h1.site-title,.site-title,.site-title p{ 5953 h1.site-title, 5954 .site-title, 5955 .site-title p { 4879 5956 font-family: var(--font-head); 4880 5957 } 5958 4881 5959 @media screen and (max-width:500px) { 4882 footer#site-footer .column-9, footer#site-footer .column-3{ 5960 5961 footer#site-footer .column-9, 5962 footer#site-footer .column-3 { 4883 5963 padding: 0; 4884 5964 } 4885 5965 } 5966 4886 5967 .is-large .wc-block-checkout__sidebar.is-sticky { 4887 5968 position: relative !important; … … 5060 6141 grid-template-columns: 1fr !important; 5061 6142 } 6143 5062 6144 .navigation.pagination .page-numbers { 5063 6145 display: block; 5064 6146 } 6147 5065 6148 ul.page-numbers li { 5066 6149 margin: 5px 0; 5067 6150 } 6151 5068 6152 .navigation.posts-navigation .nav-links { 5069 6153 width: 60%; 5070 6154 } 6155 5071 6156 .navigation.posts-navigation .nav-previous a, 5072 6157 .navigation.posts-navigation .nav-next a { … … 5080 6165 padding: 0; 5081 6166 } 6167 5082 6168 footer#site-footer { 5083 6169 margin-top: 50px; 5084 6170 } 5085 .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { 6171 6172 .woocommerce .woocommerce-error .button, 6173 .woocommerce .woocommerce-info .button, 6174 .woocommerce .woocommerce-message .button, 6175 .woocommerce-page .woocommerce-error .button, 6176 .woocommerce-page .woocommerce-info .button, 6177 .woocommerce-page .woocommerce-message .button { 5086 6178 color: #000 !important; 5087 6179 } 5088 .woocommerce-Address-title.title{ 6180 6181 .woocommerce-Address-title.title { 5089 6182 margin-bottom: 20px !important; 5090 6183 } 5091 .woocommerce-account .addresses .title .edit{ 6184 6185 .woocommerce-account .addresses .title .edit { 5092 6186 float: left; 5093 6187 text-decoration: none !important; … … 5103 6197 border: 1px solid #e8e8e8; 5104 6198 } 6199 5105 6200 thead th { 5106 6201 text-align: center; 5107 6202 } 6203 5108 6204 tbody td { 5109 6205 background: #f5f5f5; … … 5112 6208 padding: 5px; 5113 6209 } 6210 5114 6211 tbody td a { 5115 6212 text-decoration: underline !important; 5116 6213 color: #000; 5117 6214 } 6215 5118 6216 tbody td:hover { 5119 6217 background: #fff; 5120 6218 } 6219 5121 6220 tbody .pad { 5122 6221 background: none; 5123 6222 } 6223 5124 6224 tfoot td.pad { 5125 6225 display: none;
Note:
See TracChangeset
for help on using the changeset viewer.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)