Changeset 318977
- Timestamp:
- 03/21/2026 11:10:00 AM (7 months ago)
- Location:
- chocolate-ice-cream/5.1
- Files:
-
- 9 edited
- 1 copied
-
. (copied) (copied from chocolate-ice-cream/5.0 )
-
functions.php (modified) (2 diffs)
-
languages/chocolate-ice-cream.pot (modified) (50 diffs)
-
readme.txt (modified) (2 diffs)
-
sections/banner.php (modified) (1 diff)
-
style-rtl.css (modified) (126 diffs)
-
style.css (modified) (2 diffs)
-
theme-library/customizer/front-page-options/banner.php (modified) (1 diff)
-
theme-library/customizer/theme-options/theme-options.php (modified) (1 diff)
-
theme-library/function-files/customizer-settings-functions.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
chocolate-ice-cream/5.1/functions.php
r305949 r318977 140 140 wp_enqueue_style( 'chocolate-ice-cream-style', get_template_directory_uri() . '/style.css', array(), CHOCOLATE_ICE_CREAM_VERSION ); 141 141 142 // Animate CSS 143 wp_enqueue_style( 'animate-style', get_template_directory_uri() . '/resource/css/animate.css' ); 142 if (get_theme_mod('chocolate_ice_cream_enable_animation', true) == true){ 143 // Animate CSS 144 wp_enqueue_style( 'animate-style', get_template_directory_uri() . '/resource/css/animate.css' ); 145 // Wow script. 146 wp_enqueue_script( 'wow-jquery', get_template_directory_uri() . '/resource/js/wow.js', array('jquery'),'' ,true ); 147 } 144 148 145 149 // Navigation script. … … 148 152 // Slick script. 149 153 wp_enqueue_script( 'script', get_template_directory_uri() . '/resource/js/slick' . $min . '.js', array( 'jquery' ), '1.8.1', true ); 150 151 // Wow script.152 wp_enqueue_script( 'wow-jquery', get_template_directory_uri() . '/resource/js/wow.js', array('jquery'),'' ,true );153 154 154 155 // Custom script. -
chocolate-ice-cream/5.1/languages/chocolate-ice-cream.pot
r315240 r318977 3 3 msgid "" 4 4 msgstr "" 5 "Project-Id-Version: Chocolate Ice Cream 5. 0\n"5 "Project-Id-Version: Chocolate Ice Cream 5.1\n" 6 6 "Report-Msgid-Bugs-To: https://wordpress.org/support/theme/chocolate-ice-cream\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 2-23T11:26:05+05:30\n"12 "POT-Creation-Date: 2026-03-20T11:56:15+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: chocolate-ice-cream\n" 16 16 … … 43 43 #. translators: 1: title. 44 44 #: comments.php:26 45 #, php-format 45 46 msgid "One thought on “%1$s”" 46 47 msgstr "" … … 48 49 #. translators: 1: comment count number, 2: title. 49 50 #: comments.php:32 51 #, php-format 50 52 msgctxt "comments title" 51 53 msgid "%1$s thought on “%2$s”" … … 83 85 msgstr "" 84 86 85 #: functions.php:24 487 #: functions.php:245 86 88 msgid "https://asterthemes.com/products/ice-cream-wordpress-theme" 87 89 msgstr "" 88 90 89 #: functions.php:24 791 #: functions.php:248 90 92 msgid "https://asterthemes.com/products/chocolate-ice-cream" 91 93 msgstr "" 92 94 93 #: functions.php:25 095 #: functions.php:251 94 96 msgid "https://wordpress.org/support/theme/chocolate-ice-cream/" 95 97 msgstr "" 96 98 97 #: functions.php:25 399 #: functions.php:254 98 100 msgid "https://wordpress.org/support/theme/chocolate-ice-cream/reviews/" 99 101 msgstr "" 100 102 101 #: functions.php:25 6103 #: functions.php:257 102 104 msgid "https://demo.asterthemes.com/chocolate-ice-cream/" 103 105 msgstr "" 104 106 105 #: functions.php:2 59107 #: functions.php:260 106 108 msgid "https://demo.asterthemes.com/docs/chocolate-ice-cream-free/" 107 109 msgstr "" 108 110 109 #: functions.php:26 2111 #: functions.php:263 110 112 msgid "https://demo.asterthemes.com/docs/chocolate-ice-cream-pro/" 111 113 msgstr "" 112 114 113 #: functions.php:26 5115 #: functions.php:266 114 116 msgid "https://asterthemes.com/products/wp-theme-bundle" 115 117 msgstr "" … … 151 153 #. translators: 1: link to WP admin new post page. 152 154 #: template-parts/content-none.php:24 155 #, php-format 153 156 msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>." 154 157 msgstr "" … … 170 173 #: template-parts/content-page.php:41 171 174 #: theme-library/function-files/template-tags.php:272 175 #, php-format 172 176 msgid "Edit <span class=\"screen-reader-text\">%s</span>" 173 177 msgstr "" … … 175 179 #. translators: %s: Name of current post. Only visible to screen readers 176 180 #: template-parts/content-single.php:43 181 #, php-format 177 182 msgid "Continue reading<span class=\"screen-reader-text\"> \"%s\"</span>" 178 183 msgstr "" … … 234 239 #. translators: %d: Select Post Count. 235 240 #: theme-library/customizer/front-page-options/banner.php:87 241 #, php-format 236 242 msgid "Select Post %d" 237 243 msgstr "" … … 239 245 #. translators: %d: Select Page Count. 240 246 #: theme-library/customizer/front-page-options/banner.php:108 247 #, php-format 241 248 msgid "Select Page %d" 242 249 msgstr "" … … 244 251 #. translators: %d: Button Label Count. 245 252 #: theme-library/customizer/front-page-options/banner.php:130 253 #, php-format 246 254 msgid "Button Label %d" 247 255 msgstr "" … … 249 257 #. translators: %d: Button Link Count. 250 258 #: theme-library/customizer/front-page-options/banner.php:151 259 #, php-format 251 260 msgid "Button Link %d" 261 msgstr "" 262 263 #: theme-library/customizer/front-page-options/banner.php:169 264 msgid "Banner Button Label Color" 265 msgstr "" 266 267 #: theme-library/customizer/front-page-options/banner.php:184 268 msgid "Banner Button Background Color" 252 269 msgstr "" 253 270 … … 1062 1079 msgstr "" 1063 1080 1081 #: theme-library/customizer/theme-options/theme-options.php:674 1082 msgid "Topbar Padding" 1083 msgstr "" 1084 1085 #: theme-library/customizer/theme-options/theme-options.php:691 1086 msgid "Enable / Disable Animation" 1087 msgstr "" 1088 1089 #: theme-library/customizer/theme-options/theme-options.php:703 1090 msgid "Enable Animation" 1091 msgstr "" 1092 1064 1093 #: theme-library/customizer/theme-options/typography-setting.php:14 1065 1094 msgid "Typography Settings" … … 1122 1151 #. Translators: %s is the search query. 1123 1152 #: theme-library/function-files/class-breadcrumb-trail.php:254 1153 #, php-format 1124 1154 msgid "Search results for: %s" 1125 1155 msgstr "" … … 1127 1157 #. Translators: %s is the page number. 1128 1158 #: theme-library/function-files/class-breadcrumb-trail.php:256 1159 #, php-format 1129 1160 msgid "Page %s" 1130 1161 msgstr "" … … 1132 1163 #. Translators: %s is the page number. 1133 1164 #: theme-library/function-files/class-breadcrumb-trail.php:258 1165 #, php-format 1134 1166 msgid "Comment Page %s" 1135 1167 msgstr "" … … 1137 1169 #. Translators: Minute archive title. %s is the minute time format. 1138 1170 #: theme-library/function-files/class-breadcrumb-trail.php:260 1171 #, php-format 1139 1172 msgid "Minute %s" 1140 1173 msgstr "" … … 1142 1175 #. Translators: Weekly archive title. %s is the week date format. 1143 1176 #: theme-library/function-files/class-breadcrumb-trail.php:262 1177 #, php-format 1144 1178 msgid "Week %s" 1145 1179 msgstr "" … … 1218 1252 #. translators: %s: WordPress.org URL 1219 1253 #: theme-library/function-files/template-functions.php:323 1254 #, php-format 1220 1255 msgid " | Powered by %s" 1221 1256 msgstr "" … … 1284 1319 #. translators: %s: details. 1285 1320 #: theme-library/function-files/template-functions.php:521 1321 #, php-format 1286 1322 msgid "Comment on %s" 1287 1323 msgstr "" … … 1294 1330 #: theme-library/function-files/template-tags.php:126 1295 1331 #: theme-library/function-files/template-tags.php:150 1332 #, php-format 1296 1333 msgid "%s Comment" 1297 1334 msgid_plural "%s Comments" … … 1302 1339 #: theme-library/function-files/template-tags.php:176 1303 1340 #: theme-library/function-files/template-tags.php:197 1341 #, php-format 1304 1342 msgid "Posted at %s" 1305 1343 msgstr "" … … 1313 1351 #. translators: 1: list of tags. 1314 1352 #: theme-library/function-files/template-tags.php:263 1353 #, php-format 1315 1354 msgid "Tagged %1$s" 1316 1355 msgstr "" … … 1640 1679 #. translators: %s: plugin name. 1641 1680 #: theme-wizard/tgm/class-tgm-plugin-activation.php:330 1681 #, php-format 1642 1682 msgid "Installing Plugin: %s" 1643 1683 msgstr "" … … 1645 1685 #. translators: %s: plugin name. 1646 1686 #: theme-wizard/tgm/class-tgm-plugin-activation.php:332 1687 #, php-format 1647 1688 msgid "Updating Plugin: %s" 1648 1689 msgstr "" … … 1654 1695 #. translators: 1: plugin name(s). 1655 1696 #: theme-wizard/tgm/class-tgm-plugin-activation.php:334 1697 #, php-format 1656 1698 msgid "This theme requires the following plugin: %1$s." 1657 1699 msgid_plural "This theme requires the following plugins: %1$s." … … 1661 1703 #. translators: 1: plugin name(s). 1662 1704 #: theme-wizard/tgm/class-tgm-plugin-activation.php:340 1705 #, php-format 1663 1706 msgid "This theme recommends the following plugin: %1$s." 1664 1707 msgid_plural "This theme recommends the following plugins: %1$s." … … 1668 1711 #. translators: 1: plugin name(s). 1669 1712 #: theme-wizard/tgm/class-tgm-plugin-activation.php:346 1713 #, php-format 1670 1714 msgid "The following plugin needs to be updated to its latest version to ensure maximum compatibility with this theme: %1$s." 1671 1715 msgid_plural "The following plugins need to be updated to their latest version to ensure maximum compatibility with this theme: %1$s." … … 1675 1719 #. translators: 1: plugin name(s). 1676 1720 #: theme-wizard/tgm/class-tgm-plugin-activation.php:352 1721 #, php-format 1677 1722 msgid "There is an update available for: %1$s." 1678 1723 msgid_plural "There are updates available for the following plugins: %1$s." … … 1682 1727 #. translators: 1: plugin name(s). 1683 1728 #: theme-wizard/tgm/class-tgm-plugin-activation.php:358 1729 #, php-format 1684 1730 msgid "The following required plugin is currently inactive: %1$s." 1685 1731 msgid_plural "The following required plugins are currently inactive: %1$s." … … 1689 1735 #. translators: 1: plugin name(s). 1690 1736 #: theme-wizard/tgm/class-tgm-plugin-activation.php:364 1737 #, php-format 1691 1738 msgid "The following recommended plugin is currently inactive: %1$s." 1692 1739 msgid_plural "The following recommended plugins are currently inactive: %1$s." … … 1737 1784 #. translators: 1: plugin name. 1738 1785 #: theme-wizard/tgm/class-tgm-plugin-activation.php:390 1786 #, php-format 1739 1787 msgid "No action taken. Plugin %1$s was already active." 1740 1788 msgstr "" … … 1742 1790 #. translators: 1: plugin name. 1743 1791 #: theme-wizard/tgm/class-tgm-plugin-activation.php:392 1792 #, php-format 1744 1793 msgid "Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin." 1745 1794 msgstr "" … … 1747 1796 #. translators: 1: dashboard link. 1748 1797 #: theme-wizard/tgm/class-tgm-plugin-activation.php:394 1798 #, php-format 1749 1799 msgid "All plugins installed and activated successfully. %1$s" 1750 1800 msgstr "" … … 1791 1841 #. translators: %s: version number 1792 1842 #: theme-wizard/tgm/class-tgm-plugin-activation.php:1978 1843 #, php-format 1793 1844 msgid "TGMPA v%s" 1794 1845 msgstr "" … … 1840 1891 #. translators: 1: install status, 2: update status 1841 1892 #: theme-wizard/tgm/class-tgm-plugin-activation.php:2338 1893 #, php-format 1842 1894 msgctxt "Install/Update Status" 1843 1895 msgid "%1$s, %2$s" … … 1846 1898 #. translators: 1: number of plugins. 1847 1899 #: theme-wizard/tgm/class-tgm-plugin-activation.php:2384 1900 #, php-format 1848 1901 msgctxt "plugins" 1849 1902 msgid "All <span class=\"count\">(%s)</span>" … … 1854 1907 #. translators: 1: number of plugins. 1855 1908 #: theme-wizard/tgm/class-tgm-plugin-activation.php:2388 1909 #, php-format 1856 1910 msgid "To Install <span class=\"count\">(%s)</span>" 1857 1911 msgid_plural "To Install <span class=\"count\">(%s)</span>" … … 1861 1915 #. translators: 1: number of plugins. 1862 1916 #: theme-wizard/tgm/class-tgm-plugin-activation.php:2392 1917 #, php-format 1863 1918 msgid "Update Available <span class=\"count\">(%s)</span>" 1864 1919 msgid_plural "Update Available <span class=\"count\">(%s)</span>" … … 1868 1923 #. translators: 1: number of plugins. 1869 1924 #: theme-wizard/tgm/class-tgm-plugin-activation.php:2396 1925 #, php-format 1870 1926 msgid "To Activate <span class=\"count\">(%s)</span>" 1871 1927 msgid_plural "To Activate <span class=\"count\">(%s)</span>" … … 1916 1972 #. translators: %2$s: plugin name in screen reader markup 1917 1973 #: theme-wizard/tgm/class-tgm-plugin-activation.php:2599 1974 #, php-format 1918 1975 msgid "Install %2$s" 1919 1976 msgstr "" … … 1921 1978 #. translators: %2$s: plugin name in screen reader markup 1922 1979 #: theme-wizard/tgm/class-tgm-plugin-activation.php:2604 1980 #, php-format 1923 1981 msgid "Update %2$s" 1924 1982 msgstr "" … … 1926 1984 #. translators: %2$s: plugin name in screen reader markup 1927 1985 #: theme-wizard/tgm/class-tgm-plugin-activation.php:2610 1986 #, php-format 1928 1987 msgid "Activate %2$s" 1929 1988 msgstr "" … … 1975 2034 #. translators: 1: plugin name, 2: action number 3: total number of actions. 1976 2035 #: theme-wizard/tgm/class-tgm-plugin-activation.php:3494 2036 #, php-format 1977 2037 msgid "Updating Plugin %1$s (%2$d/%3$d)" 1978 2038 msgstr "" … … 1980 2040 #. translators: 1: plugin name, 2: error message. 1981 2041 #: theme-wizard/tgm/class-tgm-plugin-activation.php:3497 2042 #, php-format 1982 2043 msgid "An error occurred while installing %1$s: <strong>%2$s</strong>." 1983 2044 msgstr "" … … 1985 2046 #. translators: 1: plugin name. 1986 2047 #: theme-wizard/tgm/class-tgm-plugin-activation.php:3499 2048 #, php-format 1987 2049 msgid "The installation of %1$s failed." 1988 2050 msgstr "" … … 1994 2056 #. translators: 1: plugin name. 1995 2057 #: theme-wizard/tgm/class-tgm-plugin-activation.php:3505 2058 #, php-format 1996 2059 msgid "%1$s installed and activated successfully." 1997 2060 msgstr "" … … 2015 2078 #. translators: 1: plugin name, 2: action number 3: total number of actions. 2016 2079 #: theme-wizard/tgm/class-tgm-plugin-activation.php:3508 2080 #, php-format 2017 2081 msgid "Installing and Activating Plugin %1$s (%2$d/%3$d)" 2018 2082 msgstr "" … … 2024 2088 #. translators: 1: plugin name. 2025 2089 #: theme-wizard/tgm/class-tgm-plugin-activation.php:3513 2090 #, php-format 2026 2091 msgid "%1$s installed successfully." 2027 2092 msgstr "" … … 2033 2098 #. translators: 1: plugin name, 2: action number 3: total number of actions. 2034 2099 #: theme-wizard/tgm/class-tgm-plugin-activation.php:3516 2100 #, php-format 2035 2101 msgid "Installing Plugin %1$s (%2$d/%3$d)" 2036 2102 msgstr "" -
chocolate-ice-cream/5.1/readme.txt
r315240 r318977 5 5 Requires at least: 5.0 6 6 Tested up to: 6.9 7 Stable tag: 5. 07 Stable tag: 5.1 8 8 Requires PHP: 7.2 9 9 License: GNU General Public License v3 or later … … 279 279 * Updated pot file. 280 280 281 = 5.1 = 282 * Added on/off setting of animation in customizer. 283 * Added topbar padding setting in customizer. 284 * Added slider button background color option. 285 * Added slider button lable color option. 286 * Updated rtl file. 287 * Updated pot file. 288 281 289 == Images Screenshot == 282 290 -
chocolate-ice-cream/5.1/sections/banner.php
r273640 r318977 59 59 <div class="banner-caption"> 60 60 <div class="asterthemes-wrapper"> 61 <div class="banner-catption-wrapper ">61 <div class="banner-catption-wrapper wow bounceInUp delay-1000" data-wow-duration="2s"> 62 62 <h1 class="banner-caption-title"> 63 63 <a href="<?php the_permalink(); ?>"> -
chocolate-ice-cream/5.1/style-rtl.css
r315240 r318977 1 1 .asterthemes-wrapper { 2 padding: 0 20px;3 max-width: 1320px;4 margin: 0 auto;2 padding: 0 20px; 3 max-width: 1320px; 4 margin: 0 auto; 5 5 } 6 6 7 7 body.asterthemes-boxed-layout .asterthemes-site-wrapper { 8 max-width: 1320px; 9 margin: 0 auto; 10 background-color: var(--background-color-white); 11 box-shadow: 0px 0px 10px -7px #202020; 12 } 13 14 @media screen and (min-width:1700px) and (max-width:1900px) { 15 .asterthemes-wrapper, 16 body.asterthemes-boxed-layout .asterthemes-site-wrapper { 17 max-width: 1520px !important; 18 } 19 } 20 8 max-width: 1320px; 9 margin: 0 auto; 10 background-color: var(--background-color-white); 11 box-shadow: 0px 0px 10px -7px #202020; 12 } 13 @media screen and (min-width:1700px) and (max-width:1900px){ 14 .asterthemes-wrapper , body.asterthemes-boxed-layout .asterthemes-site-wrapper{ 15 max-width: 1520px !important ; 16 } 17 } 21 18 @media screen and (min-width:1901px) { 22 .asterthemes-wrapper, 23 body.asterthemes-boxed-layout .asterthemes-site-wrapper { 24 max-width: 1620px !important; 25 } 26 } 27 19 .asterthemes-wrapper , body.asterthemes-boxed-layout .asterthemes-site-wrapper{ 20 max-width: 1620px !important; 21 } 22 } 28 23 .asce-col-1 { 29 width: 100%;24 width: 100%; 30 25 } 31 26 32 27 .asce-col-2 { 33 width: 50%;28 width: 50%; 34 29 } 35 30 36 31 .asce-col-2-5 { 37 width: 66.67%;32 width: 66.67%; 38 33 } 39 34 40 35 .asce-col-3 { 41 width: 33.33%;36 width: 33.33%; 42 37 } 43 38 44 39 .asce-col-4 { 45 width: 25%;40 width: 25%; 46 41 } 47 42 48 43 .asce-col-80 { 49 width: 80%;44 width: 80%; 50 45 } 51 46 52 47 .asce-col-75 { 53 width: 75%;48 width: 75%; 54 49 } 55 50 56 51 .asce-col-70 { 57 width: 70%;52 width: 70%; 58 53 } 59 54 60 55 .asce-col-60 { 61 width: 60%;56 width: 60%; 62 57 } 63 58 64 59 .asce-col-55 { 65 width: 55%;60 width: 55%; 66 61 } 67 62 68 63 .asce-col-40 { 69 width: 40%;64 width: 40%; 70 65 } 71 66 72 67 .asce-col-30 { 73 width: 30%;68 width: 30%; 74 69 } 75 70 76 71 .asce-col-20 { 77 width: 20%;72 width: 20%; 78 73 } 79 74 80 75 .asce-col-15 { 81 width: 15%;76 width: 15%; 82 77 } 83 78 84 79 .main-widget-section-wrap { 85 display: flex;86 flex-wrap: wrap;87 align-items: flex-start;88 gap: 30px;80 display: flex; 81 flex-wrap: wrap; 82 align-items: flex-start; 83 gap: 30px; 89 84 } 90 85 91 86 .main-widget-section-wrap .primary-widgets-section { 92 width: 100%;87 width: 100%; 93 88 } 94 89 95 90 .wp-block-button.is-style-squared a.wp-block-button__link { 96 border-radius: 0; 97 } 98 91 border-radius: 0; 92 } 99 93 .wp-block-image .alignright { 100 float: unset;94 float: unset; 101 95 } 102 96 103 97 @media (min-width: 768px) { 104 .main-widget-section-wrap .primary-widgets-section {105 width: calc(70% - 15px);106 }98 .main-widget-section-wrap .primary-widgets-section { 99 width: calc(70% - 15px); 100 } 107 101 } 108 102 109 103 .main-widget-section-wrap .secondary-widgets-section { 110 width: 100%;104 width: 100%; 111 105 } 112 106 113 107 @media (min-width: 768px) { 114 .main-widget-section-wrap .secondary-widgets-section {115 width: calc(30% - 15px);116 position: sticky;117 top: 40px;118 }108 .main-widget-section-wrap .secondary-widgets-section { 109 width: calc(30% - 15px); 110 position: sticky; 111 top: 40px; 112 } 119 113 } 120 114 121 115 @media (min-width: 768px) { 122 .main-widget-section-wrap.frontpage-left-sidebar {123 flex-direction: row-reverse;124 }116 .main-widget-section-wrap.frontpage-left-sidebar { 117 flex-direction: row-reverse; 118 } 125 119 } 126 120 127 121 .main-widget-section-wrap.no-frontpage-sidebar .primary-widgets-section { 128 width: 100%; 129 } 130 122 width: 100%; 123 } 131 124 132 125 /*-------------------------------------------------------------- 133 126 # Generic 134 127 --------------------------------------------------------------*/ 135 136 137 128 /* Normalize 138 129 --------------------------------------------- */ 139 140 141 130 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 142 143 144 131 /* Document 145 132 ========================================================================== */ 146 147 148 133 /** 149 134 * 1. Correct the line height in all browsers. 150 135 * 2. Prevent adjustments of font size after orientation changes in iOS. 151 136 */ 152 153 137 html { 154 line-height: 1.15; 155 -webkit-text-size-adjust: 100%; 156 } 157 138 line-height: 1.15; 139 -webkit-text-size-adjust: 100%; 140 } 158 141 159 142 /* Sections 160 143 ========================================================================== */ 161 162 163 144 /** 164 145 * Remove the margin in all browsers. 165 146 */ 166 167 147 body { 168 margin: 0; 169 font-family: 'Poppins', sans-serif; 170 } 171 148 margin: 0; 149 font-family: 'Poppins', sans-serif; 150 } 172 151 173 152 /** 174 153 * Render the `main` element consistently in IE. 175 154 */ 176 177 155 main { 178 display: block; 179 } 180 156 display: block; 157 } 181 158 182 159 /** … … 184 161 * `article` contexts in Chrome, Firefox, and Safari. 185 162 */ 186 187 163 h1 { 188 font-size: 2em; 189 margin: 0.67em 0; 190 } 191 164 font-size: 2em; 165 margin: 0.67em 0; 166 } 192 167 193 168 /* Grouping content 194 169 ========================================================================== */ 195 196 197 170 /** 198 171 * 1. Add the correct box sizing in Firefox. 199 172 * 2. Show the overflow in Edge and IE. 200 173 */ 201 202 174 hr { 203 box-sizing: content-box; 204 height: 0; 205 overflow: visible; 206 } 207 175 box-sizing: content-box; 176 height: 0; 177 overflow: visible; 178 } 208 179 209 180 /** … … 211 182 * 2. Correct the odd `em` font sizing in all browsers. 212 183 */ 213 214 184 pre { 215 font-family: 'Poppins', sans-serif; 216 font-size: 1em; 217 } 218 185 font-family: 'Poppins', sans-serif; 186 font-size: 1em; 187 } 219 188 220 189 /* Text-level semantics 221 190 ========================================================================== */ 222 223 224 191 /** 225 192 * Remove the gray background on active links in IE 10. 226 193 */ 227 228 194 a { 229 background-color: transparent; 230 } 231 195 background-color: transparent; 196 } 232 197 233 198 /** … … 235 200 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 236 201 */ 237 238 202 abbr[title] { 239 border-bottom: none; 240 text-decoration: underline; 241 text-decoration: underline dotted; 242 } 243 203 border-bottom: none; 204 text-decoration: underline; 205 text-decoration: underline dotted; 206 } 244 207 245 208 /** 246 209 * Add the correct font weight in Chrome, Edge, and Safari. 247 210 */ 248 249 211 b, 250 212 strong { 251 font-weight: bolder; 252 } 253 213 font-weight: bolder; 214 } 254 215 255 216 /** … … 257 218 * 2. Correct the odd `em` font sizing in all browsers. 258 219 */ 259 260 220 code, 261 221 kbd, 262 222 samp { 263 font-family: 'Poppins', sans-serif; 264 font-size: 1em; 265 } 266 223 font-family: 'Poppins', sans-serif; 224 font-size: 1em; 225 } 267 226 268 227 /** 269 228 * Add the correct font size in all browsers. 270 229 */ 271 272 230 small { 273 font-size: 80%; 274 } 275 231 font-size: 80%; 232 } 276 233 277 234 /** … … 279 236 * all browsers. 280 237 */ 281 282 238 sub, 283 239 sup { 284 font-size: 75%;285 line-height: 0;286 position: relative;287 vertical-align: baseline;240 font-size: 75%; 241 line-height: 0; 242 position: relative; 243 vertical-align: baseline; 288 244 } 289 245 290 246 sub { 291 bottom: -0.25em;247 bottom: -0.25em; 292 248 } 293 249 294 250 sup { 295 top: -0.5em; 296 } 297 251 top: -0.5em; 252 } 298 253 299 254 /* Embedded content 300 255 ========================================================================== */ 301 302 303 256 /** 304 257 * Remove the border on images inside links in IE 10. 305 258 */ 306 307 259 img { 308 border-style: none; 309 } 310 260 border-style: none; 261 } 311 262 312 263 /* Forms 313 264 ========================================================================== */ 314 315 316 265 /** 317 266 * 1. Change the font styles in all browsers. 318 267 * 2. Remove the margin in Firefox and Safari. 319 268 */ 320 321 269 button, 322 270 input, … … 324 272 select, 325 273 textarea { 326 font-family: 'Poppins', sans-serif; 327 font-size: 100%; 328 line-height: 1.15; 329 margin: 0; 330 } 331 274 font-family: 'Poppins', sans-serif; 275 font-size: 100%; 276 line-height: 1.15; 277 margin: 0; 278 } 332 279 333 280 /** … … 335 282 * 1. Show the overflow in Edge. 336 283 */ 337 338 284 button, 339 285 input { 340 overflow: visible; 341 } 342 286 overflow: visible; 287 } 343 288 344 289 /** … … 346 291 * 1. Remove the inheritance of text transform in Firefox. 347 292 */ 348 349 293 button, 350 294 select { 351 text-transform: none; 352 } 353 295 text-transform: none; 296 } 354 297 355 298 /** 356 299 * Correct the inability to style clickable types in iOS and Safari. 357 300 */ 358 359 301 button, 360 302 [type="button"], 361 303 [type="reset"], 362 304 [type="submit"] { 363 -webkit-appearance: button; 364 } 365 305 -webkit-appearance: button; 306 } 366 307 367 308 /** 368 309 * Remove the inner border and padding in Firefox. 369 310 */ 370 371 311 button::-moz-focus-inner, 372 312 [type="button"]::-moz-focus-inner, 373 313 [type="reset"]::-moz-focus-inner, 374 314 [type="submit"]::-moz-focus-inner { 375 border-style: none; 376 padding: 0; 377 } 378 315 border-style: none; 316 padding: 0; 317 } 379 318 380 319 /** 381 320 * Restore the focus styles unset by the previous rule. 382 321 */ 383 384 322 button:-moz-focusring, 385 323 [type="button"]:-moz-focusring, 386 324 [type="reset"]:-moz-focusring, 387 325 [type="submit"]:-moz-focusring { 388 outline: 1px dotted ButtonText; 389 } 390 326 outline: 1px dotted ButtonText; 327 } 391 328 392 329 /** 393 330 * Correct the padding in Firefox. 394 331 */ 395 396 332 fieldset { 397 padding: 0.35em 0.75em 0.625em; 398 } 399 333 padding: 0.35em 0.75em 0.625em; 334 } 400 335 401 336 /** … … 405 340 * `fieldset` elements in all browsers. 406 341 */ 407 408 342 legend { 409 box-sizing: border-box; 410 color: inherit; 411 display: table; 412 max-width: 100%; 413 padding: 0; 414 white-space: normal; 415 } 416 343 box-sizing: border-box; 344 color: inherit; 345 display: table; 346 max-width: 100%; 347 padding: 0; 348 white-space: normal; 349 } 417 350 418 351 /** 419 352 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 420 353 */ 421 422 354 progress { 423 vertical-align: baseline; 424 } 425 355 vertical-align: baseline; 356 } 426 357 427 358 /** 428 359 * Remove the default vertical scrollbar in IE 10+. 429 360 */ 430 431 361 textarea { 432 overflow: auto; 433 } 434 362 overflow: auto; 363 } 435 364 436 365 /** … … 438 367 * 2. Remove the padding in IE 10. 439 368 */ 440 441 369 [type="checkbox"], 442 370 [type="radio"] { 443 box-sizing: border-box; 444 padding: 0; 445 } 446 371 box-sizing: border-box; 372 padding: 0; 373 } 447 374 448 375 /** 449 376 * Correct the cursor style of increment and decrement buttons in Chrome. 450 377 */ 451 452 378 [type="number"]::-webkit-inner-spin-button, 453 379 [type="number"]::-webkit-outer-spin-button { 454 height: auto; 455 } 456 380 height: auto; 381 } 457 382 458 383 /** … … 460 385 * 2. Correct the outline style in Safari. 461 386 */ 462 463 387 [type="search"] { 464 -webkit-appearance: textfield; 465 outline-offset: -2px; 466 } 467 388 -webkit-appearance: textfield; 389 outline-offset: -2px; 390 } 468 391 469 392 /** 470 393 * Remove the inner padding in Chrome and Safari on macOS. 471 394 */ 472 473 395 [type="search"]::-webkit-search-decoration { 474 -webkit-appearance: none; 475 } 476 396 -webkit-appearance: none; 397 } 477 398 478 399 /** … … 480 401 * 2. Change font properties to `inherit` in Safari. 481 402 */ 482 483 403 ::-webkit-file-upload-button { 484 -webkit-appearance: button; 485 font: inherit; 486 } 487 404 -webkit-appearance: button; 405 font: inherit; 406 } 488 407 489 408 /* Interactive 490 409 ========================================================================== */ 491 492 493 410 /* 494 411 * Add the correct display in Edge, IE 10+, and Firefox. 495 412 */ 496 497 413 details { 498 display: block; 499 } 500 414 display: block; 415 } 501 416 502 417 /* 503 418 * Add the correct display in all browsers. 504 419 */ 505 506 420 summary { 507 display: list-item; 508 } 509 421 display: list-item; 422 } 510 423 511 424 /* Misc 512 425 ========================================================================== */ 513 514 515 426 /** 516 427 * Add the correct display in IE 10+. 517 428 */ 518 519 429 template { 520 display: none; 521 } 522 430 display: none; 431 } 523 432 524 433 /** 525 434 * Add the correct display in IE 10. 526 435 */ 527 528 436 [hidden] { 529 display: none; 530 } 531 437 display: none; 438 } 532 439 533 440 /* Box sizing 534 441 --------------------------------------------- */ 535 536 537 442 /* Inherit box-sizing to more easily change it's value on a component level. 538 443 @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 539 540 444 *, 541 445 *::before, 542 446 *::after { 543 box-sizing: inherit;447 box-sizing: inherit; 544 448 } 545 449 546 450 html { 547 box-sizing: border-box; 548 } 549 451 box-sizing: border-box; 452 } 550 453 551 454 /*-------------------------------------------------------------- 552 455 # Base 553 456 --------------------------------------------------------------*/ 554 555 556 457 /* Typography 557 458 --------------------------------------------- */ 558 559 459 body, 560 460 button, … … 563 463 optgroup, 564 464 textarea { 565 color: #404040;566 font-family: 'Poppins', sans-serif;567 font-size: 1rem;568 line-height: 1.5;465 color: #404040; 466 font-family: 'Poppins', sans-serif; 467 font-size: 1rem; 468 line-height: 1.5; 569 469 } 570 470 … … 575 475 h5, 576 476 h6 { 577 font-family: 'Jost', sans-serif; 578 clear: both; 579 font-family: var(--font-heading); 477 font-family: 'Jost', sans-serif; 478 clear: both; 479 font-family: var(--font-heading); 480 580 481 } 581 482 582 483 h1, 583 484 .h1 { 584 font-size: 4.4rem;485 font-size: 4.4rem; 585 486 } 586 487 587 488 h2, 588 489 .h2 { 589 font-size: 3.4rem;490 font-size: 3.4rem; 590 491 } 591 492 592 493 @media (max-width: 992px) { 593 h2,594 .h2 {595 font-size: 2.8rem;596 }494 h2, 495 .h2 { 496 font-size: 2.8rem; 497 } 597 498 } 598 499 599 500 @media (max-width: 767.98px) { 600 h2,601 .h2 {602 font-size: 2.3rem;603 }501 h2, 502 .h2 { 503 font-size: 2.3rem; 504 } 604 505 } 605 506 606 507 h3, 607 508 .h3 { 608 font-size: 1.9rem;509 font-size: 1.9rem; 609 510 } 610 511 611 512 h4, 612 513 .h4 { 613 font-size: 1.5rem;514 font-size: 1.5rem; 614 515 } 615 516 … … 620 521 h5, 621 522 h6 { 622 display: block; 623 font-weight: 600; 624 font-family: var(--font-heading); 523 display: block; 524 font-weight: 600; 525 font-family: var(--font-heading); 526 625 527 } 626 528 627 529 h1 { 628 font-size: 2em;629 margin: .67em 0;530 font-size: 2em; 531 margin: .67em 0; 630 532 } 631 533 632 534 h2, 633 535 h3 { 634 font-size: 1.3em;635 margin: 1em 0;536 font-size: 1.3em; 537 margin: 1em 0; 636 538 } 637 539 638 540 .update-core-php h2 { 639 margin-top: 4em;541 margin-top: 4em; 640 542 } 641 543 … … 643 545 .update-messages h2, 644 546 h4 { 645 font-size: 1em;646 margin: 1.33em 0;547 font-size: 1em; 548 margin: 1.33em 0; 647 549 } 648 550 649 551 h5 { 650 font-size: 0.83em;651 margin: 1.67em 0;552 font-size: 0.83em; 553 margin: 1.67em 0; 652 554 } 653 555 654 556 h6 { 655 font-size: 0.67em;656 margin: 2.33em 0;557 font-size: 0.67em; 558 margin: 2.33em 0; 657 559 } 658 560 659 561 h1.page-title { 660 font-size: 2.4rem;661 margin: 0.5rem 0 1.5rem;562 font-size: 2.4rem; 563 margin: 0.5rem 0 1.5rem; 662 564 } 663 565 664 566 @media (max-width: 480px) { 665 h1.page-title {666 font-size: 2.4rem;667 }567 h1.page-title { 568 font-size: 2.4rem; 569 } 668 570 } 669 571 670 572 .woocommerce-products-header__title { 671 margin-top: 0;672 margin-bottom: 20px;673 line-height: 1;573 margin-top: 0; 574 margin-bottom: 20px; 575 line-height: 1; 674 576 } 675 577 676 578 .page-header h1 { 677 font-size: var(--font-size-xl);678 margin-top: 0;679 line-height: 1.2;579 font-size: var(--font-size-xl); 580 margin-top: 0; 581 line-height: 1.2; 680 582 } 681 583 682 584 .section-header-subtitle { 683 text-align: center;684 margin-bottom: 50px;585 text-align: center; 586 margin-bottom: 50px; 685 587 } 686 588 687 589 .section-header-subtitle .section-title { 688 font-size: var(--font-size-xl);689 margin-top: 0;690 margin-bottom: 0;691 font-family: var(--font-heading);692 line-height: 1.2;590 font-size: var(--font-size-xl); 591 margin-top: 0; 592 margin-bottom: 0; 593 font-family: var(--font-heading); 594 line-height: 1.2; 693 595 } 694 596 695 597 .section-header-subtitle .section-subtitle { 696 font-size: var(--font-size-base);697 font-family: var(--font-main);698 margin-top: 0;699 margin-bottom: 0;598 font-size: var(--font-size-base); 599 font-family: var(--font-main); 600 margin-top: 0; 601 margin-bottom: 0; 700 602 } 701 603 702 604 p { 703 margin-bottom: 1.5em;605 margin-bottom: 1.5em; 704 606 } 705 607 … … 708 610 em, 709 611 i { 710 font-style: italic;612 font-style: italic; 711 613 } 712 614 713 615 blockquote { 714 margin: 0 1.5em;616 margin: 0 1.5em; 715 617 } 716 618 717 619 address { 718 margin: 0 0 1.5em;620 margin: 0 0 1.5em; 719 621 } 720 622 721 623 pre { 722 background: #eee;723 font-family: "Courier 10 Pitch", courier, monospace;724 line-height: 1.6;725 margin-bottom: 1.6em;726 max-width: 100%;727 overflow: auto;728 padding: 1.6em;624 background: #eee; 625 font-family: "Courier 10 Pitch", courier, monospace; 626 line-height: 1.6; 627 margin-bottom: 1.6em; 628 max-width: 100%; 629 overflow: auto; 630 padding: 1.6em; 729 631 } 730 632 … … 733 635 tt, 734 636 var { 735 font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;637 font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 736 638 } 737 639 738 640 abbr, 739 641 acronym { 740 border-bottom: 1px dotted #666; 741 cursor: help; 742 } 743 642 border-bottom: 1px dotted #666; 643 cursor: help; 644 } 744 645 745 646 /*mark, … … 750 651 751 652 big { 752 font-size: 125%; 753 } 754 755 .entry-content a, 756 .textwidget p a, 757 .comment-content a { 758 text-decoration: underline; 759 } 760 653 font-size: 125%; 654 } 655 656 .entry-content a, .textwidget p a,.comment-content a{ 657 text-decoration: underline; 658 } 761 659 762 660 /* Elements 763 661 --------------------------------------------- */ 764 765 662 :root { 766 --primary-color: var(--primary-color);767 --background-color-white: #202020;768 --background-color-grey: #F6F7FB;769 --background-color-light-grey: #f8f8f8;770 --background-color-dark: #a3a3a3;771 --footer-top-background: #f8f8f8;772 --footer-top-color: #3a3a3a;773 --footer-bottom-background: #e8e8e8;774 --footer-bottom-color: #3a3a3a;775 --color-text-main: #3A3A3A;776 --color-text-white: #fff;777 --input-border-color: rgba(200, 200, 200,.5);778 --notice-success-bg-color:#D4EDDA;779 --notice-success-text-color:#155724;780 --notice-info-bg-color:#D1ECF1;781 --notice-info-text-color:#0C5460;782 --notice-warning-bg-color:#FFF3CD;783 --notice-warning-text-color:#856404;784 --notice-danger-bg-color:#F8D7DA;785 --notice-danger-text-color:#721C24;786 --font-size-xs: clamp(0.7rem, 0.17vw + 0.76rem, 0.79rem);787 --font-size-sm: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem);788 --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);789 --font-size-md: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);790 --font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);791 --font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);792 --font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);793 --font-size-xxxl: clamp(2.95rem, 3.54vw + 2.17rem, 5rem);794 --border-round-button: 30px;795 --font-main: 'Poppins', sans-serif;796 --font-heading: 'Raleway', sans-serif;797 --font-paragraph: 'Tenor Sans', sans-serif; 798 --font-line-height-body: 1.5;799 --font-line-height-pre: 1.6;663 --primary-color: var(--primary-color); 664 --background-color-white: #202020; 665 --background-color-grey: #F6F7FB; 666 --background-color-light-grey: #f8f8f8; 667 --background-color-dark: #a3a3a3; 668 --footer-top-background: #f8f8f8; 669 --footer-top-color: #3a3a3a; 670 --footer-bottom-background: #e8e8e8; 671 --footer-bottom-color: #3a3a3a; 672 --color-text-main: #3A3A3A; 673 --color-text-white: #fff; 674 --input-border-color: rgba(200,200,200,.5); 675 --notice-success-bg-color:#D4EDDA; 676 --notice-success-text-color:#155724; 677 --notice-info-bg-color:#D1ECF1; 678 --notice-info-text-color:#0C5460; 679 --notice-warning-bg-color:#FFF3CD; 680 --notice-warning-text-color:#856404; 681 --notice-danger-bg-color:#F8D7DA; 682 --notice-danger-text-color:#721C24; 683 --font-size-xs: clamp(0.7rem, 0.17vw + 0.76rem, 0.79rem); 684 --font-size-sm: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem); 685 --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem); 686 --font-size-md: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem); 687 --font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem); 688 --font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem); 689 --font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem); 690 --font-size-xxxl: clamp(2.95rem, 3.54vw + 2.17rem, 5rem); 691 --border-round-button: 30px; 692 --font-main: 'Poppins', sans-serif; 693 --font-heading: 'Raleway', sans-serif; 694 --font-paragraph: 'Tenor Sans', sans-serif; 695 --font-line-height-body: 1.5; 696 --font-line-height-pre: 1.6; 800 697 } 801 698 802 699 * { 803 box-sizing: border-box;700 box-sizing: border-box; 804 701 } 805 702 806 703 body { 807 font-size: 1rem;808 font-family: var(--font-main);809 color: #202020;810 background: #fff;704 font-size: 1rem; 705 font-family: var(--font-main); 706 color: #202020; 707 background: #fff; 811 708 } 812 709 813 710 body.page { 814 margin-bottom: 0;711 margin-bottom: 0; 815 712 } 816 713 817 714 @media (max-width: 767.98px) { 818 body {819 font-size: 1em;820 }715 body { 716 font-size: 1em; 717 } 821 718 } 822 719 823 720 body.menu-opened { 824 overflow: hidden;721 overflow: hidden; 825 722 } 826 723 827 724 hr { 828 background-color: #ccc;829 border: 0;830 height: 1px;831 margin-bottom: 1.5em;725 background-color: #ccc; 726 border: 0; 727 height: 1px; 728 margin-bottom: 1.5em; 832 729 } 833 730 834 731 ul, 835 732 ol { 836 margin: 0 3em 1.5em 0;733 margin: 0 3em 1.5em 0; 837 734 } 838 735 839 736 li > ul, 840 737 li > ol { 841 margin-bottom: 0;842 margin-right: 1.5em;738 margin-bottom: 0; 739 margin-right: 1.5em; 843 740 } 844 741 845 742 dt { 846 font-weight: 700;743 font-weight: 700; 847 744 } 848 745 849 746 dd { 850 margin: 0 1.5em 1.5em; 851 } 852 747 margin: 0 1.5em 1.5em; 748 } 853 749 854 750 /* Make sure embeds and iframes fit their containers. */ 855 856 751 embed, 857 752 iframe, 858 753 object { 859 max-width: 100%;754 max-width: 100%; 860 755 } 861 756 862 757 img { 863 height: auto;864 max-width: 100%;758 height: auto; 759 max-width: 100%; 865 760 } 866 761 867 762 figure { 868 margin: 1em 0;763 margin: 1em 0; 869 764 } 870 765 871 766 table { 872 margin: 0 0 1.5em; 873 width: 100%; 874 } 875 767 margin: 0 0 1.5em; 768 width: 100%; 769 } 876 770 877 771 /* Links 878 772 --------------------------------------------- */ 879 880 773 a { 881 color: var(--primary-color);882 text-decoration: none;774 color: var(--primary-color); 775 text-decoration: none; 883 776 } 884 777 885 778 a:visited { 886 color: var(--primary-color); 887 } 888 889 a:hover, 890 a:focus, 891 a:active { 892 color: var(--primary-color); 893 } 894 895 a a { 896 color: var(--primary-color); 897 } 898 899 .widget p { 900 color: #fff; 901 } 902 903 a:visited { 904 color: var(--primary-color); 905 } 906 907 a:hover, 908 a:focus, 909 a:active { 910 color: #fff; 779 color: var(--primary-color); 780 } 781 782 a:hover, a:focus, a:active { 783 color: var(--primary-color); 911 784 } 912 785 913 786 a:focus { 914 outline: thin dotted; 915 outline-offset: 1px; 916 } 917 918 a:hover, 919 a:active { 920 outline: 0; 787 outline: thin dotted; 788 outline-offset: 1px; 789 } 790 791 a:hover, a:active { 792 outline: 0; 921 793 } 922 794 923 795 a:focus-within { 924 outline: thin dotted;925 outline-offset: -2px;796 outline: thin dotted; 797 outline-offset: -2px; 926 798 } 927 799 928 800 a ul.social-links { 929 margin: 0;930 padding: 0;931 list-style: none;932 display: flex;933 gap: 10px;801 margin: 0; 802 padding: 0; 803 list-style: none; 804 display: flex; 805 gap: 10px; 934 806 } 935 807 … … 937 809 a .teams-social a, 938 810 a ul.social-links a { 939 width: 20px;940 height: 20px;941 opacity: 0.8;942 display: flex;943 font-size: 16px;944 overflow: hidden;945 position: relative;946 align-items: center;947 text-decoration: none;948 justify-content: center;949 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);950 color: var(--color-text-white);811 width: 20px; 812 height: 20px; 813 opacity: 0.8; 814 display: flex; 815 font-size: 16px; 816 overflow: hidden; 817 position: relative; 818 align-items: center; 819 text-decoration: none; 820 justify-content: center; 821 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 822 color: var(--color-text-white); 951 823 } 952 824 … … 954 826 a .teams-social a::before, 955 827 a ul.social-links a::before { 956 -webkit-font-smoothing: antialiased;957 -moz-osx-font-smoothing: grayscale;958 font-style: normal;959 font-variant: normal;960 font-weight: 400;961 line-height: 1;962 font-family: 'Font Awesome 7 brands';963 vertical-align: baseline;964 transition: all, ease,.3s;828 -webkit-font-smoothing: antialiased; 829 -moz-osx-font-smoothing: grayscale; 830 font-style: normal; 831 font-variant: normal; 832 font-weight: 400; 833 line-height: 1; 834 font-family: 'Font Awesome 7 brands'; 835 vertical-align: baseline; 836 transition: all,ease,.3s; 965 837 } 966 838 … … 968 840 a .teams-social a[href*='facebook.com']::before, 969 841 a ul.social-links a[href*='facebook.com']::before { 970 content: "\f39e";842 content: "\f39e"; 971 843 } 972 844 … … 974 846 a .teams-social a[href*='twitter.com']::before, 975 847 a ul.social-links a[href*='twitter.com']::before { 976 content: "\f099";848 content: "\f099"; 977 849 } 978 850 … … 980 852 a .teams-social a[href*='instagram.com']::before, 981 853 a ul.social-links a[href*='instagram.com']::before { 982 content: "\f16d";854 content: "\f16d"; 983 855 } 984 856 … … 986 858 a .teams-social a[href*='youtube.com']::before, 987 859 a ul.social-links a[href*='youtube.com']::before { 988 content: "\f167";860 content: "\f167"; 989 861 } 990 862 … … 992 864 a .teams-social a[href*='discord.com']::before, 993 865 a ul.social-links a[href*='discord.com']::before { 994 content: "\f392";866 content: "\f392"; 995 867 } 996 868 … … 998 870 a .teams-social a[href*='dribbble.com']::before, 999 871 a ul.social-links a[href*='dribbble.com']::before { 1000 content: "\f17d";872 content: "\f17d"; 1001 873 } 1002 874 … … 1004 876 a .teams-social a[href*='google.com']::before, 1005 877 a ul.social-links a[href*='google.com']::before { 1006 content: "\f1a0";878 content: "\f1a0"; 1007 879 } 1008 880 … … 1010 882 a .teams-social a[href*='line.me']::before, 1011 883 a ul.social-links a[href*='line.me']::before { 1012 content: "\f3c0";884 content: "\f3c0"; 1013 885 } 1014 886 … … 1016 888 a .teams-social a[href*='linkedin.com']::before, 1017 889 a ul.social-links a[href*='linkedin.com']::before { 1018 content: "\f08c";890 content: "\f08c"; 1019 891 } 1020 892 … … 1022 894 a .teams-social a[href*='medium.com']::before, 1023 895 a ul.social-links a[href*='medium.com']::before { 1024 content: "\f23a";896 content: "\f23a"; 1025 897 } 1026 898 … … 1028 900 a .teams-social a[href*='messenger.com']::before, 1029 901 a ul.social-links a[href*='messenger.com']::before { 1030 content: "\f39f";902 content: "\f39f"; 1031 903 } 1032 904 … … 1034 906 a .teams-social a[href*='paypal.com']::before, 1035 907 a ul.social-links a[href*='paypal.com']::before { 1036 content: "\f1ed";908 content: "\f1ed"; 1037 909 } 1038 910 … … 1040 912 a .teams-social a[href*='pinterest.com']::before, 1041 913 a ul.social-links a[href*='pinterest.com']::before { 1042 content: "\f0d2";914 content: "\f0d2"; 1043 915 } 1044 916 … … 1046 918 a .teams-social a[href*='reddit.com']::before, 1047 919 a ul.social-links a[href*='reddit.com']::before { 1048 content: "\f1a1";920 content: "\f1a1"; 1049 921 } 1050 922 … … 1052 924 a .teams-social a[href*='skype.com']::before, 1053 925 a ul.social-links a[href*='skype.com']::before { 1054 content: "\f17e";926 content: "\f17e"; 1055 927 } 1056 928 … … 1058 930 a .teams-social a[href*='slack.com']::before, 1059 931 a ul.social-links a[href*='slack.com']::before { 1060 content: "\f198";932 content: "\f198"; 1061 933 } 1062 934 … … 1064 936 a .teams-social a[href*='snapchat.com']::before, 1065 937 a ul.social-links a[href*='snapchat.com']::before { 1066 content: "\f2ad";938 content: "\f2ad"; 1067 939 } 1068 940 … … 1070 942 a .teams-social a[href*='spotify.com']::before, 1071 943 a ul.social-links a[href*='spotify.com']::before { 1072 content: "\f1bc";944 content: "\f1bc"; 1073 945 } 1074 946 … … 1076 948 a .teams-social a[href*='stackoverflow.com']::before, 1077 949 a ul.social-links a[href*='stackoverflow.com']::before { 1078 content: "\f16c";950 content: "\f16c"; 1079 951 } 1080 952 … … 1082 954 a .teams-social a[href*='telegram.org']::before, 1083 955 a ul.social-links a[href*='telegram.org']::before { 1084 content: "\f3fe";956 content: "\f3fe"; 1085 957 } 1086 958 … … 1088 960 a .teams-social a[href*='twitch.tv']::before, 1089 961 a ul.social-links a[href*='twitch.tv']::before { 1090 content: "\f1e8";962 content: "\f1e8"; 1091 963 } 1092 964 … … 1094 966 a .teams-social a[href*='vimeo.com']::before, 1095 967 a ul.social-links a[href*='vimeo.com']::before { 1096 content: "\f27d";968 content: "\f27d"; 1097 969 } 1098 970 … … 1100 972 a .teams-social a[href*='whatsapp.com']::before, 1101 973 a ul.social-links a[href*='whatsapp.com']::before { 1102 content: "\f232";974 content: "\f232"; 1103 975 } 1104 976 … … 1106 978 a .teams-social a[href*='wordpress.org']::before, 1107 979 a ul.social-links a[href*='wordpress.org']::before { 1108 content: "\f19a";980 content: "\f19a"; 1109 981 } 1110 982 … … 1112 984 a .teams-social a[href*='youtube.com']::before, 1113 985 a ul.social-links a[href*='youtube.com']::before { 1114 content: "\f167"; 1115 } 1116 1117 a .author-social-contacts a:focus, 1118 a .author-social-contacts a:hover, 986 content: "\f167"; 987 } 988 989 a .author-social-contacts a:focus, a .author-social-contacts a:hover, 1119 990 a .teams-social a:focus, 1120 991 a .teams-social a:hover, 1121 992 a ul.social-links a:focus, 1122 993 a ul.social-links a:hover { 1123 opacity: 1;994 opacity: 1; 1124 995 } 1125 996 1126 997 a .widget_chocolate_ice_cream_social_icons ul.social-links a { 1127 font-size: var(--font-size-xs);1128 padding: 12px;1129 opacity: 1;1130 width: auto;1131 height: auto;1132 color: #fff;1133 line-height: 1;1134 border-radius: 5px;1135 overflow: visible;1136 display: flex;1137 align-items: center;1138 justify-content: center;1139 gap: 5px;1140 margin: 0px 0px 10px 10px;1141 opacity: 0.7;998 font-size: var(--font-size-xs); 999 padding: 12px; 1000 opacity: 1; 1001 width: auto; 1002 height: auto; 1003 color: #fff; 1004 line-height: 1; 1005 border-radius: 5px; 1006 overflow: visible; 1007 display: flex; 1008 align-items: center; 1009 justify-content: center; 1010 gap: 5px; 1011 margin: 0px 0px 10px 10px; 1012 opacity: 0.7; 1142 1013 } 1143 1014 1144 1015 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='facebook.com'] { 1145 background-color: #3b5999;1016 background-color: #3b5999; 1146 1017 } 1147 1018 1148 1019 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='twitter.com'] { 1149 background-color: #55acee;1020 background-color: #55acee; 1150 1021 } 1151 1022 1152 1023 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='instagram.com'] { 1153 background-color: #3F729B;1024 background-color: #3F729B; 1154 1025 } 1155 1026 1156 1027 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='youtube.com'] { 1157 background-color: #cd201f;1028 background-color: #cd201f; 1158 1029 } 1159 1030 1160 1031 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='discord.com'] { 1161 background-color: #5865F2;1032 background-color: #5865F2; 1162 1033 } 1163 1034 1164 1035 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='dribbble.com'] { 1165 background-color: #ea4c89;1036 background-color: #ea4c89; 1166 1037 } 1167 1038 1168 1039 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='google.com'] { 1169 background-color: #dd4b39;1040 background-color: #dd4b39; 1170 1041 } 1171 1042 1172 1043 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='line.me'] { 1173 background-color: #00b900;1044 background-color: #00b900; 1174 1045 } 1175 1046 1176 1047 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='linkedin.com'] { 1177 background-color: #0e76a8;1048 background-color: #0e76a8; 1178 1049 } 1179 1050 1180 1051 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='medium.com'] { 1181 background-color: #66cdaa;1052 background-color: #66cdaa; 1182 1053 } 1183 1054 1184 1055 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='messenger.com'] { 1185 background-color: #006AFF;1056 background-color: #006AFF; 1186 1057 } 1187 1058 1188 1059 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='paypal.com'] { 1189 background-color: #3b7bbf;1060 background-color: #3b7bbf; 1190 1061 } 1191 1062 1192 1063 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='pinterest.com'] { 1193 background-color: #E60023;1064 background-color: #E60023; 1194 1065 } 1195 1066 1196 1067 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='reddit.com'] { 1197 background-color: #ff5700;1068 background-color: #ff5700; 1198 1069 } 1199 1070 1200 1071 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='skype.com'] { 1201 background-color: #00aff0;1072 background-color: #00aff0; 1202 1073 } 1203 1074 1204 1075 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='slack.com'] { 1205 background-color: #ECB22E;1076 background-color: #ECB22E; 1206 1077 } 1207 1078 1208 1079 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='snapchat.com'] { 1209 background-color: #FFFC00;1080 background-color: #FFFC00; 1210 1081 } 1211 1082 1212 1083 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='spotify.com'] { 1213 background-color: #1DB954;1084 background-color: #1DB954; 1214 1085 } 1215 1086 1216 1087 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='stackoverflow.com'] { 1217 background-color: #F47F24;1088 background-color: #F47F24; 1218 1089 } 1219 1090 1220 1091 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='telegram.org'] { 1221 background-color: #229ED9;1092 background-color: #229ED9; 1222 1093 } 1223 1094 1224 1095 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='twitch.tv'] { 1225 background-color: #6441a5;1096 background-color: #6441a5; 1226 1097 } 1227 1098 1228 1099 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='vimeo.com'] { 1229 background-color: #86c9ef;1100 background-color: #86c9ef; 1230 1101 } 1231 1102 1232 1103 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='whatsapp.com'] { 1233 background-color: #34B7F1;1104 background-color: #34B7F1; 1234 1105 } 1235 1106 1236 1107 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='wordpress.org'] { 1237 background-color: #21759b;1108 background-color: #21759b; 1238 1109 } 1239 1110 1240 1111 a .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='youtube.com'] { 1241 background-color: #c4302b; 1242 } 1243 1244 a .widget_chocolate_ice_cream_social_icons ul.social-links a:focus, 1245 a .widget_chocolate_ice_cream_social_icons ul.social-links a:hover { 1246 opacity: 1; 1112 background-color: #c4302b; 1113 } 1114 1115 a .widget_chocolate_ice_cream_social_icons ul.social-links a:focus, a .widget_chocolate_ice_cream_social_icons ul.social-links a:hover { 1116 opacity: 1; 1247 1117 } 1248 1118 1249 1119 a .site-footer-bottom-wrapper ul.social-links li a { 1250 color: var(--text-color-normal);1120 color: var(--text-color-normal); 1251 1121 } 1252 1122 1253 1123 a:focus { 1254 outline: thin dotted; 1255 outline-offset: -2px; 1256 } 1257 1258 a:hover, 1259 a:active { 1260 outline: 0; 1124 outline: thin dotted; 1125 outline-offset: -2px; 1126 } 1127 1128 a:hover, a:active { 1129 outline: 0; 1261 1130 } 1262 1131 1263 1132 a:focus-within { 1264 outline: thin dotted;1265 outline-offset: -2px;1133 outline: thin dotted; 1134 outline-offset: -2px; 1266 1135 } 1267 1136 1268 1137 ul.social-links { 1269 margin: 0;1270 padding: 0;1271 list-style: none;1272 display: flex;1273 flex-wrap: wrap;1274 gap: 10px;1138 margin: 0; 1139 padding: 0; 1140 list-style: none; 1141 display: flex; 1142 flex-wrap: wrap; 1143 gap: 10px; 1275 1144 } 1276 1145 … … 1278 1147 .teams-social a, 1279 1148 ul.social-links a { 1280 width: 20px;1281 height: 20px;1282 opacity: 0.8;1283 display: flex;1284 font-size: 16px;1285 overflow: hidden;1286 position: relative;1287 align-items: center;1288 text-decoration: none;1289 justify-content: center;1290 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);1291 color: var(--color-text-white);1149 width: 20px; 1150 height: 20px; 1151 opacity: 0.8; 1152 display: flex; 1153 font-size: 16px; 1154 overflow: hidden; 1155 position: relative; 1156 align-items: center; 1157 text-decoration: none; 1158 justify-content: center; 1159 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 1160 color: var(--color-text-white); 1292 1161 } 1293 1162 … … 1295 1164 .teams-social a::before, 1296 1165 ul.social-links a::before { 1297 -webkit-font-smoothing: antialiased;1298 -moz-osx-font-smoothing: grayscale;1299 font-style: normal;1300 font-variant: normal;1301 font-weight: 400;1302 line-height: 1;1303 font-family: 'Font Awesome 7 brands';1304 vertical-align: baseline;1305 transition: all, ease,.3s;1166 -webkit-font-smoothing: antialiased; 1167 -moz-osx-font-smoothing: grayscale; 1168 font-style: normal; 1169 font-variant: normal; 1170 font-weight: 400; 1171 line-height: 1; 1172 font-family: 'Font Awesome 7 brands'; 1173 vertical-align: baseline; 1174 transition: all,ease,.3s; 1306 1175 } 1307 1176 … … 1309 1178 .teams-social a[href*='facebook.com']::before, 1310 1179 ul.social-links a[href*='facebook.com']::before { 1311 content: "\f39e";1180 content: "\f39e"; 1312 1181 } 1313 1182 … … 1315 1184 .teams-social a[href*='twitter.com']::before, 1316 1185 ul.social-links a[href*='twitter.com']::before { 1317 content: "\f099";1186 content: "\f099"; 1318 1187 } 1319 1188 … … 1321 1190 .teams-social a[href*='instagram.com']::before, 1322 1191 ul.social-links a[href*='instagram.com']::before { 1323 content: "\f16d";1192 content: "\f16d"; 1324 1193 } 1325 1194 … … 1327 1196 .teams-social a[href*='youtube.com']::before, 1328 1197 ul.social-links a[href*='youtube.com']::before { 1329 content: "\f167";1198 content: "\f167"; 1330 1199 } 1331 1200 … … 1333 1202 .teams-social a[href*='discord.com']::before, 1334 1203 ul.social-links a[href*='discord.com']::before { 1335 content: "\f392";1204 content: "\f392"; 1336 1205 } 1337 1206 … … 1339 1208 .teams-social a[href*='dribbble.com']::before, 1340 1209 ul.social-links a[href*='dribbble.com']::before { 1341 content: "\f17d";1210 content: "\f17d"; 1342 1211 } 1343 1212 … … 1345 1214 .teams-social a[href*='google.com']::before, 1346 1215 ul.social-links a[href*='google.com']::before { 1347 content: "\f1a0";1216 content: "\f1a0"; 1348 1217 } 1349 1218 … … 1351 1220 .teams-social a[href*='line.me']::before, 1352 1221 ul.social-links a[href*='line.me']::before { 1353 content: "\f3c0";1222 content: "\f3c0"; 1354 1223 } 1355 1224 … … 1357 1226 .teams-social a[href*='linkedin.com']::before, 1358 1227 ul.social-links a[href*='linkedin.com']::before { 1359 content: "\f08c";1228 content: "\f08c"; 1360 1229 } 1361 1230 … … 1363 1232 .teams-social a[href*='medium.com']::before, 1364 1233 ul.social-links a[href*='medium.com']::before { 1365 content: "\f23a";1234 content: "\f23a"; 1366 1235 } 1367 1236 … … 1369 1238 .teams-social a[href*='messenger.com']::before, 1370 1239 ul.social-links a[href*='messenger.com']::before { 1371 content: "\f39f";1240 content: "\f39f"; 1372 1241 } 1373 1242 … … 1375 1244 .teams-social a[href*='paypal.com']::before, 1376 1245 ul.social-links a[href*='paypal.com']::before { 1377 content: "\f1ed";1246 content: "\f1ed"; 1378 1247 } 1379 1248 … … 1381 1250 .teams-social a[href*='pinterest.com']::before, 1382 1251 ul.social-links a[href*='pinterest.com']::before { 1383 content: "\f0d2";1252 content: "\f0d2"; 1384 1253 } 1385 1254 … … 1387 1256 .teams-social a[href*='reddit.com']::before, 1388 1257 ul.social-links a[href*='reddit.com']::before { 1389 content: "\f1a1";1258 content: "\f1a1"; 1390 1259 } 1391 1260 … … 1393 1262 .teams-social a[href*='skype.com']::before, 1394 1263 ul.social-links a[href*='skype.com']::before { 1395 content: "\f17e";1264 content: "\f17e"; 1396 1265 } 1397 1266 … … 1399 1268 .teams-social a[href*='slack.com']::before, 1400 1269 ul.social-links a[href*='slack.com']::before { 1401 content: "\f198";1270 content: "\f198"; 1402 1271 } 1403 1272 … … 1405 1274 .teams-social a[href*='snapchat.com']::before, 1406 1275 ul.social-links a[href*='snapchat.com']::before { 1407 content: "\f2ad";1276 content: "\f2ad"; 1408 1277 } 1409 1278 … … 1411 1280 .teams-social a[href*='spotify.com']::before, 1412 1281 ul.social-links a[href*='spotify.com']::before { 1413 content: "\f1bc";1282 content: "\f1bc"; 1414 1283 } 1415 1284 … … 1417 1286 .teams-social a[href*='stackoverflow.com']::before, 1418 1287 ul.social-links a[href*='stackoverflow.com']::before { 1419 content: "\f16c";1288 content: "\f16c"; 1420 1289 } 1421 1290 … … 1423 1292 .teams-social a[href*='telegram.org']::before, 1424 1293 ul.social-links a[href*='telegram.org']::before { 1425 content: "\f3fe";1294 content: "\f3fe"; 1426 1295 } 1427 1296 … … 1429 1298 .teams-social a[href*='twitch.tv']::before, 1430 1299 ul.social-links a[href*='twitch.tv']::before { 1431 content: "\f1e8";1300 content: "\f1e8"; 1432 1301 } 1433 1302 … … 1435 1304 .teams-social a[href*='vimeo.com']::before, 1436 1305 ul.social-links a[href*='vimeo.com']::before { 1437 content: "\f27d";1306 content: "\f27d"; 1438 1307 } 1439 1308 … … 1441 1310 .teams-social a[href*='whatsapp.com']::before, 1442 1311 ul.social-links a[href*='whatsapp.com']::before { 1443 content: "\f232";1312 content: "\f232"; 1444 1313 } 1445 1314 … … 1447 1316 .teams-social a[href*='wordpress.org']::before, 1448 1317 ul.social-links a[href*='wordpress.org']::before { 1449 content: "\f19a";1318 content: "\f19a"; 1450 1319 } 1451 1320 … … 1453 1322 .teams-social a[href*='youtube.com']::before, 1454 1323 ul.social-links a[href*='youtube.com']::before { 1455 content: "\f167"; 1456 } 1457 1458 .author-social-contacts a:focus, 1459 .author-social-contacts a:hover, 1324 content: "\f167"; 1325 } 1326 1327 .author-social-contacts a:focus, .author-social-contacts a:hover, 1460 1328 .teams-social a:focus, 1461 1329 .teams-social a:hover, 1462 1330 ul.social-links a:focus, 1463 1331 ul.social-links a:hover { 1464 opacity: 1;1332 opacity: 1; 1465 1333 } 1466 1334 1467 1335 .widget_chocolate_ice_cream_social_icons ul.social-links a { 1468 font-size: var(--font-size-xs);1469 padding: 12px;1470 opacity: 1;1471 width: auto;1472 height: auto;1473 color: #fff;1474 line-height: 1;1475 border-radius: 5px;1476 overflow: visible;1477 display: flex;1478 align-items: center;1479 justify-content: center;1480 gap: 5px;1481 margin: 0px 0px 10px 10px;1482 opacity: 0.7;1336 font-size: var(--font-size-xs); 1337 padding: 12px; 1338 opacity: 1; 1339 width: auto; 1340 height: auto; 1341 color: #fff; 1342 line-height: 1; 1343 border-radius: 5px; 1344 overflow: visible; 1345 display: flex; 1346 align-items: center; 1347 justify-content: center; 1348 gap: 5px; 1349 margin: 0px 0px 10px 10px; 1350 opacity: 0.7; 1483 1351 } 1484 1352 1485 1353 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='facebook.com'] { 1486 background-color: #3b5999;1354 background-color: #3b5999; 1487 1355 } 1488 1356 1489 1357 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='twitter.com'] { 1490 background-color: #55acee;1358 background-color: #55acee; 1491 1359 } 1492 1360 1493 1361 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='instagram.com'] { 1494 background-color: #3F729B;1362 background-color: #3F729B; 1495 1363 } 1496 1364 1497 1365 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='youtube.com'] { 1498 background-color: #cd201f;1366 background-color: #cd201f; 1499 1367 } 1500 1368 1501 1369 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='discord.com'] { 1502 background-color: #5865F2;1370 background-color: #5865F2; 1503 1371 } 1504 1372 1505 1373 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='dribbble.com'] { 1506 background-color: #ea4c89;1374 background-color: #ea4c89; 1507 1375 } 1508 1376 1509 1377 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='google.com'] { 1510 background-color: #dd4b39;1378 background-color: #dd4b39; 1511 1379 } 1512 1380 1513 1381 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='line.me'] { 1514 background-color: #00b900;1382 background-color: #00b900; 1515 1383 } 1516 1384 1517 1385 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='linkedin.com'] { 1518 background-color: #0e76a8;1386 background-color: #0e76a8; 1519 1387 } 1520 1388 1521 1389 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='medium.com'] { 1522 background-color: #66cdaa;1390 background-color: #66cdaa; 1523 1391 } 1524 1392 1525 1393 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='messenger.com'] { 1526 background-color: #006AFF;1394 background-color: #006AFF; 1527 1395 } 1528 1396 1529 1397 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='paypal.com'] { 1530 background-color: #3b7bbf;1398 background-color: #3b7bbf; 1531 1399 } 1532 1400 1533 1401 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='pinterest.com'] { 1534 background-color: #E60023;1402 background-color: #E60023; 1535 1403 } 1536 1404 1537 1405 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='reddit.com'] { 1538 background-color: #ff5700;1406 background-color: #ff5700; 1539 1407 } 1540 1408 1541 1409 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='skype.com'] { 1542 background-color: #00aff0;1410 background-color: #00aff0; 1543 1411 } 1544 1412 1545 1413 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='slack.com'] { 1546 background-color: #ECB22E;1414 background-color: #ECB22E; 1547 1415 } 1548 1416 1549 1417 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='snapchat.com'] { 1550 background-color: #FFFC00;1418 background-color: #FFFC00; 1551 1419 } 1552 1420 1553 1421 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='spotify.com'] { 1554 background-color: #1DB954;1422 background-color: #1DB954; 1555 1423 } 1556 1424 1557 1425 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='stackoverflow.com'] { 1558 background-color: #F47F24;1426 background-color: #F47F24; 1559 1427 } 1560 1428 1561 1429 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='telegram.org'] { 1562 background-color: #229ED9;1430 background-color: #229ED9; 1563 1431 } 1564 1432 1565 1433 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='twitch.tv'] { 1566 background-color: #6441a5;1434 background-color: #6441a5; 1567 1435 } 1568 1436 1569 1437 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='vimeo.com'] { 1570 background-color: #86c9ef;1438 background-color: #86c9ef; 1571 1439 } 1572 1440 1573 1441 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='whatsapp.com'] { 1574 background-color: #34B7F1;1442 background-color: #34B7F1; 1575 1443 } 1576 1444 1577 1445 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='wordpress.org'] { 1578 background-color: #21759b;1446 background-color: #21759b; 1579 1447 } 1580 1448 1581 1449 .widget_chocolate_ice_cream_social_icons ul.social-links a[href*='youtube.com'] { 1582 background-color: #c4302b; 1583 } 1584 1585 .widget_chocolate_ice_cream_social_icons ul.social-links a:focus, 1586 .widget_chocolate_ice_cream_social_icons ul.social-links a:hover { 1587 opacity: 1; 1450 background-color: #c4302b; 1451 } 1452 1453 .widget_chocolate_ice_cream_social_icons ul.social-links a:focus, .widget_chocolate_ice_cream_social_icons ul.social-links a:hover { 1454 opacity: 1; 1588 1455 } 1589 1456 1590 1457 .site-footer-bottom-wrapper ul.social-links li a { 1591 color: var(--text-color-normal); 1592 } 1593 1458 color: var(--text-color-normal); 1459 } 1594 1460 1595 1461 /* Forms 1596 1462 --------------------------------------------- */ 1597 1598 1463 button, 1599 1464 input[type="button"], 1600 1465 input[type="reset"], 1601 1466 input[type="submit"] { 1602 border: 1px solid; 1603 border-color: var(--primary-color); 1604 border-radius: 3px; 1605 background: var(--primary-color); 1606 color: #fff; 1607 font-size: var(--font-size-sm); 1608 line-height: 1; 1609 padding: 0.6em 1em; 1610 font-weight: 600; 1611 } 1612 1613 button:focus, 1614 button:hover, 1467 border: 1px solid; 1468 border-color: var(--primary-color); 1469 border-radius: 3px; 1470 background: var(--primary-color); 1471 color: #fff; 1472 font-size: var(--font-size-sm); 1473 line-height: 1; 1474 padding: 0.6em 1em; 1475 font-weight: 600; 1476 } 1477 1478 button:focus, button:hover, 1615 1479 input[type="button"]:focus, 1616 1480 input[type="button"]:hover, … … 1619 1483 input[type="submit"]:focus, 1620 1484 input[type="submit"]:hover { 1621 opacity: 0.8; 1622 } 1623 1624 button:active, 1625 button:focus, 1485 opacity: 0.8; 1486 } 1487 1488 button:active, button:focus, 1626 1489 input[type="button"]:active, 1627 1490 input[type="button"]:focus, … … 1630 1493 input[type="submit"]:active, 1631 1494 input[type="submit"]:focus { 1632 border-color: #aaa #bbb #bbb; 1633 } 1634 1635 a.asterthemes-button { 1636 font-size: var(--font-size-sm); 1637 text-decoration: none; 1638 text-transform: capitalize; 1639 font-weight: bold; 1640 display: inline-flex; 1641 margin-right: 5px; 1642 align-items: center; 1643 color: #fff; 1644 background-color: var(--primary-color); 1645 border-radius: 5px; 1646 padding: 10px 25px; 1647 transition: all 0.3s ease; 1648 } 1649 1650 a.asterthemes-button:focus, 1651 a.asterthemes-button:hover { 1652 background-color: #000; 1653 color: #fff; 1495 border-color: #aaa #bbb #bbb; 1496 } 1497 1498 a.asterthemes-button, .woocommerce .woocommerce-info .button, .woocommerce-account .addresses .title .edit, .woocommerce button.button, .wc-block-components-checkout-return-to-cart-button, .woocommerce-page .woocommerce-message .button { 1499 font-size: var(--font-size-sm); 1500 text-decoration: none; 1501 text-transform: capitalize; 1502 font-weight: bold; 1503 display: inline-flex; 1504 margin-right: 5px; 1505 align-items: center; 1506 color: #fff; 1507 background-color: var(--primary-color); 1508 border-radius: 5px; 1509 padding: 10px 25px; 1510 transition: all 0.3s ease; 1511 } 1512 .wc-block-components-checkout-return-to-cart-button{ 1513 background-color: var(--primary-color); 1514 padding: 10px; 1515 padding-right: 25px; 1516 } 1517 .wc-block-checkout__actions .wc-block-checkout__actions_row a{ 1518 color: #fff !important; 1519 } 1520 1521 a.asterthemes-button:focus, a.asterthemes-button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce-account .addresses .title .edit:hover, .woocommerce button.button:hover, .woocommerce-page .woocommerce-message .button:hover { 1522 background-color: #000; 1523 color: #fff; 1524 } 1525 1526 a.wc-block-components-checkout-return-to-cart-button{ 1527 color: #fff !important; 1528 text-decoration: none; 1529 padding-left: 5px; 1654 1530 } 1655 1531 1656 1532 a.asterthemes-button:focus { 1657 outline-width: 2px;1533 outline-width: 2px; 1658 1534 } 1659 1535 … … 1674 1550 input[type="color"], 1675 1551 textarea { 1676 color: #666;1677 border: 1px solid #ccc;1678 border-radius: 3px;1679 padding: 5px;1680 width: 100%;1552 color: #666; 1553 border: 1px solid #ccc; 1554 border-radius: 3px; 1555 padding: 5px; 1556 width: 100%; 1681 1557 } 1682 1558 … … 1697 1573 input[type="color"]:focus, 1698 1574 textarea:focus { 1699 color: #111;1575 color: #111; 1700 1576 } 1701 1577 1702 1578 select { 1703 border: 1px solid #ccc;1579 border: 1px solid #ccc; 1704 1580 } 1705 1581 1706 1582 textarea { 1707 width: 100%; 1708 } 1709 1583 width: 100%; 1584 } 1710 1585 1711 1586 /*-------------------------------------------------------------- 1712 1587 # Layouts 1713 1588 --------------------------------------------------------------*/ 1714 1715 1589 .right-sidebar .asterthemes-wrapper .asterthemes-page { 1716 display: grid; 1717 grid-gap: 30px; 1718 grid-template-columns: auto 30%; 1719 grid-template-areas: "main sidebar"; 1720 margin-top: 4em; 1721 } 1722 1590 display: grid; 1591 grid-gap: 30px; 1592 grid-template-columns: auto 30%; 1593 grid-template-areas: "main sidebar"; 1594 margin-top: 4em; 1595 } 1723 1596 .tag-cloud a { 1724 display: inline-block; 1725 padding: 5px 10px; 1726 border: 1px solid #fff; 1727 margin-bottom: 10px; 1728 margin-left: 10px; 1729 color: #fff; 1730 } 1731 1732 .tag-cloud a:hover { 1733 color: var(--primary-color); 1734 border-color: var(--primary-color); 1735 } 1736 1597 display: inline-block; 1598 padding: 5px 10px; 1599 border: 1px solid #fff; 1600 margin-bottom: 10px; 1601 margin-left: 10px; 1602 color: #fff; 1603 } 1604 .tag-cloud a:hover{ 1605 color: var(--primary-color); 1606 border-color: var(--primary-color); 1607 } 1737 1608 @media (max-width: 991px) { 1738 .right-sidebar .asterthemes-wrapper .asterthemes-page {1739 display: block;1740 }1609 .right-sidebar .asterthemes-wrapper .asterthemes-page { 1610 display: block; 1611 } 1741 1612 } 1742 1613 1743 1614 a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained { 1744 border: 1px solid;1745 margin-top: 11px;1746 border-radius: 20px;1615 border: 1px solid; 1616 margin-top: 11px; 1617 border-radius: 20px; 1747 1618 } 1748 1619 1749 1620 .right-sidebar .asterthemes-wrapper .asterthemes-page .widget-area { 1750 grid-area: sidebar; 1751 color: #fff; 1752 } 1753 1621 grid-area: sidebar; 1622 color: #fff; 1623 } 1754 1624 1755 1625 /*.no-sidebar .asterthemes-wrapper .asterthemes-page { … … 1759 1629 1760 1630 .left-sidebar .asterthemes-wrapper .asterthemes-page { 1761 display: grid;1762 margin-top: 2em;1763 grid-gap: 30px;1764 color: #fff;1765 grid-template-columns: 25% auto;1766 grid-template-areas: "sidebar main";1631 display: grid; 1632 margin-top: 2em; 1633 grid-gap: 30px; 1634 color: #fff; 1635 grid-template-columns: 25% auto; 1636 grid-template-areas: "sidebar main"; 1767 1637 } 1768 1638 1769 1639 @media (max-width: 991px) { 1770 .left-sidebar .asterthemes-wrapper .asterthemes-page {1771 display: block;1772 }1640 .left-sidebar .asterthemes-wrapper .asterthemes-page { 1641 display: block; 1642 } 1773 1643 } 1774 1644 1775 1645 .left-sidebar .asterthemes-wrapper .asterthemes-page .site-main { 1776 grid-area: main;1777 overflow: hidden;1778 /* Resolves issue with <pre> elements forcing full width. */1646 grid-area: main; 1647 overflow: hidden; 1648 /* Resolves issue with <pre> elements forcing full width. */ 1779 1649 } 1780 1650 1781 1651 .left-sidebar .asterthemes-wrapper .asterthemes-page .widget-area { 1782 grid-area: sidebar;1783 margin-top: 0em;1784 color: #fff;1652 grid-area: sidebar; 1653 margin-top: 0em; 1654 color: #fff; 1785 1655 } 1786 1656 1787 1657 1788 1658 /* -/-/-/-/-/- Style 1 - Preloader CSS Start -/-/-/-/-/- */ 1789 1790 1659 #loader { 1791 overflow: hidden;1792 background-color: var(--color-text-white);1793 position: fixed;1794 top: 0;1795 right: 0;1796 width: 100%;1797 height: 100vh;1798 display: flex;1799 align-items: center;1800 justify-content: center;1801 z-index: 99999;1660 overflow: hidden; 1661 background-color: var(--color-text-white); 1662 position: fixed; 1663 top: 0; 1664 right: 0; 1665 width: 100%; 1666 height: 100vh; 1667 display: flex; 1668 align-items: center; 1669 justify-content: center; 1670 z-index: 99999; 1802 1671 } 1803 1672 1804 1673 #loader .loader-container { 1805 display: flex;1806 flex-direction: column;1807 align-items: center;1808 justify-content: center;1809 text-align: center;1810 text-transform: uppercase;1674 display: flex; 1675 flex-direction: column; 1676 align-items: center; 1677 justify-content: center; 1678 text-align: center; 1679 text-transform: uppercase; 1811 1680 } 1812 1681 1813 1682 #loader #preloader { 1814 width: 100px;1683 width: 100px; 1815 1684 } 1816 1685 1817 1686 1818 1687 /* -/-/-/-/-/- Style 2 - Pulsing Dot -/-/-/-/-/- */ 1819 1820 1688 #loader.style2 .dot { 1821 width: 25px;1822 height: 25px;1823 background-color: #000000;1824 border-radius: 50%;1825 animation: pulse 1s infinite;1826 margin: 0 auto;1827 text-align: center;1689 width: 25px; 1690 height: 25px; 1691 background-color: #000000; 1692 border-radius: 50%; 1693 animation: pulse 1s infinite; 1694 margin: 0 auto; 1695 text-align: center; 1828 1696 } 1829 1697 1830 1698 @keyframes pulse { 1831 0% { 1832 transform: scale(1); 1833 } 1834 33% { 1835 transform: scale(1.2); 1836 } 1837 66% { 1838 transform: scale(1.8); 1839 } 1840 100% { 1841 transform: scale(1); 1842 } 1699 0% { transform: scale(1); } 1700 33% { transform: scale(1.2); } 1701 66% { transform: scale(1.8); } 1702 100% { transform: scale(1); } 1843 1703 } 1844 1704 1845 1705 1846 1706 /* -/-/-/-/-/- Style 3 - Fading Bars -/-/-/-/-/- */ 1847 1848 1707 #loader.style3 .bars { 1849 display: flex;1850 gap: 3px;1851 justify-content: center;1708 display: flex; 1709 gap: 3px; 1710 justify-content: center; 1852 1711 } 1853 1712 1854 1713 #loader.style3 .bar { 1855 width: 10px; 1856 height: 30px; 1857 background-color: #000000; 1858 animation: fade 1s infinite alternate; 1859 } 1860 1861 #loader.style3 .bar:nth-child(2) { 1862 animation-delay: 0.3s; 1863 } 1864 1865 #loader.style3 .bar:nth-child(3) { 1866 animation-delay: 0.6s; 1867 } 1714 width: 10px; 1715 height: 30px; 1716 background-color: #000000; 1717 animation: fade 1s infinite alternate; 1718 } 1719 1720 #loader.style3 .bar:nth-child(2) { animation-delay: 0.3s; } 1721 #loader.style3 .bar:nth-child(3) { animation-delay: 0.6s; } 1868 1722 1869 1723 @keyframes fade { 1870 from { 1871 opacity: 1; 1872 } 1873 to { 1874 opacity: 0.3; 1875 } 1724 from { opacity: 1; } 1725 to { opacity: 0.3; } 1876 1726 } 1877 1727 … … 1880 1730 # Components 1881 1731 --------------------------------------------------------------*/ 1882 1883 1884 1732 /* Navigation 1885 1733 --------------------------------------------- */ 1886 1887 1734 .main-navigation ul li:hover > ul { 1888 opacity: 1; 1889 } 1890 1735 opacity: 1; 1736 } 1891 1737 .main-navigation ul ul ul { 1892 right: 100% !important; 1893 top: 0; 1894 } 1895 1738 right: 100% !important; 1739 top: 0; 1740 } 1896 1741 .main-navigation ul li:focus > ul.children li { 1897 opacity: 1; 1742 opacity: 1; 1743 } 1744 .main-navigation ul ul{ 1745 opacity: 0; 1746 position: absolute; 1747 right: 0; 1748 top: 100%; 1749 min-width: 215px; 1750 z-index: 9999; 1751 border: 1px solid #f1f1f1; 1752 } 1753 .main-navigation { 1754 display: block; 1755 width: 100%; 1756 } 1757 1758 .main-navigation ul { 1759 display: none; 1760 list-style: none; 1761 margin: 0; 1762 padding-right: 0; 1763 text-align: center; 1898 1764 } 1899 1765 1900 1766 .main-navigation ul ul { 1901 opacity: 0; 1902 position: absolute; 1903 right: 0; 1904 top: 100%; 1905 min-width: 215px; 1906 z-index: 9999; 1907 border: 1px solid #f1f1f1; 1908 } 1909 1910 .main-navigation { 1911 display: block; 1912 width: 100%; 1913 } 1914 1915 .main-navigation ul { 1916 display: none; 1917 list-style: none; 1918 margin: 0; 1919 padding-right: 0; 1920 text-align: center; 1921 } 1922 1923 .main-navigation ul ul { 1924 z-index: 99999; 1925 display: block; 1767 z-index: 99999; 1768 display: block; 1926 1769 } 1927 1770 1928 1771 .main-navigation ul ul ul { 1929 right: -999em;1930 top: 0;1772 right: -999em; 1773 top: 0; 1931 1774 } 1932 1775 1933 1776 .main-navigation ul ul li:hover > ul, 1934 1777 .main-navigation ul ul li.focus > ul { 1935 display: block;1936 right: auto;1778 display: block; 1779 right: auto; 1937 1780 } 1938 1781 1939 1782 .main-navigation ul ul a { 1940 background-color: #fff;1941 color: var(--background-color-white);1942 opacity: 1;1943 padding: 15px 20px;1944 border-bottom: 1px solid #f1f1f1;1945 text-transform: capitalize;1783 background-color: #fff; 1784 color: var(--background-color-white); 1785 opacity: 1; 1786 padding: 15px 20px; 1787 border-bottom: 1px solid #f1f1f1; 1788 text-transform: capitalize; 1946 1789 } 1947 1790 1948 1791 .home .main-navigation ul ul a { 1949 color: var(--background-color-white); 1950 text-align: right; 1951 } 1952 1953 .main-navigation ul ul a:focus, 1954 .main-navigation ul ul a:hover { 1955 color: var(--primary-color); 1792 color: var(--background-color-white); 1793 text-align: right; 1794 } 1795 1796 .main-navigation ul ul a:focus, .main-navigation ul ul a:hover { 1797 color: var(--primary-color); 1956 1798 } 1957 1799 1958 1800 .main-navigation ul li:hover > ul, 1959 1801 .main-navigation ul li:focus > ul { 1960 right: auto;1802 right: auto; 1961 1803 } 1962 1804 1963 1805 .main-navigation li { 1964 position: relative;1806 position: relative; 1965 1807 } 1966 1808 1967 1809 .main-navigation a { 1968 padding: 17px 20px;1969 font-size: 0.9375rem;1970 color: #202020;1971 display: block;1972 text-decoration: none;1973 opacity: 0.9;1810 padding: 17px 20px; 1811 font-size: 0.9375rem; 1812 color: #202020; 1813 display: block; 1814 text-decoration: none; 1815 opacity: 0.9; 1974 1816 } 1975 1817 1976 1818 @media (min-width: 992px) { 1977 .main-navigation a { 1978 font-weight: 500; 1979 } 1980 } 1981 1982 .main-navigation a:focus, 1983 .main-navigation a:hover { 1984 opacity: 1; 1985 color: var(--primary-color); 1819 .main-navigation a { 1820 font-weight: 500; 1821 } 1822 } 1823 1824 .main-navigation a:focus, .main-navigation a:hover { 1825 opacity: 1; 1826 color: var(--primary-color); 1986 1827 } 1987 1828 … … 1990 1831 .main-navigation .current_page_ancestor > a, 1991 1832 .main-navigation .current-menu-ancestor > a { 1992 position: relative;1993 opacity: 1;1994 color: var(--primary-color);1833 position: relative; 1834 opacity: 1; 1835 color: var(--primary-color); 1995 1836 } 1996 1837 1997 1838 @media (min-width: 992px) { 1998 .main-navigation ul.nav-menu li .children,1999 .main-navigation ul.menu li .sub-menu {2000 right: -999em;2001 padding: 0;2002 position: absolute;2003 top: 100%;2004 z-index: 999;2005 margin: 30px 0 0;2006 width: 210px;2007 }2008 .main-navigation ul.nav-menu li .children .children{2009 top: 0px;2010 }2011 .main-navigation ul.nav-menu li .children .main-navigation ul.menu li .children, 2012 .main-navigation ul.menu li .sub-menu { 2013 right: -999em; 2014 padding: 0;2015 position: absolute;2016 top: 100%;2017 z-index: 999;2018 margin: 30px 0 0;2019 width: 210px;2020 } 2021 .main-navigation ul li ul li ul { 2022 right: 210px !important; 2023 }2024 .main-navigation ul.menu li .children > li .children, 2025 .main-navigation ul.menu li .children > li .sub-menu,2026 .main-navigation ul.menu li .sub-menu > li .children,2027 .main-navigation ul.menu li .sub-menu > li .sub-menu { 2028 right: -999em; 2029 top: 0;2030 margin-top: 0;2031 margin-right: 30px;2032 } 2033 .main-navigation ul.menu li.menu-item-has-children > a::after { 2034 -webkit-font-smoothing: antialiased; 2035 -moz-osx-font-smoothing: grayscale;2036 display: inline-block;2037 font-style: normal;2038 font-variant: normal;2039 font-weight: 400;2040 line-height: 1;2041 font-family: Font Awesome\ 7 Free;2042 font-weight: 900;2043 line-height: inherit;2044 vertical-align: baseline;2045 content: "\f107";2046 display: inline-block;2047 margin-right: 10px;2048 } 2049 .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, 2050 .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus> .sub-menu,2051 .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas)> .sub-menu,2052 .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,2053 .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { 2054 margin: 0; 2055 margin-top: 0px;2056 right: 0;2057 opacity: 1;2058 } 2059 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):hover > ul.children, 2060 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus> ul.children,2061 .main-navigation .menu ul.nav-menu .page_item.focused:not(.off-canvas)> ul.children,2062 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas)[focus-within] > ul.childrenm,2063 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus-within > ul.children { 2064 margin: 0; 2065 margin-top: 0px;2066 right: 0;2067 opacity: 1;2068 } 2069 .main-navigation ul.menu .children, 2070 .main-navigation ul.menu .sub-menu { 2071 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 2072 } 2073 .main-navigation ul.menu .children li.menu-item-has-children > a, 2074 .main-navigation ul.menu .sub-menu li.menu-item-has-children > a { 2075 padding-left: 25px; 2076 } 2077 .main-navigation ul.menu .children li.menu-item-has-children > a::after, 2078 .main-navigation ul.menu .sub-menu li.menu-item-has-children > a::after { 2079 -webkit-font-smoothing: antialiased; 2080 -moz-osx-font-smoothing: grayscale;2081 display: inline-block;2082 font-style: normal;2083 font-variant: normal;2084 font-weight: 400;2085 line-height: 1;2086 font-family: Font Awesome\ 7 Free;2087 font-weight: 900;2088 line-height: inherit;2089 vertical-align: baseline;2090 content: "\f105";2091 display: inline-block;2092 margin-right: 10px;2093 position: absolute;2094 left: 10px;2095 top: 50%;2096 transform: translateY(-50%);2097 } 2098 .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a, 2099 .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a { 2100 padding-right: 25px; 2101 padding-left: 20px;2102 } 2103 .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a::after, 2104 .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a::after { 2105 -webkit-font-smoothing: antialiased; 2106 -moz-osx-font-smoothing: grayscale;2107 display: inline-block;2108 font-style: normal;2109 font-variant: normal;2110 font-weight: 400;2111 line-height: 1;2112 font-family: Font Awesome\ 7 Free;2113 font-weight: 900;2114 line-height: inherit;2115 vertical-align: baseline;2116 content: "\f054";2117 display: inline-block;2118 margin-left: 10px;2119 margin-right: 0;2120 position: absolute;2121 left: 10px;2122 right: unset;2123 top: 50%;2124 transform: translateY(-50%);2125 } 2126 }2127 1839 .main-navigation ul.nav-menu li .children, 1840 .main-navigation ul.menu li .sub-menu { 1841 right: -999em; 1842 padding: 0; 1843 position: absolute; 1844 top: 100%; 1845 z-index: 999; 1846 margin: 30px 0 0; 1847 width: 210px; 1848 } 1849 .main-navigation ul.nav-menu li .children .children{ 1850 top: 0px; 1851 } 1852 .main-navigation ul.nav-menu li .children 1853 .main-navigation ul.menu li .children, 1854 .main-navigation ul.menu li .sub-menu { 1855 right: -999em; 1856 padding: 0; 1857 position: absolute; 1858 top: 100%; 1859 z-index: 999; 1860 margin: 30px 0 0; 1861 width: 210px; 1862 } 1863 .main-navigation ul li ul li ul { 1864 right: 210px !important; 1865 } 1866 .main-navigation ul.menu li .children > li .children, 1867 .main-navigation ul.menu li .children > li .sub-menu, 1868 .main-navigation ul.menu li .sub-menu > li .children, 1869 .main-navigation ul.menu li .sub-menu > li .sub-menu { 1870 right: -999em; 1871 top: 0; 1872 margin-top: 0; 1873 margin-right: 30px; 1874 } 1875 .main-navigation ul.menu li.menu-item-has-children > a::after { 1876 -webkit-font-smoothing: antialiased; 1877 -moz-osx-font-smoothing: grayscale; 1878 display: inline-block; 1879 font-style: normal; 1880 font-variant: normal; 1881 font-weight: 400; 1882 line-height: 1; 1883 font-family: Font Awesome\ 7 Free; 1884 font-weight: 900; 1885 line-height: inherit; 1886 vertical-align: baseline; 1887 content: "\f107"; 1888 display: inline-block; 1889 margin-right: 10px; 1890 } 1891 .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, 1892 .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, 1893 .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu, 1894 .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum, 1895 .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { 1896 margin: 0; 1897 margin-top: 0px; 1898 right: 0; 1899 opacity: 1; 1900 } 1901 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):hover > ul.children, 1902 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus > ul.children, 1903 .main-navigation .menu ul.nav-menu .page_item.focused:not(.off-canvas) > ul.children, 1904 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas)[focus-within] > ul.childrenm, 1905 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus-within > ul.children { 1906 margin: 0; 1907 margin-top: 0px; 1908 right: 0; 1909 opacity: 1; 1910 } 1911 .main-navigation ul.menu .children, 1912 .main-navigation ul.menu .sub-menu { 1913 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 1914 } 1915 .main-navigation ul.menu .children li.menu-item-has-children > a, 1916 .main-navigation ul.menu .sub-menu li.menu-item-has-children > a { 1917 padding-left: 25px; 1918 } 1919 .main-navigation ul.menu .children li.menu-item-has-children > a::after, 1920 .main-navigation ul.menu .sub-menu li.menu-item-has-children > a::after { 1921 -webkit-font-smoothing: antialiased; 1922 -moz-osx-font-smoothing: grayscale; 1923 display: inline-block; 1924 font-style: normal; 1925 font-variant: normal; 1926 font-weight: 400; 1927 line-height: 1; 1928 font-family: Font Awesome\ 7 Free; 1929 font-weight: 900; 1930 line-height: inherit; 1931 vertical-align: baseline; 1932 content: "\f105"; 1933 display: inline-block; 1934 margin-right: 10px; 1935 position: absolute; 1936 left: 10px; 1937 top: 50%; 1938 transform: translateY(-50%); 1939 } 1940 .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a, 1941 .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a { 1942 padding-right: 25px; 1943 padding-left: 20px; 1944 } 1945 .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a::after, 1946 .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a::after { 1947 -webkit-font-smoothing: antialiased; 1948 -moz-osx-font-smoothing: grayscale; 1949 display: inline-block; 1950 font-style: normal; 1951 font-variant: normal; 1952 font-weight: 400; 1953 line-height: 1; 1954 font-family: Font Awesome\ 7 Free; 1955 font-weight: 900; 1956 line-height: inherit; 1957 vertical-align: baseline; 1958 content: "\f054"; 1959 display: inline-block; 1960 margin-left: 10px; 1961 margin-right: 0; 1962 position: absolute; 1963 left: 10px; 1964 right: unset; 1965 top: 50%; 1966 transform: translateY(-50%); 1967 } 1968 } 2128 1969 2129 1970 /* Small menu. */ 2130 2131 1971 .menu-toggle, 2132 1972 .main-navigation.toggled ul { 2133 display: block;2134 } 2135 2136 .site-main .comment-navigation, 2137 . site-main .posts-navigation,2138 . site-main .post-navigation {2139 margin: 0 0 1.5em;1973 display: block; 1974 } 1975 1976 .site-main .comment-navigation, .site-main 1977 .posts-navigation, .site-main 1978 .post-navigation { 1979 margin: 0 0 1.5em; 2140 1980 } 2141 1981 … … 2143 1983 .posts-navigation .nav-links, 2144 1984 .post-navigation .nav-links { 2145 display: flex;1985 display: flex; 2146 1986 } 2147 1987 2148 1988 @media only screen and (max-width: 480px) { 2149 .comment-navigation .nav-links,2150 .posts-navigation .nav-links,2151 .post-navigation .nav-links {2152 flex-wrap: wrap;2153 }2154 a.chocolate-ice-cream-scroll-to-top{2155 height: 40px!important;2156 width: 40px!important;2157 }2158 .main-navigation ul ul {2159 opacity: 1;2160 position: absolute;2161 right: 0;2162 top: 100%;2163 min-width: 100%;2164 z-index: 9999;2165 border: 1px solid #f1f1f1;2166 }1989 .comment-navigation .nav-links, 1990 .posts-navigation .nav-links, 1991 .post-navigation .nav-links { 1992 flex-wrap: wrap; 1993 } 1994 a.chocolate-ice-cream-scroll-to-top{ 1995 height: 40px!important; 1996 width: 40px!important; 1997 } 1998 .main-navigation ul ul { 1999 opacity: 1; 2000 position: absolute; 2001 right: 0; 2002 top: 100%; 2003 min-width: 100%; 2004 z-index: 9999; 2005 border: 1px solid #f1f1f1; 2006 } 2167 2007 } 2168 2008 … … 2170 2010 .posts-navigation .nav-previous, 2171 2011 .post-navigation .nav-previous { 2172 flex: 1 0 50%;2012 flex: 1 0 50%; 2173 2013 } 2174 2014 … … 2176 2016 .posts-navigation .nav-previous a, 2177 2017 .post-navigation .nav-previous a { 2178 display: inline-flex;2179 align-items: center;2180 gap: 5px;2181 color: #202020;2182 transition: all 0.3s ease;2183 text-decoration: none;2018 display: inline-flex; 2019 align-items: center; 2020 gap: 5px; 2021 color: #202020; 2022 transition: all 0.3s ease; 2023 text-decoration: none; 2184 2024 } 2185 2025 … … 2187 2027 .posts-navigation .nav-previous a .nav-subtitle, 2188 2028 .post-navigation .nav-previous a .nav-subtitle { 2189 font-size: 14px; 2190 } 2191 2192 .comment-navigation .nav-previous a:focus, 2193 .comment-navigation .nav-previous a:hover, 2029 font-size: 14px; 2030 } 2031 2032 .comment-navigation .nav-previous a:focus, .comment-navigation .nav-previous a:hover, 2194 2033 .posts-navigation .nav-previous a:focus, 2195 2034 .posts-navigation .nav-previous a:hover, 2196 2035 .post-navigation .nav-previous a:focus, 2197 2036 .post-navigation .nav-previous a:hover { 2198 color: var(--primary-color);2037 color: var(--primary-color); 2199 2038 } 2200 2039 2201 2040 @media only screen and (max-width: 480px) { 2202 .comment-navigation .nav-previous a,2203 .posts-navigation .nav-previous a,2204 .post-navigation .nav-previous a {2205 flex-direction: column;2206 }2041 .comment-navigation .nav-previous a, 2042 .posts-navigation .nav-previous a, 2043 .post-navigation .nav-previous a { 2044 flex-direction: column; 2045 } 2207 2046 } 2208 2047 … … 2210 2049 .posts-navigation .nav-next, 2211 2050 .post-navigation .nav-next { 2212 text-align: end;2213 flex: 1 0 50%;2051 text-align: end; 2052 flex: 1 0 50%; 2214 2053 } 2215 2054 … … 2217 2056 .posts-navigation .nav-next a, 2218 2057 .post-navigation .nav-next a { 2219 display: inline-flex;2220 align-items: center;2221 gap: 5px;2222 justify-content: flex-end;2223 color: var(--primary-color);2224 transition: all 0.3s ease;2225 text-decoration: none;2058 display: inline-flex; 2059 align-items: center; 2060 gap: 5px; 2061 justify-content: flex-end; 2062 color: var(--primary-color); 2063 transition: all 0.3s ease; 2064 text-decoration: none; 2226 2065 } 2227 2066 … … 2229 2068 .posts-navigation .nav-next a .nav-subtitle, 2230 2069 .post-navigation .nav-next a .nav-subtitle { 2231 font-size: 14px; 2232 } 2233 2234 .comment-navigation .nav-next a:focus, 2235 .comment-navigation .nav-next a:hover, 2070 font-size: 14px; 2071 } 2072 2073 .comment-navigation .nav-next a:focus, .comment-navigation .nav-next a:hover, 2236 2074 .posts-navigation .nav-next a:focus, 2237 2075 .posts-navigation .nav-next a:hover, 2238 2076 .post-navigation .nav-next a:focus, 2239 2077 .post-navigation .nav-next a:hover { 2240 color: var(--primary-color);2078 color: var(--primary-color); 2241 2079 } 2242 2080 2243 2081 @media (max-width: 1199.98px) { 2244 .main-navigation .main-menu {2245 position: fixed;2246 left: -130%;2247 height: 100%;2248 top: 0;2249 background-color: #fff;2250 min-width: 300px;2251 padding-top: 60px;2252 width: 50%;2253 transition: all 400ms ease;2254 display: block;2255 border-left: 1px solid #fff;2256 z-index: 13;2257 box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5);2258 opacity: 0;2259 visibility: hidden;2260 }2261 .main-navigation .main-menu ul {2262 right: auto;2263 }2082 .main-navigation .main-menu { 2083 position: fixed; 2084 left: -130%; 2085 height: 100%; 2086 top: 0; 2087 background-color: #fff; 2088 min-width: 300px; 2089 padding-top: 60px; 2090 width: 50%; 2091 transition: all 400ms ease; 2092 display: block; 2093 border-left: 1px solid #fff; 2094 z-index: 13; 2095 box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5); 2096 opacity: 0; 2097 visibility: hidden; 2098 } 2099 .main-navigation .main-menu ul { 2100 right: auto; 2101 } 2264 2102 } 2265 2103 2266 2104 @media (max-width: 1199.98px) { 2267 .main-navigation.toggled .main-menu {2268 left: 0;2269 right: auto;2270 overflow-x: auto;2271 opacity: 1;2272 visibility: visible;2273 }2105 .main-navigation.toggled .main-menu { 2106 left: 0; 2107 right: auto; 2108 overflow-x: auto; 2109 opacity: 1; 2110 visibility: visible; 2111 } 2274 2112 } 2275 2113 2276 2114 @media (max-width: 991px) { 2277 .main-navigation ul a {2278 color: #202020;2279 }2280 .banner-section.banner-style-1 .banner-single .banner-caption{2281 right: 5% !important;2282 left: 5% !important;2283 }2284 .product-column {2285 display: grid !important;2286 grid-template-columns: 1fr 1fr !important;2287 }2288 .top-header-part .bottom-header-part-wrapper{2289 clip-path: none !important;2290 }2115 .main-navigation ul a { 2116 color: #202020; 2117 } 2118 .banner-section.banner-style-1 .banner-single .banner-caption{ 2119 right: 5% !important; 2120 left: 5% !important; 2121 } 2122 .product-column { 2123 display: grid !important; 2124 grid-template-columns: 1fr 1fr !important; 2125 } 2126 .top-header-part .bottom-header-part-wrapper{ 2127 clip-path: none !important; 2128 } 2291 2129 } 2292 2130 2293 2131 @media only screen and (max-width: 480px) { 2294 .comment-navigation .nav-next a,2295 .posts-navigation .nav-next a,2296 .post-navigation .nav-next a {2297 flex-direction: column-reverse;2298 }2299 .product-column {2300 display: grid !important;2301 grid-template-columns: auto !important;2302 }2303 .top-header-part .bottom-header-part-wrapper{2304 clip-path: none !important;2305 }2132 .comment-navigation .nav-next a, 2133 .posts-navigation .nav-next a, 2134 .post-navigation .nav-next a { 2135 flex-direction: column-reverse; 2136 } 2137 .product-column { 2138 display: grid !important; 2139 grid-template-columns: auto !important; 2140 } 2141 .top-header-part .bottom-header-part-wrapper{ 2142 clip-path: none !important; 2143 } 2306 2144 } 2307 2145 2308 2146 @media (max-width: 1199.98px) { 2309 .main-navigation ul ul {2310 position: absolute;2311 float: none;2312 }2147 .main-navigation ul ul { 2148 position: absolute; 2149 float: none; 2150 } 2313 2151 } 2314 2152 2315 2153 .main-navigation li.menu-item-has-children > a::after { 2316 -webkit-font-smoothing: antialiased;2317 -moz-osx-font-smoothing: grayscale;2318 display: inline-block;2319 font-style: normal;2320 font-variant: normal;2321 font-weight: 400;2322 line-height: 1;2323 font-family: Font Awesome\ 7 Free;2324 font-weight: 900;2325 line-height: inherit;2326 vertical-align: baseline;2327 content: "\f107";2328 display: inline-block;2329 margin-right: 10px;2154 -webkit-font-smoothing: antialiased; 2155 -moz-osx-font-smoothing: grayscale; 2156 display: inline-block; 2157 font-style: normal; 2158 font-variant: normal; 2159 font-weight: 400; 2160 line-height: 1; 2161 font-family: Font Awesome\ 7 Free; 2162 font-weight: 900; 2163 line-height: inherit; 2164 vertical-align: baseline; 2165 content: "\f107"; 2166 display: inline-block; 2167 margin-right: 10px; 2330 2168 } 2331 2169 2332 2170 @media (max-width: 991px) { 2333 .main-navigation li.menu-item-has-children > ul { 2334 height: 0; 2335 transform: scaleY(0); 2336 transform-origin: top right; 2337 transition: all 0.5s ease-in-out; 2338 } 2339 .main-navigation ul ul ul { 2340 right: 0% !important; 2341 top: 0; 2342 } 2171 .main-navigation li.menu-item-has-children > ul { 2172 height: 0; 2173 transform: scaleY(0); 2174 transform-origin: top right; 2175 2176 transition: all 0.5s ease-in-out; 2177 } 2178 .main-navigation ul ul ul { 2179 right: 0% !important; 2180 top: 0; 2181 } 2343 2182 } 2344 2183 2345 2184 @media (max-width: 1199.98px) { 2346 .main-navigation li.menu-item-has-children:hover > ul, 2347 .main-navigation li.menu-item-has-children.focus > ul { 2348 height: auto; 2349 transform: scaleY(1); 2350 } 2185 .main-navigation li.menu-item-has-children:hover > ul, .main-navigation li.menu-item-has-children.focus > ul { 2186 height: auto; 2187 transform: scaleY(1); 2188 } 2351 2189 } 2352 2190 2353 2191 @media screen and (min-width: 992px) { 2354 .menu-toggle { 2355 display: none; 2356 } 2357 .main-navigation ul:not(.sub-menu):not(.children) { 2358 display: block; 2359 margin-inline-end: -20px; 2360 } 2361 .main-navigation ul:not(.sub-menu):not(.children) > li { 2362 display: inline-block; 2363 } 2364 } 2365 2366 .menu-primary-menu-container, 2367 .menu { 2368 text-align: center; 2192 .menu-toggle { 2193 display: none; 2194 } 2195 .main-navigation ul:not(.sub-menu):not(.children) { 2196 display: block; 2197 margin-inline-end: -20px; 2198 } 2199 .main-navigation ul:not(.sub-menu):not(.children) > li { 2200 display: inline-block; 2201 } 2202 } 2203 2204 .menu-primary-menu-container, .menu { 2205 text-align: center; 2369 2206 } 2370 2207 2371 2208 @media (max-width: 900px) { 2372 .menu-primary-menu-container, 2373 .menu { 2374 text-align: right; 2375 } 2209 .menu-primary-menu-container, .menu { 2210 text-align: right; 2211 } 2376 2212 } 2377 2213 2378 2214 @media (max-width: 991px) { 2379 body.admin-bar #site-navigation.toggled .main-navigation-links {2380 padding-top: 100px;2381 }2382 body.admin-bar #site-navigation button.menu-toggle.open {2383 top: 55px;2384 }2385 .bottom-header-part-wrapper .navigation-part {2386 align-items: center;2387 }2388 .bottom-header-part-wrapper .social-icons-part {2389 display: none;2390 }2391 #site-navigation button.menu-toggle {2392 width: 35px;2393 height: 35px;2394 position: relative;2395 transform: rotate(0deg);2396 transition: 0.5s ease-in-out;2397 cursor: pointer;2398 padding: 0;2399 background: none;2400 border: none;2401 margin: 9px auto 9px 5px;2402 }2403 #site-navigation button.menu-toggle span {2404 display: block;2405 position: absolute;2406 height: 3px;2407 width: 100%;2408 background: var(--primary-color);2409 border-radius: 3px;2410 opacity: 1;2411 right: 0;2412 transform: rotate(0deg);2413 transition: 0.25s ease-in-out;2414 }2415 #site-navigation button.menu-toggle span:nth-child(1) {2416 top: calc(50% - 15px);2417 }2418 #site-navigation button.menu-toggle span:nth-child(2) {2419 top: 50%;2420 transform: translateY(-50%);2421 }2422 #site-navigation button.menu-toggle span:nth-child(3) {2423 bottom: calc(50% - 15px);2424 }2425 #site-navigation button.menu-toggle.open {2426 z-index: 18;2427 position: fixed !important;2428 left: 35px;2429 top: 20px;2430 }2431 #site-navigation button.menu-toggle.open span {2432 background-color: var(--primary-color);2433 }2434 #site-navigation button.menu-toggle.open span:nth-child(1) {2435 top: 14px;2436 width: 0%;2437 right: 50%;2438 }2439 #site-navigation button.menu-toggle.open span:nth-child(2) {2440 transform: rotate(-45deg);2441 }2442 #site-navigation button.menu-toggle.open span:nth-child(3) {2443 top: 50%;2444 transform: translateY(-50%) rotate(45deg);2445 }2446 #site-navigation .main-navigation-links {2447 position: fixed;2448 left: -130%;2449 height: 100%;2450 top: 0;2451 background-color: #fff;2452 min-width: 300px;2453 padding-top: 60px;2454 padding-left: 10px;2455 width: 60%;2456 transition: all 400ms ease;2457 display: block;2458 border-left: 1px solid #fff;2459 z-index: 13;2460 box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5);2461 opacity: 0;2462 visibility: hidden;2463 }2464 #site-navigation.toggled .main-navigation-links {2465 left: 0;2466 right: auto;2467 overflow-x: auto;2468 opacity: 1;2469 visibility: visible;2470 }2471 #site-navigation.toggled .main-navigation-links li.current_page_item > a,2472 #site-navigation.toggled .main-navigation-links li.current-menu-item > a {2473 color: var(--primary-color);2474 font-weight: bold;2475 }2215 body.admin-bar #site-navigation.toggled .main-navigation-links { 2216 padding-top: 100px; 2217 } 2218 body.admin-bar #site-navigation button.menu-toggle.open { 2219 top: 55px; 2220 } 2221 .bottom-header-part-wrapper .navigation-part { 2222 align-items: center; 2223 } 2224 .bottom-header-part-wrapper .social-icons-part { 2225 display: none; 2226 } 2227 #site-navigation button.menu-toggle { 2228 width: 35px; 2229 height: 35px; 2230 position: relative; 2231 transform: rotate(0deg); 2232 transition: 0.5s ease-in-out; 2233 cursor: pointer; 2234 padding: 0; 2235 background: none; 2236 border: none; 2237 margin: 9px auto 9px 5px; 2238 } 2239 #site-navigation button.menu-toggle span { 2240 display: block; 2241 position: absolute; 2242 height: 3px; 2243 width: 100%; 2244 background: var(--primary-color); 2245 border-radius: 3px; 2246 opacity: 1; 2247 right: 0; 2248 transform: rotate(0deg); 2249 transition: 0.25s ease-in-out; 2250 } 2251 #site-navigation button.menu-toggle span:nth-child(1) { 2252 top: calc(50% - 15px); 2253 } 2254 #site-navigation button.menu-toggle span:nth-child(2) { 2255 top: 50%; 2256 transform: translateY(-50%); 2257 } 2258 #site-navigation button.menu-toggle span:nth-child(3) { 2259 bottom: calc(50% - 15px); 2260 } 2261 #site-navigation button.menu-toggle.open { 2262 z-index: 18; 2263 position: fixed !important; 2264 left: 35px; 2265 top: 20px; 2266 } 2267 #site-navigation button.menu-toggle.open span { 2268 background-color: var(--primary-color); 2269 } 2270 #site-navigation button.menu-toggle.open span:nth-child(1) { 2271 top: 14px; 2272 width: 0%; 2273 right: 50%; 2274 } 2275 #site-navigation button.menu-toggle.open span:nth-child(2) { 2276 transform: rotate(-45deg); 2277 } 2278 #site-navigation button.menu-toggle.open span:nth-child(3) { 2279 top: 50%; 2280 transform: translateY(-50%) rotate(45deg); 2281 } 2282 #site-navigation .main-navigation-links { 2283 position: fixed; 2284 left: -130%; 2285 height: 100%; 2286 top: 0; 2287 background-color: #fff; 2288 min-width: 300px; 2289 padding-top: 60px; 2290 padding-left: 10px; 2291 width: 60%; 2292 transition: all 400ms ease; 2293 display: block; 2294 border-left: 1px solid #fff; 2295 z-index: 13; 2296 box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5); 2297 opacity: 0; 2298 visibility: hidden; 2299 } 2300 #site-navigation.toggled .main-navigation-links { 2301 left: 0; 2302 right: auto; 2303 overflow-x: auto; 2304 opacity: 1; 2305 visibility: visible; 2306 } 2307 #site-navigation.toggled .main-navigation-links li.current_page_item > a, 2308 #site-navigation.toggled .main-navigation-links li.current-menu-item > a { 2309 color: var(--primary-color); 2310 font-weight: bold; 2311 } 2476 2312 } 2477 2313 2478 2314 @media (max-width: 480px) { 2479 #site-navigation .main-navigation-links { 2480 width: 80%; 2481 } 2482 .top-header-part .bottom-header-part-wrapper { 2483 display: grid !important; 2484 text-align: center !important; 2485 } 2486 .bottom-header-middle-part, 2487 .text-right, 2488 .service-single { 2489 text-align: center !important; 2490 } 2315 #site-navigation .main-navigation-links { 2316 width: 80%; 2317 } 2318 .top-header-part .bottom-header-part-wrapper { 2319 display: grid !important; 2320 text-align: center !important; 2321 } 2322 .bottom-header-middle-part, .text-right, .service-single { 2323 text-align: center !important; 2324 } 2491 2325 } 2492 2326 2493 2327 @media (min-width: 1025px) { 2494 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_item > a, 2495 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-item > a, 2496 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_ancestor > a, 2497 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-ancestor > a { 2498 opacity: 1; 2499 } 2500 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a { 2501 color: var(--color-text-main); 2502 opacity: 1; 2503 } 2504 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:focus, 2505 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:hover { 2506 color: var(--primary-color); 2507 } 2508 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a { 2509 color: #fff; 2510 opacity: 0.7; 2511 } 2512 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:focus, 2513 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:hover { 2514 opacity: 1; 2515 } 2328 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_item > a, 2329 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-item > a, 2330 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_ancestor > a, 2331 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-ancestor > a { 2332 opacity: 1; 2333 } 2334 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a { 2335 color: var(--color-text-main); 2336 opacity: 1; 2337 } 2338 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:hover { 2339 color: var(--primary-color); 2340 } 2341 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a { 2342 color: #fff; 2343 opacity: 0.7; 2344 } 2345 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:hover { 2346 opacity: 1; 2347 } 2516 2348 } 2517 2349 2518 2350 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a { 2519 color: var(--color-text-main); 2520 } 2521 2522 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:focus, 2523 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:hover { 2524 color: var(--primary-color); 2351 color: var(--color-text-main); 2352 } 2353 2354 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:hover { 2355 color: var(--primary-color); 2525 2356 } 2526 2357 … … 2529 2360 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_ancestor > a, 2530 2361 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-ancestor > a { 2531 opacity: 1;2532 color: var(--primary-color);2362 opacity: 1; 2363 color: var(--primary-color); 2533 2364 } 2534 2365 2535 2366 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a { 2536 color: var(--color-text-main); 2537 } 2538 2539 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:focus, 2540 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:hover { 2541 color: var(--primary-color); 2367 color: var(--color-text-main); 2368 } 2369 2370 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:hover { 2371 color: var(--primary-color); 2542 2372 } 2543 2373 2544 2374 nav.navigation.pagination .nav-links { 2545 display: flex;2546 gap: 5px;2547 margin: 10px 0 20px;2375 display: flex; 2376 gap: 5px; 2377 margin: 10px 0 20px; 2548 2378 } 2549 2379 2550 2380 nav.navigation.pagination .nav-links span, 2551 2381 nav.navigation.pagination .nav-links a { 2552 text-decoration: none; 2553 width: 30px; 2554 height: 30px; 2555 display: flex; 2556 align-items: center; 2557 justify-content: center; 2558 transition: all 0.3s ease; 2559 color: var(--color-text-main); 2560 border: 1px solid var(--color-text-main); 2561 } 2562 2563 nav.navigation.pagination .nav-links span.prev, 2564 nav.navigation.pagination .nav-links span.next, 2382 text-decoration: none; 2383 width: 30px; 2384 height: 30px; 2385 display: flex; 2386 align-items: center; 2387 justify-content: center; 2388 transition: all 0.3s ease; 2389 color: var(--color-text-main); 2390 border: 1px solid var(--color-text-main); 2391 } 2392 2393 nav.navigation.pagination .nav-links span.prev, nav.navigation.pagination .nav-links span.next, 2565 2394 nav.navigation.pagination .nav-links a.prev, 2566 2395 nav.navigation.pagination .nav-links a.next { 2567 font-size: 0; 2568 } 2569 2570 nav.navigation.pagination .nav-links span.prev::after, 2571 nav.navigation.pagination .nav-links span.next::after, 2396 font-size: 0; 2397 } 2398 2399 nav.navigation.pagination .nav-links span.prev::after, nav.navigation.pagination .nav-links span.next::after, 2572 2400 nav.navigation.pagination .nav-links a.prev::after, 2573 2401 nav.navigation.pagination .nav-links a.next::after { 2574 content: "\f30a";2575 font-size: 1rem;2576 display: inline-block;2577 font-style: normal;2578 font-variant: normal;2579 font-weight: 400;2580 line-height: 1;2581 font-weight: 900;2582 line-height: inherit;2583 vertical-align: baseline;2584 font-family: Font Awesome\ 7 Free;2585 -moz-osx-font-smoothing: grayscale;2586 -webkit-font-smoothing: antialiased;2402 content: "\f30a"; 2403 font-size: 1rem; 2404 display: inline-block; 2405 font-style: normal; 2406 font-variant: normal; 2407 font-weight: 400; 2408 line-height: 1; 2409 font-weight: 900; 2410 line-height: inherit; 2411 vertical-align: baseline; 2412 font-family: Font Awesome\ 7 Free; 2413 -moz-osx-font-smoothing: grayscale; 2414 -webkit-font-smoothing: antialiased; 2587 2415 } 2588 2416 2589 2417 nav.navigation.pagination .nav-links span.next::after, 2590 2418 nav.navigation.pagination .nav-links a.next::after { 2591 content: "\f30b"; 2592 } 2593 2594 nav.navigation.pagination .nav-links span:hover, 2595 nav.navigation.pagination .nav-links span:focus, 2419 content: "\f30b"; 2420 } 2421 2422 nav.navigation.pagination .nav-links span:hover, nav.navigation.pagination .nav-links span:focus, 2596 2423 nav.navigation.pagination .nav-links a:hover, 2597 2424 nav.navigation.pagination .nav-links a:focus { 2598 color: var(--primary-color);2599 border: 1px solid var(--primary-color);2425 color: var(--primary-color); 2426 border: 1px solid var(--primary-color); 2600 2427 } 2601 2428 2602 2429 nav.navigation.pagination .nav-links span.current { 2603 color: var(--color-text-white);2604 background-color: var(--primary-color);2605 border: 1px solid var(--primary-color);2430 color: var(--color-text-white); 2431 background-color: var(--primary-color); 2432 border: 1px solid var(--primary-color); 2606 2433 } 2607 2434 2608 2435 nav.navigation.pagination .nav-links span.dots { 2609 border: none; 2610 } 2611 2612 nav.navigation.pagination .nav-links span.dots:hover, 2613 nav.navigation.pagination .nav-links span.dots:focus { 2614 color: var(--color-text-main); 2615 border: none; 2436 border: none; 2437 } 2438 2439 nav.navigation.pagination .nav-links span.dots:hover, nav.navigation.pagination .nav-links span.dots:focus { 2440 color: var(--color-text-main); 2441 border: none; 2616 2442 } 2617 2443 2618 2444 .chocolate-ice-cream-carousel-navigation .slick-arrow { 2619 position: absolute;2620 top: 50%;2621 transform: translateY(-50%);2622 font-size: 14px;2623 width: 46px;2624 height: 46px;2625 border-radius: 100%;2626 border: 1px solid;2627 background: transparent;2628 color: #fff;2629 display: flex;2630 align-items: center;2631 justify-content: center;2632 z-index: 1;2633 cursor: pointer;2634 font-weight: 600;2635 visibility: hidden;2636 opacity: 0;2637 transition: background-color .4s ease;2445 position: absolute; 2446 top: 50%; 2447 transform: translateY(-50%); 2448 font-size: 14px; 2449 width: 46px; 2450 height: 46px; 2451 border-radius: 100%; 2452 border: 1px solid; 2453 background: transparent; 2454 color: #fff; 2455 display: flex; 2456 align-items: center; 2457 justify-content: center; 2458 z-index: 1; 2459 cursor: pointer; 2460 font-weight: 600; 2461 visibility: hidden; 2462 opacity: 0; 2463 transition: background-color .4s ease; 2638 2464 } 2639 2465 2640 2466 @media (max-width: 991px) { 2641 .banner-section .chocolate-ice-cream-carousel-navigation .slick-arrow {2642 visibility: visible;2643 opacity: 1;2644 top: unset;2645 transform: translateY(0);2646 bottom: -55px;2647 }2467 .banner-section .chocolate-ice-cream-carousel-navigation .slick-arrow { 2468 visibility: visible; 2469 opacity: 1; 2470 top: unset; 2471 transform: translateY(0); 2472 bottom: -55px; 2473 } 2648 2474 } 2649 2475 2650 2476 .chocolate-ice-cream-carousel-navigation .slick-arrow::before { 2651 transition: all .4s ease;2477 transition: all .4s ease; 2652 2478 } 2653 2479 2654 2480 .chocolate-ice-cream-carousel-navigation .slick-arrow::after { 2655 content: ""; 2656 width: 0px; 2657 height: 0; 2658 border-top: 2px solid #fff; 2659 position: absolute; 2660 right: 50%; 2661 transform: translate(50%, -50%); 2662 top: 50%; 2663 margin-top: 0px; 2664 transition: all .4s ease; 2665 } 2666 2667 .chocolate-ice-cream-carousel-navigation .slick-arrow:focus, 2668 .chocolate-ice-cream-carousel-navigation .slick-arrow:hover { 2669 background: var(--primary-color); 2670 color: #fff; 2671 } 2672 2673 .chocolate-ice-cream-carousel-navigation .slick-arrow:focus::before, 2674 .chocolate-ice-cream-carousel-navigation .slick-arrow:hover::before { 2675 transform: translateX(8px); 2676 } 2677 2678 .chocolate-ice-cream-carousel-navigation .slick-arrow:focus::after, 2679 .chocolate-ice-cream-carousel-navigation .slick-arrow:hover::after { 2680 width: 20px; 2681 border-top: 2px solid #fff; 2481 content: ""; 2482 width: 0px; 2483 height: 0; 2484 border-top: 2px solid #fff; 2485 position: absolute; 2486 right: 50%; 2487 transform: translate(50%, -50%); 2488 top: 50%; 2489 margin-top: 0px; 2490 transition: all .4s ease; 2491 } 2492 2493 .chocolate-ice-cream-carousel-navigation .slick-arrow:focus, .chocolate-ice-cream-carousel-navigation .slick-arrow:hover { 2494 background: var(--primary-color); 2495 color: #fff; 2496 } 2497 2498 .chocolate-ice-cream-carousel-navigation .slick-arrow:focus::before, .chocolate-ice-cream-carousel-navigation .slick-arrow:hover::before { 2499 transform: translateX(8px); 2500 } 2501 2502 .chocolate-ice-cream-carousel-navigation .slick-arrow:focus::after, .chocolate-ice-cream-carousel-navigation .slick-arrow:hover::after { 2503 width: 20px; 2504 border-top: 2px solid #fff; 2682 2505 } 2683 2506 2684 2507 .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-prev { 2685 right: -46px;2508 right: -46px; 2686 2509 } 2687 2510 2688 2511 .banner-section .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-prev { 2689 right: 46px;2512 right: 46px; 2690 2513 } 2691 2514 2692 2515 @media (max-width: 1024px) { 2693 .banner-section .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-prev { 2694 right: unset; 2695 left: 80px; 2696 } 2697 } 2516 .banner-section .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-prev { 2517 right: unset; 2518 left: 80px; 2519 } 2520 } 2521 2698 2522 2699 2523 .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-next { 2700 left: -46px;2701 flex-direction: row-reverse;2524 left: -46px; 2525 flex-direction: row-reverse; 2702 2526 } 2703 2527 2704 2528 .banner-section .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-next { 2705 left: 46px;2529 left: 46px; 2706 2530 } 2707 2531 2708 2532 @media (max-width: 1024px) { 2709 .banner-section .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-next { 2710 left: 20px; 2711 } 2712 } 2713 2714 .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-next:focus::before, 2715 .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-next:hover::before { 2716 transform: translateX(-8px); 2717 } 2718 2719 .chocolate-ice-cream-carousel-navigation:focus-within .slick-arrow, 2720 .chocolate-ice-cream-carousel-navigation:hover .slick-arrow { 2721 opacity: 1; 2722 visibility: visible; 2533 .banner-section .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-next { 2534 left: 20px; 2535 } 2536 } 2537 2538 .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-next:focus::before, .chocolate-ice-cream-carousel-navigation .slick-arrow.slick-next:hover::before { 2539 transform: translateX(-8px); 2540 } 2541 2542 .chocolate-ice-cream-carousel-navigation:focus-within .slick-arrow, .chocolate-ice-cream-carousel-navigation:hover .slick-arrow { 2543 opacity: 1; 2544 visibility: visible; 2723 2545 } 2724 2546 2725 2547 .chocolate-ice-cream-carousel-navigation .slick-dots { 2726 margin: 0px;2727 padding: 0;2728 list-style: none;2729 display: flex;2730 align-items: center;2731 justify-content: center;2732 margin-inline: auto;2733 margin-top: 20px;2548 margin: 0px; 2549 padding: 0; 2550 list-style: none; 2551 display: flex; 2552 align-items: center; 2553 justify-content: center; 2554 margin-inline: auto; 2555 margin-top: 20px; 2734 2556 } 2735 2557 2736 2558 .banner-section.banner-style-1 .chocolate-ice-cream-carousel-navigation .slick-dots { 2737 position: absolute;2738 margin: 0;2739 right: 50%;2740 transform: translateX(50%);2741 bottom: 15px;2559 position: absolute; 2560 margin: 0; 2561 right: 50%; 2562 transform: translateX(50%); 2563 bottom: 15px; 2742 2564 } 2743 2565 … … 2759 2581 2760 2582 .chocolate-ice-cream-carousel-navigation .slick-dots li { 2761 margin-right: 5px;2762 margin-left: 5px;2583 margin-right: 5px; 2584 margin-left: 5px; 2763 2585 } 2764 2586 2765 2587 .chocolate-ice-cream-carousel-navigation .slick-dots li button { 2766 font-size: 0; 2767 padding: 0; 2768 height: 5px; 2769 width: 5px; 2770 border-radius: 50%; 2771 border: none; 2772 background-color: #3a3a3a; 2773 transition: all 0.3s ease; 2774 } 2775 2776 .chocolate-ice-cream-carousel-navigation .slick-dots li button:focus, 2777 .chocolate-ice-cream-carousel-navigation .slick-dots li button:hover { 2778 background-color: var(--color-text-main); 2588 font-size: 0; 2589 padding: 0; 2590 height: 5px; 2591 width: 5px; 2592 border-radius: 50%; 2593 border: none; 2594 background-color: #3a3a3a; 2595 transition: all 0.3s ease; 2596 } 2597 2598 .chocolate-ice-cream-carousel-navigation .slick-dots li button:focus, .chocolate-ice-cream-carousel-navigation .slick-dots li button:hover { 2599 background-color: var(--color-text-main); 2779 2600 } 2780 2601 2781 2602 .banner-section .chocolate-ice-cream-carousel-navigation .slick-dots li button { 2782 background-color: #fff;2783 opacity: 0.5;2603 background-color: #fff; 2604 opacity: 0.5; 2784 2605 } 2785 2606 2786 2607 .chocolate-ice-cream-carousel-navigation .slick-dots li.slick-active button { 2787 background-color: var(--primary-color);2788 height: 10px;2789 width: 10px;2608 background-color: var(--primary-color); 2609 height: 10px; 2610 width: 10px; 2790 2611 } 2791 2612 2792 2613 .banner-section .chocolate-ice-cream-carousel-navigation .slick-dots li.slick-active button { 2793 opacity: 1;2614 opacity: 1; 2794 2615 } 2795 2616 2796 2617 .header-contact-inner h3 { 2797 font-size: 35px;2798 text-align: center;2799 } 2800 2801 .product-column {2802 display: grid;2803 grid-template-columns: auto auto auto auto;2804 gap: 20px;2805 text-align: center;2618 font-size: 35px; 2619 text-align: center; 2620 } 2621 2622 .product-column{ 2623 display: grid; 2624 grid-template-columns: auto auto auto auto; 2625 gap: 20px; 2626 text-align: center; 2806 2627 } 2807 2628 2808 2629 figure.product-image { 2809 margin-top: 0;2810 margin-bottom: 0;2811 position: relative;2630 margin-top: 0; 2631 margin-bottom: 0; 2632 position: relative; 2812 2633 } 2813 2634 2814 2635 .tab-product { 2815 padding: 15px; 2816 border: solid 1px #dcdcdc; 2817 position: relative; 2818 } 2819 2636 padding: 15px; 2637 border: solid 1px #dcdcdc; 2638 position: relative; 2639 } 2820 2640 .tab-product figure img { 2821 width: 100%;2822 height: 100%;2641 width: 100%; 2642 height: 100%; 2823 2643 } 2824 2644 2825 2645 span.onsale { 2826 position: absolute;2827 right: 5px;2828 top: 5px;2829 background: #fff;2830 padding: 0 5px;2646 position: absolute; 2647 right: 5px; 2648 top: 5px; 2649 background: #fff; 2650 padding: 0 5px; 2831 2651 } 2832 2652 2833 2653 .tab-product h5.product-text a { 2834 color: #000;2654 color: #000; 2835 2655 } 2836 2656 2837 2657 .tab-product h5.product-text { 2838 font-size: 22px;2839 font-weight: 400;2840 margin: 0 0 10px 0;2658 font-size: 22px; 2659 font-weight: 400; 2660 margin: 0 0 10px 0; 2841 2661 } 2842 2662 2843 2663 .tab-product h6.price { 2844 margin: 0; 2845 font-size: 16px; 2846 color: var(--primary-color); 2664 margin: 0; 2665 font-size: 16px; 2666 color: var(--primary-color); 2667 } 2668 2669 .tab-product .price ins{ 2670 text-decoration: none; 2847 2671 } 2848 2672 2849 2673 .box-content.intro-button { 2850 display: flex; 2851 justify-content: space-between; 2852 align-items: center; 2853 } 2674 display: flex; 2675 justify-content: space-between; 2676 align-items: center; 2677 } 2678 2854 2679 2855 2680 .tab-product a.button.product_type_simple.add_to_cart_button { 2856 background: url(resource/cart-icon.png) no-repeat scroll right 9px top 50% var(--primary-color); 2857 text-indent: -9999px; 2858 cursor: pointer; 2859 border-radius: 30px; 2860 width: 40px; 2861 height: 40px; 2862 } 2863 2681 background: url(resource/cart-icon.png) no-repeat scroll right 9px top 50% var(--primary-color); 2682 text-indent: -9999px; 2683 cursor: pointer; 2684 border-radius: 30px; 2685 width: 40px; 2686 height: 40px; 2687 } 2864 2688 .tab-product a.added_to_cart.wc-forward { 2865 background: url(resource/view-icon.png) no-repeat scroll right 9px top 50% var(--primary-color);2866 text-indent: -9999px;2867 cursor: pointer;2868 border-radius: 30px;2869 font-size: 0;2870 width: 40px;2871 height: 40px;2689 background: url(resource/view-icon.png) no-repeat scroll right 9px top 50% var(--primary-color); 2690 text-indent: -9999px; 2691 cursor: pointer; 2692 border-radius: 30px; 2693 font-size: 0; 2694 width: 40px; 2695 height: 40px; 2872 2696 } 2873 2697 … … 2875 2699 /* Posts and pages 2876 2700 --------------------------------------------- */ 2877 2878 2701 .sticky .mag-post-single:before { 2879 position: absolute; 2880 content: ''; 2881 background: var(--primary-color); 2882 width: 100%; 2883 height: 100%; 2884 right: 0px; 2885 top: 0px; 2886 z-index: -1; 2887 border-radius: 20px; 2888 opacity: 30%; 2889 } 2890 2702 position: absolute; 2703 content: ''; 2704 background: var(--primary-color); 2705 width: 100%; 2706 height: 100%; 2707 right: 0px; 2708 top: 0px; 2709 z-index: -1; 2710 border-radius: 20px; 2711 opacity: 30%; 2712 } 2891 2713 .sticky .mag-post-single { 2892 position: relative;2893 z-index: 0;2714 position: relative; 2715 z-index: 0; 2894 2716 } 2895 2717 2896 2718 .sticky { 2897 display: block;2719 display: block; 2898 2720 } 2899 2721 2900 2722 .post, 2901 2723 .page { 2902 margin: 0 0 1.5em;2724 margin: 0 0 1.5em; 2903 2725 } 2904 2726 2905 2727 .updated:not(.published) { 2906 display: none;2728 display: none; 2907 2729 } 2908 2730 … … 2910 2732 .entry-content, 2911 2733 .entry-summary { 2912 margin: 1.5em 0 0;2734 margin: 1.5em 0 0; 2913 2735 } 2914 2736 2915 2737 .page-links { 2916 clear: both; 2917 margin: 0 0 1.5em; 2918 } 2919 2738 clear: both; 2739 margin: 0 0 1.5em; 2740 } 2920 2741 2921 2742 /*-------------------------------------------------------------- 2922 2743 # 404 page 2923 2744 --------------------------------------------------------------*/ 2924 2925 2745 section.no-results.not-found { 2926 margin-bottom: 50px;2927 color: #000;2746 margin-bottom: 50px; 2747 color: #000; 2928 2748 } 2929 2749 2930 2750 .error-404.not-found { 2931 text-align: center; 2932 margin-bottom: 30px; 2933 } 2934 2751 text-align: center; 2752 margin-bottom: 30px; 2753 } 2935 2754 section.not-found { 2936 margin-top: 3em;2937 text-align: center;2938 margin-bottom: 7em;2939 margin-left: 0em;2940 }2941 2942 h2.text-secondary {2943 font-size: 41px;2944 color: #000;2945 font-weight: 900;2946 }2947 2948 p.not-para {2949 font-size: 20px;2950 color: #000;2951 }2952 2953 .paganot-found-button a {2954 background: var(--primary-color);2955 border-radius: 11px;2956 padding: 12px 12px;2957 font-weight: 800;2958 color: #fff!important;2959 }2960 2961 .paganot-found-button a:hover {2962 background: #404040;2963 border-radius: 11px;2964 padding: 12px 12px;2965 color: #fff!important;2966 }2967 2968 @media (max-width: 1000px) {2969 section.not-found {2970 2755 margin-top: 3em; 2971 2756 text-align: center; 2972 2757 margin-bottom: 7em; 2973 margin-right: 0em;2974 2758 margin-left: 0em; 2975 } 2976 } 2977 2978 2759 } 2760 h2.text-secondary { 2761 font-size: 41px; 2762 color: #000; 2763 font-weight: 900; 2764 } 2765 p.not-para { 2766 font-size: 20px; 2767 color: #000; 2768 } 2769 .paganot-found-button a { 2770 background: var(--primary-color); 2771 border-radius: 11px; 2772 padding: 12px 12px; 2773 font-weight: 800; 2774 color: #fff!important; 2775 } 2776 .paganot-found-button a:hover { 2777 background: #404040; 2778 border-radius: 11px; 2779 padding: 12px 12px; 2780 color: #fff!important; 2781 } 2782 @media (max-width: 1000px){ 2783 section.not-found { 2784 margin-top: 3em; 2785 text-align: center; 2786 margin-bottom: 7em; 2787 margin-right: 0em; 2788 margin-left: 0em; 2789 } 2790 2791 } 2979 2792 /*-------------------------------------------------------------- 2980 2793 # archive layouts 2981 2794 --------------------------------------------------------------*/ 2982 2983 2795 .mag-post-category { 2984 line-height: 1.2;2985 font-size: var(--font-size-sm);2796 line-height: 1.2; 2797 font-size: var(--font-size-sm); 2986 2798 } 2987 2799 2988 2800 .mag-post-category a { 2989 display: inline-block; 2990 margin-inline-end: 4px; 2991 margin-block-end: 5px; 2992 font-size: 18px; 2993 text-decoration: none; 2994 font-weight: 600; 2995 line-height: 1.2; 2996 color: var(--background-color-white); 2997 margin: 12px auto; 2998 } 2999 3000 .mag-post-category a:focus, 3001 .mag-post-category a:hover { 3002 color: var(--primary-color); 2801 display: inline-block; 2802 margin-inline-end: 4px; 2803 margin-block-end: 5px; 2804 font-size: 18px; 2805 text-decoration: none; 2806 font-weight: 600; 2807 line-height: 1.2; 2808 color: var(--background-color-white); 2809 margin: 12px auto; 2810 } 2811 2812 .mag-post-category a:focus, .mag-post-category a:hover { 2813 color: var(--primary-color); 3003 2814 } 3004 2815 3005 2816 .mag-post-category a::after { 3006 content: "\2219";3007 font-weight: bold;3008 padding: 0 3px 0 0;3009 opacity: 0.7;2817 content: "\2219"; 2818 font-weight: bold; 2819 padding: 0 3px 0 0; 2820 opacity: 0.7; 3010 2821 } 3011 2822 3012 2823 .mag-post-category a:last-child::after { 3013 display: none;2824 display: none; 3014 2825 } 3015 2826 3016 2827 .mag-post-single .mag-post-img { 3017 position: relative;2828 position: relative; 3018 2829 } 3019 2830 3020 2831 .mag-post-single .mag-post-img > a { 3021 display: block;3022 height: 100%;3023 width: 100%;3024 line-height: 0;2832 display: block; 2833 height: 100%; 2834 width: 100%; 2835 line-height: 0; 3025 2836 } 3026 2837 3027 2838 .mag-post-single .mag-post-img > a:focus { 3028 outline-offset: 1px;3029 outline-color: var(--color-text-main);2839 outline-offset: 1px; 2840 outline-color: var(--color-text-main); 3030 2841 } 3031 2842 3032 2843 .mag-post-single .mag-post-img > a img { 3033 width: 100%;3034 height: 100%;3035 aspect-ratio: 1/0.7;3036 object-fit: cover;2844 width: 100%; 2845 height: 100%; 2846 aspect-ratio: 1/0.7; 2847 object-fit: cover; 3037 2848 } 3038 2849 3039 2850 .mag-post-single .mag-post-detail { 3040 padding: 7px 0;2851 padding: 7px 0; 3041 2852 } 3042 2853 3043 2854 .mag-post-single .mag-post-detail .mag-post-title { 3044 margin: 0 0 10px;3045 font-size: var(--font-size-base);3046 line-height: 1.3;2855 margin: 0 0 10px; 2856 font-size: var(--font-size-base); 2857 line-height: 1.3; 3047 2858 } 3048 2859 3049 2860 .mag-post-single .mag-post-detail .mag-post-title a { 3050 text-decoration: none; 3051 color: var(--background-color-white); 3052 font-family: var(--font-heading); 3053 font-size: 24px; 3054 word-break: break-all; 3055 } 3056 3057 .mag-post-single .mag-post-detail .mag-post-title a:focus, 3058 .mag-post-single .mag-post-detail .mag-post-title a:hover { 3059 color: var(--primary-color); 2861 text-decoration: none; 2862 color: var(--background-color-white); 2863 font-family: var(--font-heading); 2864 font-size: 24px; 2865 word-break: break-all; 2866 } 2867 2868 .mag-post-single .mag-post-detail .mag-post-title a:focus, .mag-post-single .mag-post-detail .mag-post-title a:hover { 2869 color: var(--primary-color); 3060 2870 } 3061 2871 3062 2872 .mag-post-single .mag-post-detail .mag-post-meta { 3063 font-size: var(--font-size-xs);3064 line-height: 1.3;2873 font-size: var(--font-size-xs); 2874 line-height: 1.3; 3065 2875 } 3066 2876 3067 2877 .mag-post-single .mag-post-detail .mag-post-meta > span { 3068 margin-inline-end: 5px;2878 margin-inline-end: 5px; 3069 2879 } 3070 2880 3071 2881 .mag-post-single .mag-post-detail .mag-post-meta .byline a, 3072 .mag-post-single .mag-post-detail .mag-post-meta .post-author a {3073 text-decoration: none;3074 color: var(--color-text-main);3075 font-size: 16px;3076 margin-left: 10px;2882 .mag-post-single .mag-post-detail .mag-post-meta .post-author a{ 2883 text-decoration: none; 2884 color: var(--color-text-main); 2885 font-size: 16px; 2886 margin-left: 10px; 3077 2887 } 3078 2888 3079 2889 .blog .mag-post-single .mag-post-detail .mag-post-meta .byline a, 3080 .blog .mag-post-single .mag-post-detail .mag-post-meta .post-author a, 3081 .blog .mag-post-single .mag-post-detail .mag-post-meta .posted-on a, 3082 .blog .mag-post-single .mag-post-detail .mag-post-meta .post-date a { 3083 color: var(--color-text-main); 2890 .blog .mag-post-single .mag-post-detail .mag-post-meta .post-author a, .blog .mag-post-single .mag-post-detail .mag-post-meta .posted-on a, .blog .mag-post-single .mag-post-detail .mag-post-meta .post-date a { 2891 color: var(--color-text-main); 3084 2892 } 3085 2893 3086 2894 .mag-post-single .mag-post-detail .mag-post-meta .byline a i, 3087 2895 .mag-post-single .mag-post-detail .mag-post-meta .post-author a i { 3088 margin-inline-end: 5px;2896 margin-inline-end: 5px; 3089 2897 } 3090 2898 3091 2899 .mag-post-single .mag-post-detail .mag-post-meta .posted-on a, 3092 2900 .mag-post-single .mag-post-detail .mag-post-meta .post-date a { 3093 text-decoration: none;3094 color: var(--color-text-main);3095 font-size: 16px;3096 margin-left: 10px;2901 text-decoration: none; 2902 color: var(--color-text-main); 2903 font-size: 16px; 2904 margin-left: 10px; 3097 2905 } 3098 2906 3099 2907 .mag-post-single .mag-post-detail .mag-post-meta .posted-on a i, 3100 2908 .mag-post-single .mag-post-detail .mag-post-meta .post-date a i { 3101 margin-inline-end: 5px;2909 margin-inline-end: 5px; 3102 2910 } 3103 2911 3104 2912 .mag-post-single .mag-post-detail .mag-post-excerpt { 3105 font-size: var(--font-size-sm);3106 color: var(--background-color-white);2913 font-size: var(--font-size-sm); 2914 color: var(--background-color-white); 3107 2915 } 3108 2916 3109 2917 .mag-post-single .mag-post-detail .mag-post-excerpt p { 3110 margin: 10px 0 0; 3111 font-size: 15px; 3112 word-break: break-all; 2918 margin: 10px 0 0; 2919 font-size: 15px; 2920 word-break: break-all; 2921 } 2922 2923 .mag-post-single .mag-post-detail .mag-post-meta .post-comments{ 2924 margin-inline-end: 10px !important; 2925 } 2926 .mag-post-single .mag-post-detail .mag-post-meta .post-time{ 2927 margin-inline-end: 5px; 2928 } 2929 .mag-post-single .mag-post-detail .mag-post-meta .post-comments, 2930 .mag-post-single .mag-post-detail .mag-post-meta .post-comments i, 2931 .mag-post-single .mag-post-detail .mag-post-meta .post-time, 2932 .mag-post-single .mag-post-detail .mag-post-meta .post-time a{ 2933 color: var(--color-text-main); 2934 text-decoration: none; 2935 font-size: 16px; 3113 2936 } 3114 2937 3115 2938 .chocolate-ice-cream-archive-layout { 3116 margin-bottom: 30px;2939 margin-bottom: 30px; 3117 2940 } 3118 2941 3119 2942 .chocolate-ice-cream-archive-layout.grid-layout article { 3120 margin-bottom: 0;2943 margin-bottom: 0; 3121 2944 } 3122 2945 3123 2946 @media (max-width: 600px) { 3124 header.site-header .header-main-wrapper, 3125 .about-single { 3126 display: block !important; 3127 } 3128 #site-navigation button.menu-toggle { 3129 margin: 10px auto; 3130 } 3131 } 3132 2947 header.site-header .header-main-wrapper ,.about-single{ 2948 display: block !important; 2949 } 2950 #site-navigation button.menu-toggle{ 2951 margin: 10px auto; 2952 } 2953 } 3133 2954 3134 2955 /*-------------------------------------------------------------- 3135 2956 # archive layouts 3136 2957 --------------------------------------------------------------*/ 3137 3138 2958 .site-main article .entry-header .entry-title { 3139 font-size: var(--font-size-lg);3140 font-family: var(--font-heading);3141 margin-top: 0;3142 margin-bottom: 1.3rem;2959 font-size: var(--font-size-lg); 2960 font-family: var(--font-heading); 2961 margin-top: 0; 2962 margin-bottom: 1.3rem; 3143 2963 } 3144 2964 3145 2965 @media (min-width: 992px) { 3146 .site-main article .entry-header .entry-title {3147 margin-bottom: 1.1rem;3148 }2966 .site-main article .entry-header .entry-title { 2967 margin-bottom: 1.1rem; 2968 } 3149 2969 } 3150 2970 3151 2971 .site-main article .entry-header .entry-title a { 3152 text-decoration: none;3153 color: var(--color-text-main);2972 text-decoration: none; 2973 color: var(--color-text-main); 3154 2974 } 3155 2975 3156 2976 .site-main article .entry-meta { 3157 padding-bottom: 10px;2977 padding-bottom: 10px; 3158 2978 } 3159 2979 3160 2980 .site-main article .entry-meta span { 3161 font-size: 16px;3162 font-weight: normal;2981 font-size: 16px; 2982 font-weight: normal; 3163 2983 } 3164 2984 3165 2985 .site-main article .entry-meta span a, 3166 2986 .site-main article .entry-meta span span { 3167 font-weight: normal;2987 font-weight: normal; 3168 2988 } 3169 2989 3170 2990 .site-main article .entry-meta span a { 3171 text-decoration: none;3172 color: var(--color-text-main);2991 text-decoration: none; 2992 color: var(--color-text-main); 3173 2993 } 3174 2994 3175 2995 .site-main article .entry-meta span a:hover { 3176 color: var(--primary-color);2996 color: var(--primary-color); 3177 2997 } 3178 2998 3179 2999 .site-main article .entry-meta span.comments-link a { 3180 font-weight: bold;3000 font-weight: bold; 3181 3001 } 3182 3002 3183 3003 .site-main article .post-thumbnail { 3184 display: block;3185 line-height: 0;3004 display: block; 3005 line-height: 0; 3186 3006 } 3187 3007 3188 3008 .site-main article .post-thumbnail img { 3189 width: 100%;3190 transition: all 0.3s linear;3009 width: 100%; 3010 transition: all 0.3s linear; 3191 3011 } 3192 3012 3193 3013 @media (min-width: 992px) { 3194 .site-main article .entry-meta {3195 padding: 10px 0 20px;3196 padding-top: 0;3197 }3014 .site-main article .entry-meta { 3015 padding: 10px 0 20px; 3016 padding-top: 0; 3017 } 3198 3018 } 3199 3019 3200 3020 .site-main article .entry-content { 3201 margin-top: 0;3021 margin-top: 0; 3202 3022 } 3203 3023 3204 3024 .site-main article .entry-content p { 3205 margin-bottom: 10px;3025 margin-bottom: 10px; 3206 3026 } 3207 3027 3208 3028 .site-main article .entry-footer { 3209 display: flex;3210 flex-direction: column;3211 margin-top: 10px;3029 display: flex; 3030 flex-direction: column; 3031 margin-top: 10px; 3212 3032 } 3213 3033 3214 3034 .site-main article .entry-footer span { 3215 margin-bottom: 6px;3216 font-size: 16px;3217 font-weight: bold;3035 margin-bottom: 6px; 3036 font-size: 16px; 3037 font-weight: bold; 3218 3038 } 3219 3039 3220 3040 .site-main article .entry-footer span a, 3221 3041 .site-main article .entry-footer span span { 3222 font-weight: normal;3042 font-weight: normal; 3223 3043 } 3224 3044 3225 3045 .site-main article .entry-footer span a { 3226 text-decoration: none;3227 color: #202020;3046 text-decoration: none; 3047 color: #202020; 3228 3048 } 3229 3049 3230 3050 .site-main article .entry-footer span a:hover { 3231 color: var(--primary-color);3051 color: var(--primary-color); 3232 3052 } 3233 3053 3234 3054 .site-main article .entry-footer span.comments-link a { 3235 font-weight: bold;3055 font-weight: bold; 3236 3056 } 3237 3057 3238 3058 .related-posts h2 { 3239 font-size: var(--font-size-lg);3240 font-family: var(--font-heading);3241 line-height: 1.2;3059 font-size: var(--font-size-lg); 3060 font-family: var(--font-heading); 3061 line-height: 1.2; 3242 3062 } 3243 3063 3244 3064 .related-posts .row { 3245 display: grid; 3246 grid-gap: 30px; 3247 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 3248 /* Adjust minmax values as needed */ 3065 display: grid; 3066 grid-gap: 30px; 3067 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */ 3249 3068 } 3250 3069 3251 3070 @media (max-width: 480px) { 3252 .related-posts .row {3253 grid-template-columns: 1fr;3254 }3071 .related-posts .row { 3072 grid-template-columns: 1fr; 3073 } 3255 3074 } 3256 3075 3257 3076 .related-posts .row article .post-thumbnail { 3258 line-height: 0;3259 overflow: hidden;3077 line-height: 0; 3078 overflow: hidden; 3260 3079 } 3261 3080 3262 3081 .related-posts .row article .post-thumbnail img { 3263 width: 100%;3264 height: 100%;3265 object-fit: cover;3082 width: 100%; 3083 height: 100%; 3084 object-fit: cover; 3266 3085 } 3267 3086 3268 3087 .related-posts .row article .entry-header { 3269 margin-top: 10px;3088 margin-top: 10px; 3270 3089 } 3271 3090 3272 3091 .related-posts .row article .entry-header .entry-title { 3273 font-size: var(--font-size-base);3092 font-size: var(--font-size-base); 3274 3093 } 3275 3094 3276 3095 .related-posts .row article .entry-header .entry-title a { 3277 display: inline-block; 3278 } 3279 3096 display: inline-block; 3097 } 3280 3098 3281 3099 /*-------------------------------------------------------------- 3282 3100 # single 3283 3101 --------------------------------------------------------------*/ 3284 3285 3102 body.single .site-main > article header { 3286 margin-bottom: 10px;3103 margin-bottom: 10px; 3287 3104 } 3288 3105 3289 3106 body.single .site-main > article header .entry-title { 3290 margin-bottom: 10px;3107 margin-bottom: 10px; 3291 3108 } 3292 3109 3293 3110 body.single .site-main > article header .entry-meta { 3294 padding-bottom: 0; 3295 margin-bottom: 10px; 3296 } 3297 3111 padding-bottom: 0; 3112 margin-bottom: 10px; 3113 } 3298 3114 3299 3115 /*------------##gutenberg support----------*/ 3300 3301 3116 img.alignright { 3302 clear: left;3117 clear: left; 3303 3118 } 3304 3119 3305 3120 img.alignleft { 3306 clear: right;3121 clear: right; 3307 3122 } 3308 3123 … … 3313 3128 div.wp-block h2 a, 3314 3129 div.wp-block h1 a { 3315 font-family: inherit;3316 font-size: inherit;3317 line-height: inherit;3318 font-weight: inherit;3319 font-style: inherit;3130 font-family: inherit; 3131 font-size: inherit; 3132 line-height: inherit; 3133 font-weight: inherit; 3134 font-style: inherit; 3320 3135 } 3321 3136 3322 3137 div.wp-block b, 3323 3138 div.wp-block strong { 3324 font-weight: bold;3139 font-weight: bold; 3325 3140 } 3326 3141 3327 3142 div.wp-block .editor-rich-text__tinymce code, 3328 3143 div.wp-block .editor-rich-text__editable code { 3329 background-color: transparent;3330 color: inherit;3331 font-family: monospace;3332 font-size: inherit;3333 line-height: inherit;3334 font-weight: inherit;3335 font-style: inherit;3336 letter-spacing: 1px;3144 background-color: transparent; 3145 color: inherit; 3146 font-family: monospace; 3147 font-size: inherit; 3148 line-height: inherit; 3149 font-weight: inherit; 3150 font-style: inherit; 3151 letter-spacing: 1px; 3337 3152 } 3338 3153 3339 3154 .entry-content .aligncenter { 3340 text-align: center;3155 text-align: center; 3341 3156 } 3342 3157 3343 3158 .entry-content ol:not([class*="wp-"]), 3344 3159 .entry-content ul:not([class*="wp-"]) { 3345 padding-right: 0;3346 margin-right: 0;3347 margin-bottom: 0;3348 list-style-position: inside;3160 padding-right: 0; 3161 margin-right: 0; 3162 margin-bottom: 0; 3163 list-style-position: inside; 3349 3164 } 3350 3165 3351 3166 .entry-content ol:not([class*="wp-"]) li, 3352 3167 .entry-content ul:not([class*="wp-"]) li { 3353 padding-bottom: 5px;3354 padding-top: 5px;3168 padding-bottom: 5px; 3169 padding-top: 5px; 3355 3170 } 3356 3171 … … 3359 3174 .entry-content ul:not([class*="wp-"]) ol, 3360 3175 .entry-content ul:not([class*="wp-"]) ul { 3361 margin-bottom: 0;3176 margin-bottom: 0; 3362 3177 } 3363 3178 … … 3366 3181 .entry-content ul:not([class*="wp-"]) ol li:last-child, 3367 3182 .entry-content ul:not([class*="wp-"]) ul li:last-child { 3368 padding-bottom: 0;3183 padding-bottom: 0; 3369 3184 } 3370 3185 3371 3186 .entry-content ol:not([class*="wp-"]) .alignwide, 3372 3187 .entry-content ul:not([class*="wp-"]) .alignwide { 3373 padding-right: 30px;3188 padding-right: 30px; 3374 3189 } 3375 3190 3376 3191 .entry-content ol:not([class*="wp-"]) .alignfull, 3377 3192 .entry-content ul:not([class*="wp-"]) .alignfull { 3378 margin-right: calc(50% - 50vw - 10px);3379 padding-right: 40px;3193 margin-right: calc(50% - 50vw - 10px); 3194 padding-right: 40px; 3380 3195 } 3381 3196 3382 3197 .entry-content ol:not([class*="wp-"]) { 3383 list-style-type: decimal;3198 list-style-type: decimal; 3384 3199 } 3385 3200 3386 3201 .entry-content p.has-drop-cap:not(:focus):first-letter { 3387 font-weight: normal;3202 font-weight: normal; 3388 3203 } 3389 3204 3390 3205 .entry-content .wp-block-image figcaption { 3391 text-align: center;3206 text-align: center; 3392 3207 } 3393 3208 3394 3209 .entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 3395 margin-top: 1em;3396 margin-bottom: 1em;3210 margin-top: 1em; 3211 margin-bottom: 1em; 3397 3212 } 3398 3213 3399 3214 .entry-content .wp-block-file { 3400 margin: 0 0 20px;3215 margin: 0 0 20px; 3401 3216 } 3402 3217 3403 3218 .entry-content .wp-block-file > a:not([class]), 3404 3219 .entry-content .wp-block-file .wp-block-file__textlink { 3405 display: inline-block;3406 margin: 0 0 0 20px;3220 display: inline-block; 3221 margin: 0 0 0 20px; 3407 3222 } 3408 3223 3409 3224 .entry-content .wp-block-file .wp-block-file__button-richtext-wrapper { 3410 display: inline-block;3411 margin: 0;3225 display: inline-block; 3226 margin: 0; 3412 3227 } 3413 3228 3414 3229 .entry-content .wp-block-file .wp-block-file__button, 3415 3230 .entry-content .wp-block-file a.wp-block-file__button { 3416 display: inline-block;3417 position: relative;3418 text-align: center;3419 border: none;3231 display: inline-block; 3232 position: relative; 3233 text-align: center; 3234 border: none; 3420 3235 } 3421 3236 3422 3237 .entry-content [dir=rtl] .wp-block-file > a:not([class]), 3423 3238 .entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink { 3424 margin-right: 20px;3425 margin-left: 0;3239 margin-right: 20px; 3240 margin-left: 0; 3426 3241 } 3427 3242 3428 3243 .entry-content .wp-block-audio { 3429 margin-bottom: 20px;3244 margin-bottom: 20px; 3430 3245 } 3431 3246 3432 3247 .entry-content .wp-block-audio figcaption { 3433 margin: 0;3434 padding: 10px 0;3248 margin: 0; 3249 padding: 10px 0; 3435 3250 } 3436 3251 3437 3252 .entry-content .wp-block-video { 3438 margin: 0 0 20px;3439 text-align: center;3253 margin: 0 0 20px; 3254 text-align: center; 3440 3255 } 3441 3256 3442 3257 .entry-content .wp-block-video video { 3443 display: inline-block;3258 display: inline-block; 3444 3259 } 3445 3260 3446 3261 .entry-content .wp-block-video figcaption { 3447 margin: 0;3448 padding: 6px 0 15px;3449 text-align: center;3262 margin: 0; 3263 padding: 6px 0 15px; 3264 text-align: center; 3450 3265 } 3451 3266 3452 3267 .entry-content .wp-block-code { 3453 background-color: #f3f3f3;3454 color: inherit;3455 font-family: monospace;3456 font-size: inherit;3457 line-height: inherit;3458 font-weight: inherit;3459 font-style: inherit;3460 letter-spacing: 1px;3461 margin: 0 0 20px;3462 border: none;3268 background-color: #f3f3f3; 3269 color: inherit; 3270 font-family: monospace; 3271 font-size: inherit; 3272 line-height: inherit; 3273 font-weight: inherit; 3274 font-style: inherit; 3275 letter-spacing: 1px; 3276 margin: 0 0 20px; 3277 border: none; 3463 3278 } 3464 3279 3465 3280 .entry-content .wp-block-code code, 3466 3281 .entry-content .wp-block-code .editor-plain-text { 3467 background-color: #202020;3468 padding: 10px;3469 color: inherit;3470 color: #fff;3471 font-family: inherit;3472 font-size: inherit;3473 line-height: inherit;3474 font-weight: inherit;3475 font-style: inherit;3476 letter-spacing: inherit;3477 display: block;3282 background-color: #202020; 3283 padding: 10px; 3284 color: inherit; 3285 color: #fff; 3286 font-family: inherit; 3287 font-size: inherit; 3288 line-height: inherit; 3289 font-weight: inherit; 3290 font-style: inherit; 3291 letter-spacing: inherit; 3292 display: block; 3478 3293 } 3479 3294 3480 3295 .entry-content .wp-block-preformatted { 3481 margin: 0 0 20px;3296 margin: 0 0 20px; 3482 3297 } 3483 3298 3484 3299 .entry-content .wp-block-preformatted pre { 3485 color: inherit;3486 font-family: monospace;3487 font-size: inherit;3488 line-height: inherit;3489 font-weight: inherit;3490 font-style: inherit;3491 letter-spacing: 1px;3300 color: inherit; 3301 font-family: monospace; 3302 font-size: inherit; 3303 line-height: inherit; 3304 font-weight: inherit; 3305 font-style: inherit; 3306 letter-spacing: 1px; 3492 3307 } 3493 3308 3494 3309 .entry-content .wp-block-preformatted a { 3495 text-decoration: underline;3310 text-decoration: underline; 3496 3311 } 3497 3312 3498 3313 .entry-content .wp-block-pullquote { 3499 margin: 30px 0;3500 padding: 30px 0;3314 margin: 30px 0; 3315 padding: 30px 0; 3501 3316 } 3502 3317 3503 3318 .entry-content .wp-block-pullquote p { 3504 font-size: 28px;3505 line-height: 1.6;3319 font-size: 28px; 3320 line-height: 1.6; 3506 3321 } 3507 3322 3508 3323 .entry-content .wp-block-pullquote.alignleft { 3509 margin-left: 2em;3324 margin-left: 2em; 3510 3325 } 3511 3326 3512 3327 .entry-content .wp-block-pullquote.alignright { 3513 margin-right: 2em;3328 margin-right: 2em; 3514 3329 } 3515 3330 3516 3331 .entry-content .wp-block-pullquote:not(.is-style-solid-color) { 3517 border-top-width: 4px;3518 border-top-style: solid;3519 border-bottom-width: 4px;3520 border-bottom-style: solid;3332 border-top-width: 4px; 3333 border-top-style: solid; 3334 border-bottom-width: 4px; 3335 border-bottom-style: solid; 3521 3336 } 3522 3337 3523 3338 .entry-content .wp-block-pullquote.is-style-solid-color { 3524 padding-right: 50px;3525 padding-left: 50px;3339 padding-right: 50px; 3340 padding-left: 50px; 3526 3341 } 3527 3342 3528 3343 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 3529 max-width: 100%;3344 max-width: 100%; 3530 3345 } 3531 3346 … … 3534 3349 .entry-content .wp-block-pullquote.alignright blockquote, 3535 3350 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 3536 margin: 0;3537 padding: 16px;3538 border-width: 0;3539 border-style: solid;3540 text-align: center;3351 margin: 0; 3352 padding: 16px; 3353 border-width: 0; 3354 border-style: solid; 3355 text-align: center; 3541 3356 } 3542 3357 … … 3545 3360 .entry-content .wp-block-pullquote.alignright blockquote::before, 3546 3361 .entry-content .wp-block-pullquote.is-style-solid-color blockquote::before { 3547 content: none;3362 content: none; 3548 3363 } 3549 3364 … … 3552 3367 .entry-content .wp-block-pullquote.alignright blockquote p:last-of-type, 3553 3368 .entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type { 3554 margin: 0;3369 margin: 0; 3555 3370 } 3556 3371 … … 3571 3386 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 3572 3387 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type { 3573 margin: 0;3388 margin: 0; 3574 3389 } 3575 3390 … … 3578 3393 .entry-content .wp-block-pullquote.alignright blockquote cite, 3579 3394 .entry-content .wp-block-pullquote.is-style-solid-color blockquote cite { 3580 display: block;3581 margin-top: 15px;3395 display: block; 3396 margin-top: 15px; 3582 3397 } 3583 3398 3584 3399 .entry-content .wp-block-table { 3585 border-spacing: 0;3586 border-collapse: collapse;3587 width: 100%;3588 margin-bottom: 20px;3400 border-spacing: 0; 3401 border-collapse: collapse; 3402 width: 100%; 3403 margin-bottom: 20px; 3589 3404 } 3590 3405 3591 3406 .entry-content .wp-block-table caption { 3592 text-align: center;3593 padding: 20px;3594 } 3595 3596 .entry-content .wp-block-table :not([class]):not([id]) {3597 border-spacing: 0;3598 border-collapse: collapse;3599 } 3600 3601 .entry-content .wp-block-table :not([class]):not([id]) th,3602 .entry-content .wp-block-table :not([class]):not([id]) td {3603 padding: 10px 20px;3604 border-width: 1px;3605 border-style: solid;3407 text-align: center; 3408 padding: 20px; 3409 } 3410 3411 .entry-content .wp-block-table :not([class]):not([id]) { 3412 border-spacing: 0; 3413 border-collapse: collapse; 3414 } 3415 3416 .entry-content .wp-block-table :not([class]):not([id]) th, 3417 .entry-content .wp-block-table :not([class]):not([id]) td { 3418 padding: 10px 20px; 3419 border-width: 1px; 3420 border-style: solid; 3606 3421 } 3607 3422 3608 3423 .entry-content .wp-block-table td, 3609 3424 .entry-content .wp-block-table th { 3610 padding: 10px 20px;3611 border-top-width: 1px;3612 border-top-style: solid;3613 border-right-width: 1px;3614 border-right-style: solid;3615 word-break: break-all;3425 padding: 10px 20px; 3426 border-top-width: 1px; 3427 border-top-style: solid; 3428 border-right-width: 1px; 3429 border-right-style: solid; 3430 word-break: break-all; 3616 3431 } 3617 3432 3618 3433 .entry-content .wp-block-table td:last-child, 3619 3434 .entry-content .wp-block-table th:last-child { 3620 border-left-width: 1px;3621 border-left-style: solid;3435 border-left-width: 1px; 3436 border-left-style: solid; 3622 3437 } 3623 3438 3624 3439 .entry-content .wp-block-table td:last-child td, 3625 3440 .entry-content .wp-block-table th:last-child td { 3626 border-bottom-width: 1px;3627 border-bottom-style: solid;3441 border-bottom-width: 1px; 3442 border-bottom-style: solid; 3628 3443 } 3629 3444 3630 3445 .entry-content .wp-block-table.is-style-stripes { 3631 border-width: 0;3632 border-style: solid;3446 border-width: 0; 3447 border-style: solid; 3633 3448 } 3634 3449 3635 3450 .entry-content .wp-block-table .wp-block-table__cell-content { 3636 color: inherit;3637 font-family: inherit;3638 font-size: inherit;3639 line-height: inherit;3640 font-weight: inherit;3641 font-style: inherit;3642 padding: 0;3451 color: inherit; 3452 font-family: inherit; 3453 font-size: inherit; 3454 line-height: inherit; 3455 font-weight: inherit; 3456 font-style: inherit; 3457 padding: 0; 3643 3458 } 3644 3459 3645 3460 .entry-content pre.wp-block-verse { 3646 white-space: inherit;3647 margin: 0 0 20px;3648 padding: 40px 0;3649 padding-right: 30px;3650 position: relative;3651 background-color: #e2e2e2;3652 color: inherit;3653 font-family: monospace;3654 font-size: inherit;3655 line-height: inherit;3656 border: none;3461 white-space: inherit; 3462 margin: 0 0 20px; 3463 padding: 40px 0; 3464 padding-right: 30px; 3465 position: relative; 3466 background-color: #e2e2e2; 3467 color: inherit; 3468 font-family: monospace; 3469 font-size: inherit; 3470 line-height: inherit; 3471 border: none; 3657 3472 } 3658 3473 3659 3474 .entry-content pre.wp-block-verse { 3660 white-space: inherit;3661 margin: 0 0 20px;3662 padding: 40px 0;3663 padding-right: 30px;3664 position: relative;3665 background-color: #e2e2e2;3666 color: inherit;3667 font-family: monospace;3668 font-size: inherit;3669 line-height: inherit;3670 border: none;3475 white-space: inherit; 3476 margin: 0 0 20px; 3477 padding: 40px 0; 3478 padding-right: 30px; 3479 position: relative; 3480 background-color: #e2e2e2; 3481 color: inherit; 3482 font-family: monospace; 3483 font-size: inherit; 3484 line-height: inherit; 3485 border: none; 3671 3486 } 3672 3487 3673 3488 .entry-content .wp-block-spacer { 3674 clear: both;3489 clear: both; 3675 3490 } 3676 3491 … … 3678 3493 .entry-content ul.wp-block-categories, 3679 3494 .entry-content ul.wp-block-categories__list { 3680 margin-bottom: 20px;3681 padding: 0;3682 position: relative;3495 margin-bottom: 20px; 3496 padding: 0; 3497 position: relative; 3683 3498 } 3684 3499 … … 3686 3501 .entry-content div.wp-block ul.wp-block-categories ul, 3687 3502 .entry-content div.wp-block ul.wp-block-categories__list ul { 3688 margin-bottom: 0;3689 padding: 10px 0 0;3503 margin-bottom: 0; 3504 padding: 10px 0 0; 3690 3505 } 3691 3506 3692 3507 .entry-content div.wp-block-archives.wp-block-archives-dropdown, 3693 3508 .entry-content div.wp-block-categories.wp-block-categories-dropdown { 3694 margin-bottom: 20px;3509 margin-bottom: 20px; 3695 3510 } 3696 3511 3697 3512 .entry-content div.wp-block-archives.wp-block-archives-dropdown label, 3698 3513 .entry-content div.wp-block-categories.wp-block-categories-dropdown label { 3699 display: none;3514 display: none; 3700 3515 } 3701 3516 3702 3517 .entry-content .wp-block-latest-comments { 3703 list-style: none;3704 margin-bottom: 20px;3518 list-style: none; 3519 margin-bottom: 20px; 3705 3520 } 3706 3521 3707 3522 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment { 3708 min-height: auto;3709 margin: 25px 0 0;3710 padding: 0;3711 overflow: hidden;3523 min-height: auto; 3524 margin: 25px 0 0; 3525 padding: 0; 3526 overflow: hidden; 3712 3527 } 3713 3528 3714 3529 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { 3715 margin: 0;3530 margin: 0; 3716 3531 } 3717 3532 3718 3533 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { 3719 min-height: 48px;3534 min-height: 48px; 3720 3535 } 3721 3536 3722 3537 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 3723 width: 48px;3724 height: 48px;3725 margin: 0 0 0 17px;3726 float: right;3727 -webkit-border-radius: 50%;3728 border-radius: 50%;3538 width: 48px; 3539 height: 48px; 3540 margin: 0 0 0 17px; 3541 float: right; 3542 -webkit-border-radius: 50%; 3543 border-radius: 50%; 3729 3544 } 3730 3545 3731 3546 .entry-content .wp-block-latest-comments article { 3732 display: block;3733 padding: 0 3px 0 0;3734 overflow: hidden;3547 display: block; 3548 padding: 0 3px 0 0; 3549 overflow: hidden; 3735 3550 } 3736 3551 3737 3552 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta, 3738 3553 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { 3739 margin: 0;3554 margin: 0; 3740 3555 } 3741 3556 3742 3557 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date { 3743 margin: -3px 0 0;3558 margin: -3px 0 0; 3744 3559 } 3745 3560 3746 3561 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt, 3747 3562 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt { 3748 margin: 5px 0 0;3563 margin: 5px 0 0; 3749 3564 } 3750 3565 3751 3566 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p, 3752 3567 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { 3753 margin: 0;3754 padding: 0 0 20px;3568 margin: 0; 3569 padding: 0 0 20px; 3755 3570 } 3756 3571 3757 3572 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child, 3758 3573 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child { 3759 margin: 0;3760 padding: 0;3574 margin: 0; 3575 padding: 0; 3761 3576 } 3762 3577 3763 3578 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar { 3764 margin: 0 auto 10px;3765 float: none;3579 margin: 0 auto 10px; 3580 float: none; 3766 3581 } 3767 3582 3768 3583 .entry-content .wp-block-latest-comments.aligncenter article { 3769 padding: 0 3px;3584 padding: 0 3px; 3770 3585 } 3771 3586 3772 3587 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt { 3773 text-align: center;3588 text-align: center; 3774 3589 } 3775 3590 3776 3591 .entry-content .wp-block-columns .wp-block-column { 3777 margin-bottom: 20px;3592 margin-bottom: 20px; 3778 3593 } 3779 3594 3780 3595 .entry-content .wp-block-columns .wp-block-column > p { 3781 margin-bottom: 0;3596 margin-bottom: 0; 3782 3597 } 3783 3598 3784 3599 .entry-content .wp-block-columns .wp-block-column > p:not(.has-background) { 3785 padding-bottom: 0;3600 padding-bottom: 0; 3786 3601 } 3787 3602 3788 3603 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph { 3789 margin-bottom: 0;3604 margin-bottom: 0; 3790 3605 } 3791 3606 3792 3607 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) { 3793 padding-bottom: 0; 3794 } 3795 3608 padding-bottom: 0; 3609 } 3796 3610 3797 3611 /** === dir= rtl Block latest comments=== */ 3798 3799 3612 [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 3800 margin: 0 17px 0 0;3801 float: left;3613 margin: 0 17px 0 0; 3614 float: left; 3802 3615 } 3803 3616 3804 3617 [dir=rtl] .wp-block-latest-comments article { 3805 margin: 0 0 0 3px; 3806 } 3807 3618 margin: 0 0 0 3px; 3619 } 3808 3620 3809 3621 /** === dir= rtl Block latest comments=== */ 3810 3811 3812 3622 /** === Block youtube and vimeo video=== */ 3813 3814 3815 3623 /*no-align*/ 3816 3817 3624 .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe, 3818 3625 .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe { 3819 margin-right: auto !important; 3820 margin-left: auto !important; 3821 } 3822 3626 margin-right: auto !important; 3627 margin-left: auto !important; 3628 } 3823 3629 3824 3630 /*no-align*/ 3825 3826 3631 .wp-block-embed-youtube figcaption { 3827 text-align: center; 3828 } 3829 3632 text-align: center; 3633 } 3830 3634 3831 3635 /*alignfull*/ 3832 3833 3636 .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper, 3834 3637 .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper { 3835 position: relative;3836 padding-top: 56.25%;3638 position: relative; 3639 padding-top: 56.25%; 3837 3640 } 3838 3641 3839 3642 .wp-block-embed-vimeo.alignfull iframe, 3840 3643 .wp-block-embed-youtube.alignfull iframe { 3841 position: absolute; 3842 top: 0; 3843 left: 0; 3844 bottom: 0; 3845 right: 0; 3846 width: 100% !important; 3847 height: 100% !important; 3848 } 3849 3644 position: absolute; 3645 top: 0; 3646 left: 0; 3647 bottom: 0; 3648 right: 0; 3649 width: 100% !important; 3650 height: 100% !important; 3651 } 3850 3652 3851 3653 /*alignfull*/ 3852 3853 3854 3654 /*alignwide*/ 3855 3856 3655 .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper, 3857 3656 .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper { 3858 position: relative;3859 padding-top: 56.25%;3657 position: relative; 3658 padding-top: 56.25%; 3860 3659 } 3861 3660 3862 3661 .wp-block-embed-vimeo.alignwide iframe, 3863 3662 .wp-block-embed-youtube.alignwide iframe { 3864 position: absolute; 3865 top: 0; 3866 left: 0; 3867 bottom: 0; 3868 right: 0; 3869 width: 100% !important; 3870 height: 100% !important; 3871 } 3872 3663 position: absolute; 3664 top: 0; 3665 left: 0; 3666 bottom: 0; 3667 right: 0; 3668 width: 100% !important; 3669 height: 100% !important; 3670 } 3873 3671 3874 3672 /*alignwide*/ 3875 3876 3877 3673 /** === Block youtube and vimeo video=== */ 3878 3879 3674 @media only screen and (min-width: 1025px) { 3880 .wp-block-quote.is-large,3881 .wp-block-quote.is-style-large {3882 margin-top: 2.66667em;3883 margin-bottom: 2em;3884 padding: 0.66667em;3885 padding-top: 1.33333em;3886 padding-bottom: 1.33333em;3887 }3675 .wp-block-quote.is-large, 3676 .wp-block-quote.is-style-large { 3677 margin-top: 2.66667em; 3678 margin-bottom: 2em; 3679 padding: 0.66667em; 3680 padding-top: 1.33333em; 3681 padding-bottom: 1.33333em; 3682 } 3888 3683 } 3889 3684 3890 3685 @media only screen and (max-width: 480px) { 3891 .wp-block-media-text {3892 display: block;3893 }3894 .wp-block-media-text .wp-block-media-text__media {3895 margin: 10px auto;3896 }3897 .wp-block-media-text .wp-block-media-text__content {3898 padding: 0;3899 }3686 .wp-block-media-text { 3687 display: block; 3688 } 3689 .wp-block-media-text .wp-block-media-text__media { 3690 margin: 10px auto; 3691 } 3692 .wp-block-media-text .wp-block-media-text__content { 3693 padding: 0; 3694 } 3900 3695 } 3901 3696 … … 3903 3698 .alignfull, 3904 3699 .alignwide { 3905 margin-top: 30px;3906 margin-bottom: 30px;3700 margin-top: 30px; 3701 margin-bottom: 30px; 3907 3702 } 3908 3703 3909 3704 .alignfull .alignfull, 3910 3705 .alignwide .alignwide { 3911 padding-top: 10px;3912 padding-bottom: 10px;3706 padding-top: 10px; 3707 padding-bottom: 10px; 3913 3708 } 3914 3709 3915 3710 body.no-sidebar .alignfull { 3916 margin-right: calc(50% - 50vw - 10px);3917 margin-left: calc(50% - 50vw - 10px);3918 max-width: 100vw;3919 width: 100vw;3711 margin-right: calc(50% - 50vw - 10px); 3712 margin-left: calc(50% - 50vw - 10px); 3713 max-width: 100vw; 3714 width: 100vw; 3920 3715 } 3921 3716 3922 3717 body.no-sidebar .alignfull .alignwide { 3923 margin-inline: auto;3718 margin-inline: auto; 3924 3719 } 3925 3720 3926 3721 body.no-sidebar .alignwide { 3927 max-width: 100vw;3722 max-width: 100vw; 3928 3723 } 3929 3724 3930 3725 @media (min-width: 768px) and (max-width: 1170px) { 3931 body.no-sidebar .alignwide {3932 width: calc(100% + (100vw - 100%) / 2);3933 margin-right: calc((100% - 100vw) / 4);3934 }3726 body.no-sidebar .alignwide { 3727 width: calc(100% + (100vw - 100%) / 2); 3728 margin-right: calc((100% - 100vw) / 4); 3729 } 3935 3730 } 3936 3731 3937 3732 @media (min-width: 1171px) { 3938 body.no-sidebar .alignwide {3939 width: 1140px;3940 margin-right: -195px;3941 }3733 body.no-sidebar .alignwide { 3734 width: 1140px; 3735 margin-right: -195px; 3736 } 3942 3737 } 3943 3738 3944 3739 body.no-sidebar .alignwide .alignwide { 3945 margin-inline: auto;3740 margin-inline: auto; 3946 3741 } 3947 3742 … … 3952 3747 body.no-sidebar div.wp-block-categories-dropdown.alignfull, 3953 3748 body.no-sidebar div.wp-block-file.alignfull { 3954 padding: 0 25px; 3955 } 3956 3749 padding: 0 25px; 3750 } 3957 3751 3958 3752 /** === search Block === */ 3959 3960 3753 .wp-block-search .wp-block-search__label { 3961 display: none;3754 display: none; 3962 3755 } 3963 3756 3964 3757 .wp-block-search .wp-block-search__inside-wrapper { 3965 display: flex;3758 display: flex; 3966 3759 } 3967 3760 3968 3761 .wp-block-search .wp-block-search__input { 3969 border-radius: var(--border-radius-all-lefts);3762 border-radius: var(--border-radius-all-lefts); 3970 3763 } 3971 3764 3972 3765 .wp-block-search .wp-block-search__button { 3973 margin: 0; 3974 background-color: var(--primary-color); 3975 border-color: var(--primary-color); 3976 color: var(--white); 3977 border-radius: var(--border-radius-all-rights); 3978 } 3979 3766 margin: 0; 3767 background-color: var(--primary-color); 3768 border-color: var(--primary-color); 3769 color: var(--white); 3770 border-radius: var(--border-radius-all-rights); 3771 } 3980 3772 3981 3773 /** === search Block === */ 3982 3983 3984 3774 /** === Latest Post Block === */ 3985 3986 3775 .wp-block-latest-posts.wp-block-latest-posts__list { 3987 list-style: none;3988 padding-right: 0;3989 margin-inline: 0;3776 list-style: none; 3777 padding-right: 0; 3778 margin-inline: 0; 3990 3779 } 3991 3780 3992 3781 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image { 3993 width: 50%;3782 width: 50%; 3994 3783 } 3995 3784 3996 3785 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a { 3997 line-height: 0;3786 line-height: 0; 3998 3787 } 3999 3788 4000 3789 .wp-block-latest-posts.wp-block-latest-posts__list li > a { 4001 text-decoration: none;4002 color: var(--color-text-main);3790 text-decoration: none; 3791 color: var(--color-text-main); 4003 3792 } 4004 3793 4005 3794 .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover { 4006 color: var(--primary-color);3795 color: var(--primary-color); 4007 3796 } 4008 3797 4009 3798 .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image { 4010 width: 100%;4011 margin-inline: 0;4012 margin-block-end: 1.5em;3799 width: 100%; 3800 margin-inline: 0; 3801 margin-block-end: 1.5em; 4013 3802 } 4014 3803 4015 3804 .wp-block-latest-posts__post-date, 4016 3805 .wp-block-latest-posts__post-author { 4017 color: var(--color-text-main); 4018 } 4019 3806 color: var(--color-text-main); 3807 } 4020 3808 4021 3809 /** === Latest Post Block === */ 4022 4023 4024 3810 /*------------##gutenberg support----------*/ 4025 4026 3811 .no-sidebar .entry-content { 4027 max-width: 750px;3812 max-width: 750px; 4028 3813 } 4029 3814 4030 3815 .asterthemes-author-box { 4031 border: 1px solid rgba(155, 155, 155, 0.1);4032 padding: 15px;4033 margin: 15px 0;4034 display: flex;4035 align-items: center;4036 gap: 30px;3816 border: 1px solid rgba(155, 155, 155, 0.1); 3817 padding: 15px; 3818 margin: 15px 0; 3819 display: flex; 3820 align-items: center; 3821 gap: 30px; 4037 3822 } 4038 3823 4039 3824 @media (max-width: 600px) { 4040 .asterthemes-author-box {4041 align-items: flex-start;4042 flex-direction: column;4043 gap: 10px;4044 }3825 .asterthemes-author-box { 3826 align-items: flex-start; 3827 flex-direction: column; 3828 gap: 10px; 3829 } 4045 3830 } 4046 3831 4047 3832 .asterthemes-author-box .author-img { 4048 min-width: 120px;4049 align-self: flex-start;3833 min-width: 120px; 3834 align-self: flex-start; 4050 3835 } 4051 3836 4052 3837 .asterthemes-author-box .author-img img { 4053 width: 120px;4054 height: 120px;4055 object-fit: cover;3838 width: 120px; 3839 height: 120px; 3840 object-fit: cover; 4056 3841 } 4057 3842 4058 3843 .asterthemes-author-box .author-details .author-name { 4059 margin: 0 0 10px;4060 font-size: var(--font-size-base);4061 font-weight: 700;4062 line-height: 1.3;3844 margin: 0 0 10px; 3845 font-size: var(--font-size-base); 3846 font-weight: 700; 3847 line-height: 1.3; 4063 3848 } 4064 3849 4065 3850 .asterthemes-author-box .author-details .author-description { 4066 margin: 0;3851 margin: 0; 4067 3852 } 4068 3853 4069 3854 .asterthemes-author-box .author-details .author-social-contacts { 4070 display: inline-flex;4071 gap: 10px;4072 margin-top: 15px;3855 display: inline-flex; 3856 gap: 10px; 3857 margin-top: 15px; 4073 3858 } 4074 3859 4075 3860 .asterthemes-author-box .author-details .author-social-contacts a { 4076 width: 30px;4077 height: 30px;3861 width: 30px; 3862 height: 30px; 4078 3863 } 4079 3864 4080 3865 .asterthemes-author-box .author-details .author-social-contacts a::before { 4081 z-index: 1;4082 position: relative;3866 z-index: 1; 3867 position: relative; 4083 3868 } 4084 3869 4085 3870 .asterthemes-author-box .author-details .author-social-contacts a::after { 4086 position: absolute; 4087 content: ''; 4088 right: 0; 4089 top: 0; 4090 height: 100%; 4091 width: 100%; 4092 background-color: rgba(155, 155, 155, 0.1); 4093 opacity: 0.5; 4094 } 4095 3871 position: absolute; 3872 content: ''; 3873 right: 0; 3874 top: 0; 3875 height: 100%; 3876 width: 100%; 3877 background-color: rgba(155, 155, 155, 0.1); 3878 opacity: 0.5; 3879 } 4096 3880 4097 3881 /*-------------------------------------------------------------- 4098 3882 # single 4099 3883 --------------------------------------------------------------*/ 4100 4101 3884 .page-links { 4102 clear: both;4103 margin: 0 0 1.5em;3885 clear: both; 3886 margin: 0 0 1.5em; 4104 3887 } 4105 3888 4106 3889 .site-main article .entry-header .entry-title { 4107 font-size: var(--font-size-lg);4108 font-family: var(--font-heading);4109 margin-top: 0;4110 margin-bottom: 1.3rem;3890 font-size: var(--font-size-lg); 3891 font-family: var(--font-heading); 3892 margin-top: 0; 3893 margin-bottom: 1.3rem; 4111 3894 } 4112 3895 4113 3896 @media (min-width: 992px) { 4114 .site-main article .entry-header .entry-title {4115 margin-bottom: 1.1rem;4116 }3897 .site-main article .entry-header .entry-title { 3898 margin-bottom: 1.1rem; 3899 } 4117 3900 } 4118 3901 4119 3902 .site-main article .entry-header .entry-title a { 4120 text-decoration: none;4121 color: var(--color-text-main);3903 text-decoration: none; 3904 color: var(--color-text-main); 4122 3905 } 4123 3906 4124 3907 .site-main article .entry-meta { 4125 padding-bottom: 10px;3908 padding-bottom: 10px; 4126 3909 } 4127 3910 4128 3911 .site-main article .entry-meta span { 4129 font-size: 16px;4130 font-weight: normal;3912 font-size: 16px; 3913 font-weight: normal; 4131 3914 } 4132 3915 4133 3916 .site-main article .entry-meta span a, 4134 3917 .site-main article .entry-meta span span { 4135 font-weight: normal;3918 font-weight: normal; 4136 3919 } 4137 3920 4138 3921 .site-main article .entry-meta span a { 4139 text-decoration: none;4140 color: var(--color-text-main);3922 text-decoration: none; 3923 color: var(--color-text-main); 4141 3924 } 4142 3925 4143 3926 .site-main article .entry-meta span a:hover { 4144 color: var(--primary-color);3927 color: var(--primary-color); 4145 3928 } 4146 3929 4147 3930 .site-main article .entry-meta span a i { 4148 margin-inline-end: 5px;3931 margin-inline-end: 5px; 4149 3932 } 4150 3933 4151 3934 .site-main article .entry-meta span.comments-link a { 4152 font-weight: bold;3935 font-weight: bold; 4153 3936 } 4154 3937 4155 3938 .site-main article .post-thumbnail { 4156 display: block;4157 line-height: 0;3939 display: block; 3940 line-height: 0; 4158 3941 } 4159 3942 4160 3943 .site-main article .post-thumbnail img { 4161 width: 100%;4162 transition: all 0.3s linear;3944 width: 100%; 3945 transition: all 0.3s linear; 4163 3946 } 4164 3947 4165 3948 @media (min-width: 992px) { 4166 .site-main article .entry-meta {4167 padding: 10px 0 20px;4168 padding-top: 0;4169 }3949 .site-main article .entry-meta { 3950 padding: 10px 0 20px; 3951 padding-top: 0; 3952 } 4170 3953 } 4171 3954 4172 3955 .site-main article .entry-content { 4173 margin-top: 0;3956 margin-top: 0; 4174 3957 } 4175 3958 4176 3959 .site-main article .entry-content p { 4177 margin-bottom: 10px;3960 margin-bottom: 10px; 4178 3961 } 4179 3962 4180 3963 .site-main article .entry-footer { 4181 display: flex;4182 flex-direction: column;4183 margin-top: 10px;3964 display: flex; 3965 flex-direction: column; 3966 margin-top: 10px; 4184 3967 } 4185 3968 4186 3969 .site-main article .entry-footer span { 4187 margin-bottom: 6px;4188 font-size: 16px;4189 font-weight: bold;3970 margin-bottom: 6px; 3971 font-size: 16px; 3972 font-weight: bold; 4190 3973 } 4191 3974 4192 3975 .site-main article .entry-footer span a, 4193 3976 .site-main article .entry-footer span span { 4194 font-weight: normal;3977 font-weight: normal; 4195 3978 } 4196 3979 4197 3980 .site-main article .entry-footer span a { 4198 text-decoration: none; 4199 color: #202020; 4200 } 4201 4202 .entry-footer .tags-links a { 4203 margin: 10px; 4204 padding: 5px; 4205 border: 1px solid #000; 4206 display: inline-block; 4207 } 4208 3981 text-decoration: none; 3982 color: #202020; 3983 } 3984 .entry-footer .tags-links a{ 3985 margin: 10px; 3986 padding: 5px; 3987 border: 1px solid #000; 3988 display: inline-block; 3989 } 4209 3990 span.tags-links { 4210 margin: 30px 0 !important;3991 margin: 30px 0 !important; 4211 3992 } 4212 3993 4213 3994 .site-main article .entry-footer span a:hover { 4214 color: var(--primary-color);3995 color: var(--primary-color); 4215 3996 } 4216 3997 4217 3998 .site-main article .entry-footer span.comments-link a { 4218 font-weight: bold;3999 font-weight: bold; 4219 4000 } 4220 4001 4221 4002 .related-posts h2 { 4222 font-size: var(--font-size-lg);4223 font-family: var(--font-main);4224 line-height: 1.2;4225 color: #000;4003 font-size: var(--font-size-lg); 4004 font-family: var(--font-main); 4005 line-height: 1.2; 4006 color: #000; 4226 4007 } 4227 4008 4228 4009 .related-posts .row { 4229 display: grid;4230 grid-gap: 30px;4231 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 4232 /* Adjust minmax values as needed */ 4233 } 4010 display: grid; 4011 grid-gap: 30px; 4012 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */ 4013 } 4014 4234 4015 4235 4016 @media (max-width: 480px) { 4236 .related-posts .row {4237 grid-template-columns: 1fr;4238 }4017 .related-posts .row { 4018 grid-template-columns: 1fr; 4019 } 4239 4020 } 4240 4021 4241 4022 .related-posts .row article .post-thumbnail { 4242 line-height: 0;4243 overflow: hidden;4023 line-height: 0; 4024 overflow: hidden; 4244 4025 } 4245 4026 4246 4027 .related-posts .row article .post-thumbnail img { 4247 width: 100%;4028 width: 100%; 4248 4029 } 4249 4030 4250 4031 .related-posts .row article .entry-header { 4251 margin-top: 10px;4032 margin-top: 10px; 4252 4033 } 4253 4034 4254 4035 .related-posts .row article .entry-header .entry-title { 4255 font-size: var(--font-size-base);4256 line-height: 1.3;4257 margin: 0 0 10px;4036 font-size: var(--font-size-base); 4037 line-height: 1.3; 4038 margin: 0 0 10px; 4258 4039 } 4259 4040 4260 4041 .related-posts .row article .entry-header .entry-title a { 4261 display: inline-block; 4262 } 4263 4042 display: inline-block; 4043 } 4264 4044 4265 4045 /*-------------------------------------------------------------- 4266 4046 # single 4267 4047 --------------------------------------------------------------*/ 4268 4269 4048 body.single .site-main > article header { 4270 margin-bottom: 10px;4049 margin-bottom: 10px; 4271 4050 } 4272 4051 4273 4052 body.single .site-main > article header .entry-title { 4274 margin-bottom: 10px;4053 margin-bottom: 10px; 4275 4054 } 4276 4055 4277 4056 body.single .site-main > article header .entry-meta { 4278 padding-bottom: 0; 4279 margin-bottom: 10px; 4280 } 4281 4057 padding-bottom: 0; 4058 margin-bottom: 10px; 4059 } 4282 4060 4283 4061 /*------------##gutenberg support----------*/ 4284 4285 4062 img.alignright { 4286 clear: left;4287 float: unset;4063 clear: left; 4064 float: unset; 4288 4065 } 4289 4066 4290 4067 img.alignleft { 4291 clear: right;4068 clear: right; 4292 4069 } 4293 4070 … … 4298 4075 div.wp-block h2 a, 4299 4076 div.wp-block h1 a { 4300 font-family: inherit;4301 font-size: inherit;4302 line-height: inherit;4303 font-weight: inherit;4304 font-style: inherit;4077 font-family: inherit; 4078 font-size: inherit; 4079 line-height: inherit; 4080 font-weight: inherit; 4081 font-style: inherit; 4305 4082 } 4306 4083 4307 4084 div.wp-block b, 4308 4085 div.wp-block strong { 4309 font-weight: bold;4086 font-weight: bold; 4310 4087 } 4311 4088 4312 4089 div.wp-block .editor-rich-text__tinymce code, 4313 4090 div.wp-block .editor-rich-text__editable code { 4314 background-color: transparent;4315 color: inherit;4316 font-family: monospace;4317 font-size: inherit;4318 line-height: inherit;4319 font-weight: inherit;4320 font-style: inherit;4321 letter-spacing: 1px;4091 background-color: transparent; 4092 color: inherit; 4093 font-family: monospace; 4094 font-size: inherit; 4095 line-height: inherit; 4096 font-weight: inherit; 4097 font-style: inherit; 4098 letter-spacing: 1px; 4322 4099 } 4323 4100 4324 4101 .entry-content .aligncenter { 4325 text-align: center;4102 text-align: center; 4326 4103 } 4327 4104 4328 4105 .entry-content ol:not([class*="wp-"]) li, 4329 4106 .entry-content ul:not([class*="wp-"]) li { 4330 padding-bottom: 5px;4331 padding-top: 5px;4107 padding-bottom: 5px; 4108 padding-top: 5px; 4332 4109 } 4333 4110 … … 4336 4113 .entry-content ul:not([class*="wp-"]) ol, 4337 4114 .entry-content ul:not([class*="wp-"]) ul { 4338 margin-bottom: 0;4115 margin-bottom: 0; 4339 4116 } 4340 4117 … … 4343 4120 .entry-content ul:not([class*="wp-"]) ol li:last-child, 4344 4121 .entry-content ul:not([class*="wp-"]) ul li:last-child { 4345 padding-bottom: 0;4122 padding-bottom: 0; 4346 4123 } 4347 4124 4348 4125 .entry-content ol:not([class*="wp-"]) .alignwide, 4349 4126 .entry-content ul:not([class*="wp-"]) .alignwide { 4350 padding-right: 30px;4127 padding-right: 30px; 4351 4128 } 4352 4129 4353 4130 .entry-content ol:not([class*="wp-"]) .alignfull, 4354 4131 .entry-content ul:not([class*="wp-"]) .alignfull { 4355 margin-right: calc(50% - 50vw - 10px);4356 padding-right: 40px;4132 margin-right: calc(50% - 50vw - 10px); 4133 padding-right: 40px; 4357 4134 } 4358 4135 4359 4136 .entry-content ol:not([class*="wp-"]) { 4360 list-style-type: decimal;4137 list-style-type: decimal; 4361 4138 } 4362 4139 4363 4140 .entry-content p.has-drop-cap:not(:focus):first-letter { 4364 font-weight: normal;4141 font-weight: normal; 4365 4142 } 4366 4143 4367 4144 .entry-content .wp-block-image figcaption { 4368 text-align: center;4145 text-align: center; 4369 4146 } 4370 4147 4371 4148 .entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 4372 margin-top: 1em;4373 margin-bottom: 1em;4149 margin-top: 1em; 4150 margin-bottom: 1em; 4374 4151 } 4375 4152 4376 4153 .entry-content .wp-block-file { 4377 margin: 0 0 20px;4154 margin: 0 0 20px; 4378 4155 } 4379 4156 4380 4157 .entry-content .wp-block-file > a:not([class]), 4381 4158 .entry-content .wp-block-file .wp-block-file__textlink { 4382 display: inline-block;4383 margin: 0 0 0 20px;4159 display: inline-block; 4160 margin: 0 0 0 20px; 4384 4161 } 4385 4162 4386 4163 .entry-content .wp-block-file .wp-block-file__button-richtext-wrapper { 4387 display: inline-block;4388 margin: 0;4164 display: inline-block; 4165 margin: 0; 4389 4166 } 4390 4167 4391 4168 .entry-content .wp-block-file .wp-block-file__button, 4392 4169 .entry-content .wp-block-file a.wp-block-file__button { 4393 display: inline-block;4394 position: relative;4395 text-align: center;4396 border: none;4170 display: inline-block; 4171 position: relative; 4172 text-align: center; 4173 border: none; 4397 4174 } 4398 4175 4399 4176 .entry-content [dir=rtl] .wp-block-file > a:not([class]), 4400 4177 .entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink { 4401 margin-right: 20px;4402 margin-left: 0;4178 margin-right: 20px; 4179 margin-left: 0; 4403 4180 } 4404 4181 4405 4182 .entry-content .wp-block-audio { 4406 margin-bottom: 20px;4183 margin-bottom: 20px; 4407 4184 } 4408 4185 4409 4186 .entry-content .wp-block-audio figcaption { 4410 margin: 0;4411 padding: 10px 0;4187 margin: 0; 4188 padding: 10px 0; 4412 4189 } 4413 4190 4414 4191 .entry-content .wp-block-video { 4415 margin: 0 0 20px;4416 text-align: center;4192 margin: 0 0 20px; 4193 text-align: center; 4417 4194 } 4418 4195 4419 4196 .entry-content .wp-block-video video { 4420 display: inline-block;4197 display: inline-block; 4421 4198 } 4422 4199 4423 4200 .entry-content .wp-block-video figcaption { 4424 margin: 0;4425 padding: 6px 0 15px;4426 text-align: center;4201 margin: 0; 4202 padding: 6px 0 15px; 4203 text-align: center; 4427 4204 } 4428 4205 4429 4206 .entry-content .wp-block-code { 4430 background-color: #f3f3f3;4431 color: inherit;4432 font-family: monospace;4433 font-size: inherit;4434 line-height: inherit;4435 font-weight: inherit;4436 font-style: inherit;4437 letter-spacing: 1px;4438 margin: 0 0 20px;4439 border: none;4207 background-color: #f3f3f3; 4208 color: inherit; 4209 font-family: monospace; 4210 font-size: inherit; 4211 line-height: inherit; 4212 font-weight: inherit; 4213 font-style: inherit; 4214 letter-spacing: 1px; 4215 margin: 0 0 20px; 4216 border: none; 4440 4217 } 4441 4218 4442 4219 .entry-content .wp-block-code code, 4443 4220 .entry-content .wp-block-code .editor-plain-text { 4444 background-color: #202020;4445 padding: 10px;4446 color: inherit;4447 color: #fff;4448 font-family: inherit;4449 font-size: inherit;4450 line-height: inherit;4451 font-weight: inherit;4452 font-style: inherit;4453 letter-spacing: inherit;4454 display: block;4221 background-color: #202020; 4222 padding: 10px; 4223 color: inherit; 4224 color: #fff; 4225 font-family: inherit; 4226 font-size: inherit; 4227 line-height: inherit; 4228 font-weight: inherit; 4229 font-style: inherit; 4230 letter-spacing: inherit; 4231 display: block; 4455 4232 } 4456 4233 4457 4234 .entry-content .wp-block-preformatted { 4458 margin: 0 0 20px;4235 margin: 0 0 20px; 4459 4236 } 4460 4237 4461 4238 .entry-content .wp-block-preformatted pre { 4462 color: inherit;4463 font-family: monospace;4464 font-size: inherit;4465 line-height: inherit;4466 font-weight: inherit;4467 font-style: inherit;4468 letter-spacing: 1px;4239 color: inherit; 4240 font-family: monospace; 4241 font-size: inherit; 4242 line-height: inherit; 4243 font-weight: inherit; 4244 font-style: inherit; 4245 letter-spacing: 1px; 4469 4246 } 4470 4247 4471 4248 .entry-content .wp-block-preformatted a { 4472 text-decoration: underline;4249 text-decoration: underline; 4473 4250 } 4474 4251 4475 4252 .entry-content .wp-block-pullquote { 4476 margin: 30px 0;4477 padding: 30px 0;4253 margin: 30px 0; 4254 padding: 30px 0; 4478 4255 } 4479 4256 4480 4257 .entry-content .wp-block-pullquote p { 4481 font-size: 28px;4482 line-height: 1.6;4258 font-size: 28px; 4259 line-height: 1.6; 4483 4260 } 4484 4261 4485 4262 .entry-content .wp-block-pullquote.alignleft { 4486 margin-left: 2em;4263 margin-left: 2em; 4487 4264 } 4488 4265 4489 4266 .entry-content .wp-block-pullquote.alignright { 4490 margin-right: 2em;4267 margin-right: 2em; 4491 4268 } 4492 4269 4493 4270 .entry-content .wp-block-pullquote:not(.is-style-solid-color) { 4494 border-top-width: 4px;4495 border-top-style: solid;4496 border-bottom-width: 4px;4497 border-bottom-style: solid;4271 border-top-width: 4px; 4272 border-top-style: solid; 4273 border-bottom-width: 4px; 4274 border-bottom-style: solid; 4498 4275 } 4499 4276 4500 4277 .entry-content .wp-block-pullquote.is-style-solid-color { 4501 padding-right: 50px;4502 padding-left: 50px;4278 padding-right: 50px; 4279 padding-left: 50px; 4503 4280 } 4504 4281 4505 4282 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 4506 max-width: 100%;4283 max-width: 100%; 4507 4284 } 4508 4285 … … 4511 4288 .entry-content .wp-block-pullquote.alignright blockquote, 4512 4289 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 4513 margin: 0;4514 padding: 16px;4515 border-width: 0;4516 border-style: solid;4517 text-align: center;4290 margin: 0; 4291 padding: 16px; 4292 border-width: 0; 4293 border-style: solid; 4294 text-align: center; 4518 4295 } 4519 4296 … … 4522 4299 .entry-content .wp-block-pullquote.alignright blockquote::before, 4523 4300 .entry-content .wp-block-pullquote.is-style-solid-color blockquote::before { 4524 content: none;4301 content: none; 4525 4302 } 4526 4303 … … 4529 4306 .entry-content .wp-block-pullquote.alignright blockquote p:last-of-type, 4530 4307 .entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type { 4531 margin: 0;4308 margin: 0; 4532 4309 } 4533 4310 … … 4548 4325 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 4549 4326 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type { 4550 margin: 0;4327 margin: 0; 4551 4328 } 4552 4329 … … 4555 4332 .entry-content .wp-block-pullquote.alignright blockquote cite, 4556 4333 .entry-content .wp-block-pullquote.is-style-solid-color blockquote cite { 4557 display: block;4558 margin-top: 15px;4334 display: block; 4335 margin-top: 15px; 4559 4336 } 4560 4337 4561 4338 .entry-content .wp-block-table { 4562 border-spacing: 0;4563 border-collapse: collapse;4564 width: 100%;4565 margin-bottom: 20px;4339 border-spacing: 0; 4340 border-collapse: collapse; 4341 width: 100%; 4342 margin-bottom: 20px; 4566 4343 } 4567 4344 4568 4345 .entry-content .wp-block-table caption { 4569 text-align: center;4570 padding: 20px;4571 } 4572 4573 .entry-content .wp-block-table :not([class]):not([id]) {4574 border-spacing: 0;4575 border-collapse: collapse;4576 } 4577 4578 .entry-content .wp-block-table :not([class]):not([id]) th,4579 .entry-content .wp-block-table :not([class]):not([id]) td {4580 padding: 10px 20px;4581 border-width: 1px;4582 border-style: solid;4346 text-align: center; 4347 padding: 20px; 4348 } 4349 4350 .entry-content .wp-block-table :not([class]):not([id]) { 4351 border-spacing: 0; 4352 border-collapse: collapse; 4353 } 4354 4355 .entry-content .wp-block-table :not([class]):not([id]) th, 4356 .entry-content .wp-block-table :not([class]):not([id]) td { 4357 padding: 10px 20px; 4358 border-width: 1px; 4359 border-style: solid; 4583 4360 } 4584 4361 4585 4362 .entry-content .wp-block-table td, 4586 4363 .entry-content .wp-block-table th { 4587 padding: 10px 20px;4588 border-top-width: 1px;4589 border-top-style: solid;4590 border-right-width: 1px;4591 border-right-style: solid;4592 word-break: break-all;4364 padding: 10px 20px; 4365 border-top-width: 1px; 4366 border-top-style: solid; 4367 border-right-width: 1px; 4368 border-right-style: solid; 4369 word-break: break-all; 4593 4370 } 4594 4371 4595 4372 .entry-content .wp-block-table td:last-child, 4596 4373 .entry-content .wp-block-table th:last-child { 4597 border-left-width: 1px;4598 border-left-style: solid;4374 border-left-width: 1px; 4375 border-left-style: solid; 4599 4376 } 4600 4377 4601 4378 .entry-content .wp-block-table td:last-child td, 4602 4379 .entry-content .wp-block-table th:last-child td { 4603 border-bottom-width: 1px;4604 border-bottom-style: solid;4380 border-bottom-width: 1px; 4381 border-bottom-style: solid; 4605 4382 } 4606 4383 4607 4384 .entry-content .wp-block-table.is-style-stripes { 4608 border-width: 0;4609 border-style: solid;4385 border-width: 0; 4386 border-style: solid; 4610 4387 } 4611 4388 4612 4389 .entry-content .wp-block-table .wp-block-table__cell-content { 4613 color: inherit;4614 font-family: inherit;4615 font-size: inherit;4616 line-height: inherit;4617 font-weight: inherit;4618 font-style: inherit;4619 padding: 0;4390 color: inherit; 4391 font-family: inherit; 4392 font-size: inherit; 4393 line-height: inherit; 4394 font-weight: inherit; 4395 font-style: inherit; 4396 padding: 0; 4620 4397 } 4621 4398 4622 4399 .entry-content pre.wp-block-verse { 4623 white-space: inherit;4624 margin: 0 0 20px;4625 padding: 40px 0;4626 padding-right: 30px;4627 position: relative;4628 background-color: #e2e2e2;4629 color: inherit;4630 font-family: monospace;4631 font-size: inherit;4632 line-height: inherit;4633 border: none;4400 white-space: inherit; 4401 margin: 0 0 20px; 4402 padding: 40px 0; 4403 padding-right: 30px; 4404 position: relative; 4405 background-color: #e2e2e2; 4406 color: inherit; 4407 font-family: monospace; 4408 font-size: inherit; 4409 line-height: inherit; 4410 border: none; 4634 4411 } 4635 4412 4636 4413 .entry-content pre.wp-block-verse { 4637 white-space: inherit;4638 margin: 0 0 20px;4639 padding: 40px 0;4640 padding-right: 30px;4641 position: relative;4642 background-color: #e2e2e2;4643 color: inherit;4644 font-family: monospace;4645 font-size: inherit;4646 line-height: inherit;4647 border: none;4414 white-space: inherit; 4415 margin: 0 0 20px; 4416 padding: 40px 0; 4417 padding-right: 30px; 4418 position: relative; 4419 background-color: #e2e2e2; 4420 color: inherit; 4421 font-family: monospace; 4422 font-size: inherit; 4423 line-height: inherit; 4424 border: none; 4648 4425 } 4649 4426 4650 4427 .entry-content .wp-block-spacer { 4651 clear: both;4428 clear: both; 4652 4429 } 4653 4430 … … 4655 4432 .entry-content ul.wp-block-categories, 4656 4433 .entry-content ul.wp-block-categories__list { 4657 margin-bottom: 20px;4658 padding: 0;4659 position: relative;4434 margin-bottom: 20px; 4435 padding: 0; 4436 position: relative; 4660 4437 } 4661 4438 … … 4663 4440 .entry-content div.wp-block ul.wp-block-categories ul, 4664 4441 .entry-content div.wp-block ul.wp-block-categories__list ul { 4665 margin-bottom: 0;4666 padding: 10px 0 0;4442 margin-bottom: 0; 4443 padding: 10px 0 0; 4667 4444 } 4668 4445 4669 4446 .entry-content div.wp-block-archives.wp-block-archives-dropdown, 4670 4447 .entry-content div.wp-block-categories.wp-block-categories-dropdown { 4671 margin-bottom: 20px;4448 margin-bottom: 20px; 4672 4449 } 4673 4450 4674 4451 .entry-content div.wp-block-archives.wp-block-archives-dropdown label, 4675 4452 .entry-content div.wp-block-categories.wp-block-categories-dropdown label { 4676 display: none;4453 display: none; 4677 4454 } 4678 4455 4679 4456 .entry-content .wp-block-latest-comments { 4680 list-style: none;4681 margin-bottom: 20px;4457 list-style: none; 4458 margin-bottom: 20px; 4682 4459 } 4683 4460 4684 4461 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment { 4685 min-height: auto;4686 margin: 25px 0 0;4687 padding: 0;4688 overflow: hidden;4462 min-height: auto; 4463 margin: 25px 0 0; 4464 padding: 0; 4465 overflow: hidden; 4689 4466 } 4690 4467 4691 4468 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { 4692 margin: 0;4469 margin: 0; 4693 4470 } 4694 4471 4695 4472 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { 4696 min-height: 48px;4473 min-height: 48px; 4697 4474 } 4698 4475 4699 4476 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 4700 width: 48px;4701 height: 48px;4702 margin: 0 0 0 17px;4703 float: right;4704 -webkit-border-radius: 50%;4705 border-radius: 50%;4477 width: 48px; 4478 height: 48px; 4479 margin: 0 0 0 17px; 4480 float: right; 4481 -webkit-border-radius: 50%; 4482 border-radius: 50%; 4706 4483 } 4707 4484 4708 4485 .entry-content .wp-block-latest-comments article { 4709 display: block;4710 padding: 0 3px 0 0;4711 overflow: hidden;4486 display: block; 4487 padding: 0 3px 0 0; 4488 overflow: hidden; 4712 4489 } 4713 4490 4714 4491 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta, 4715 4492 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { 4716 margin: 0;4493 margin: 0; 4717 4494 } 4718 4495 4719 4496 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date { 4720 margin: -3px 0 0;4497 margin: -3px 0 0; 4721 4498 } 4722 4499 4723 4500 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt, 4724 4501 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt { 4725 margin: 5px 0 0;4502 margin: 5px 0 0; 4726 4503 } 4727 4504 4728 4505 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p, 4729 4506 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { 4730 margin: 0;4731 padding: 0 0 20px;4507 margin: 0; 4508 padding: 0 0 20px; 4732 4509 } 4733 4510 4734 4511 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child, 4735 4512 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child { 4736 margin: 0;4737 padding: 0;4513 margin: 0; 4514 padding: 0; 4738 4515 } 4739 4516 4740 4517 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar { 4741 margin: 0 auto 10px;4742 float: none;4518 margin: 0 auto 10px; 4519 float: none; 4743 4520 } 4744 4521 4745 4522 .entry-content .wp-block-latest-comments.aligncenter article { 4746 padding: 0 3px;4523 padding: 0 3px; 4747 4524 } 4748 4525 4749 4526 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt { 4750 text-align: center;4527 text-align: center; 4751 4528 } 4752 4529 4753 4530 .entry-content .wp-block-columns .wp-block-column { 4754 margin-bottom: 20px;4531 margin-bottom: 20px; 4755 4532 } 4756 4533 4757 4534 .entry-content .wp-block-columns .wp-block-column > p { 4758 margin-bottom: 0;4535 margin-bottom: 0; 4759 4536 } 4760 4537 4761 4538 .entry-content .wp-block-columns .wp-block-column > p:not(.has-background) { 4762 padding-bottom: 0;4539 padding-bottom: 0; 4763 4540 } 4764 4541 4765 4542 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph { 4766 margin-bottom: 0;4543 margin-bottom: 0; 4767 4544 } 4768 4545 4769 4546 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) { 4770 padding-bottom: 0; 4771 } 4772 4547 padding-bottom: 0; 4548 } 4773 4549 4774 4550 /** === dir= rtl Block latest comments=== */ 4775 4776 4551 [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 4777 margin: 0 17px 0 0;4778 float: left;4552 margin: 0 17px 0 0; 4553 float: left; 4779 4554 } 4780 4555 4781 4556 [dir=rtl] .wp-block-latest-comments article { 4782 margin: 0 0 0 3px; 4783 } 4784 4557 margin: 0 0 0 3px; 4558 } 4785 4559 4786 4560 /** === dir= rtl Block latest comments=== */ 4787 4788 4789 4561 /** === Block youtube and vimeo video=== */ 4790 4791 4792 4562 /*no-align*/ 4793 4794 4563 .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe, 4795 4564 .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe { 4796 margin-right: auto !important; 4797 margin-left: auto !important; 4798 } 4799 4565 margin-right: auto !important; 4566 margin-left: auto !important; 4567 } 4800 4568 4801 4569 /*no-align*/ 4802 4803 4570 .wp-block-embed-youtube figcaption { 4804 text-align: center; 4805 } 4806 4571 text-align: center; 4572 } 4807 4573 4808 4574 /*alignfull*/ 4809 4810 4575 .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper, 4811 4576 .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper { 4812 position: relative;4813 padding-top: 56.25%;4577 position: relative; 4578 padding-top: 56.25%; 4814 4579 } 4815 4580 4816 4581 .wp-block-embed-vimeo.alignfull iframe, 4817 4582 .wp-block-embed-youtube.alignfull iframe { 4818 position: absolute; 4819 top: 0; 4820 left: 0; 4821 bottom: 0; 4822 right: 0; 4823 width: 100% !important; 4824 height: 100% !important; 4825 } 4826 4583 position: absolute; 4584 top: 0; 4585 left: 0; 4586 bottom: 0; 4587 right: 0; 4588 width: 100% !important; 4589 height: 100% !important; 4590 } 4827 4591 4828 4592 /*alignfull*/ 4829 4830 4831 4593 /*alignwide*/ 4832 4833 4594 .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper, 4834 4595 .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper { 4835 position: relative;4836 padding-top: 56.25%;4596 position: relative; 4597 padding-top: 56.25%; 4837 4598 } 4838 4599 4839 4600 .wp-block-embed-vimeo.alignwide iframe, 4840 4601 .wp-block-embed-youtube.alignwide iframe { 4841 position: absolute; 4842 top: 0; 4843 left: 0; 4844 bottom: 0; 4845 right: 0; 4846 width: 100% !important; 4847 height: 100% !important; 4848 } 4849 4602 position: absolute; 4603 top: 0; 4604 left: 0; 4605 bottom: 0; 4606 right: 0; 4607 width: 100% !important; 4608 height: 100% !important; 4609 } 4850 4610 4851 4611 /*alignwide*/ 4852 4853 4854 4612 /** === Block youtube and vimeo video=== */ 4855 4856 4613 @media only screen and (min-width: 1025px) { 4857 .wp-block-quote.is-large,4858 .wp-block-quote.is-style-large {4859 margin-top: 2.66667em;4860 margin-bottom: 2em;4861 padding: 0.66667em;4862 padding-top: 1.33333em;4863 padding-bottom: 1.33333em;4864 }4614 .wp-block-quote.is-large, 4615 .wp-block-quote.is-style-large { 4616 margin-top: 2.66667em; 4617 margin-bottom: 2em; 4618 padding: 0.66667em; 4619 padding-top: 1.33333em; 4620 padding-bottom: 1.33333em; 4621 } 4865 4622 } 4866 4623 4867 4624 @media only screen and (max-width: 480px) { 4868 .wp-block-media-text {4869 display: block;4870 }4871 .wp-block-media-text .wp-block-media-text__media {4872 margin: 10px auto;4873 }4874 .wp-block-media-text .wp-block-media-text__content {4875 padding: 0;4876 }4625 .wp-block-media-text { 4626 display: block; 4627 } 4628 .wp-block-media-text .wp-block-media-text__media { 4629 margin: 10px auto; 4630 } 4631 .wp-block-media-text .wp-block-media-text__content { 4632 padding: 0; 4633 } 4877 4634 } 4878 4635 … … 4880 4637 .alignfull, 4881 4638 .alignwide { 4882 margin-top: 30px;4883 margin-bottom: 30px;4639 margin-top: 30px; 4640 margin-bottom: 30px; 4884 4641 } 4885 4642 4886 4643 .alignfull .alignfull, 4887 4644 .alignwide .alignwide { 4888 padding-top: 10px;4889 padding-bottom: 10px;4645 padding-top: 10px; 4646 padding-bottom: 10px; 4890 4647 } 4891 4648 4892 4649 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull { 4893 margin-right: calc(50% - 50vw - 10px);4894 margin-left: calc(50% - 50vw - 10px);4895 max-width: 100vw;4896 width: 100vw;4650 margin-right: calc(50% - 50vw - 10px); 4651 margin-left: calc(50% - 50vw - 10px); 4652 max-width: 100vw; 4653 width: 100vw; 4897 4654 } 4898 4655 4899 4656 @media (max-width: 767px) { 4900 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull {4901 margin-right: calc(50% - 50vw);4902 margin-left: calc(50% - 50vw);4903 padding: 0 20px;4904 }4657 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull { 4658 margin-right: calc(50% - 50vw); 4659 margin-left: calc(50% - 50vw); 4660 padding: 0 20px; 4661 } 4905 4662 } 4906 4663 4907 4664 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .alignwide { 4908 margin-inline: auto;4665 margin-inline: auto; 4909 4666 } 4910 4667 4911 4668 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .aligncenter { 4912 margin-inline: auto;4669 margin-inline: auto; 4913 4670 } 4914 4671 4915 4672 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4916 max-width: 100vw;4673 max-width: 100vw; 4917 4674 } 4918 4675 4919 4676 @media (min-width: 768px) and (max-width: 1170px) { 4920 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide {4921 width: calc(100% + (100vw - 100%) / 2);4922 margin-right: calc((100% - 100vw) / 4);4923 max-width: 90vw;4924 }4677 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4678 width: calc(100% + (100vw - 100%) / 2); 4679 margin-right: calc((100% - 100vw) / 4); 4680 max-width: 90vw; 4681 } 4925 4682 } 4926 4683 4927 4684 @media (min-width: 1171px) { 4928 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide {4929 width: 1140px;4930 margin-right: -195px;4931 }4685 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4686 width: 1140px; 4687 margin-right: -195px; 4688 } 4932 4689 } 4933 4690 4934 4691 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide .alignwide { 4935 width: 100%;4936 margin-left: auto;4937 margin-right: auto;4692 width: 100%; 4693 margin-left: auto; 4694 margin-right: auto; 4938 4695 } 4939 4696 … … 4944 4701 body.no-sidebar div.wp-block-categories-dropdown.alignfull, 4945 4702 body.no-sidebar div.wp-block-file.alignfull { 4946 padding: 0 25px; 4947 } 4948 4703 padding: 0 25px; 4704 } 4949 4705 4950 4706 /** === search Block === */ 4951 4952 4707 .wp-block-search .wp-block-search__label { 4953 display: none;4708 display: none; 4954 4709 } 4955 4710 4956 4711 .wp-block-search .wp-block-search__inside-wrapper { 4957 display: flex;4712 display: flex; 4958 4713 } 4959 4714 4960 4715 .wp-block-search .wp-block-search__input { 4961 border-radius: var(--border-radius-all-lefts);4716 border-radius: var(--border-radius-all-lefts); 4962 4717 } 4963 4718 4964 4719 .wp-block-search .wp-block-search__button { 4965 margin: 0; 4966 background-color: var(--primary-color); 4967 border-color: var(--primary-color); 4968 color: var(--white); 4969 border-radius: var(--border-radius-all-rights); 4970 } 4971 4720 margin: 0; 4721 background-color: var(--primary-color); 4722 border-color: var(--primary-color); 4723 color: var(--white); 4724 border-radius: var(--border-radius-all-rights); 4725 } 4972 4726 4973 4727 /** === search Block === */ 4974 4975 4976 4728 /** === Latest Post Block === */ 4977 4978 4729 .wp-block-latest-posts.wp-block-latest-posts__list { 4979 list-style: none;4980 padding-right: 0;4981 margin-inline: 0;4730 list-style: none; 4731 padding-right: 0; 4732 margin-inline: 0; 4982 4733 } 4983 4734 4984 4735 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image { 4985 width: 50%;4736 width: 50%; 4986 4737 } 4987 4738 4988 4739 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a { 4989 line-height: 0;4740 line-height: 0; 4990 4741 } 4991 4742 4992 4743 .wp-block-latest-posts.wp-block-latest-posts__list li > a { 4993 text-decoration: none;4994 color: var(--color-text-main);4744 text-decoration: none; 4745 color: var(--color-text-main); 4995 4746 } 4996 4747 4997 4748 .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover { 4998 color: var(--primary-color);4749 color: var(--primary-color); 4999 4750 } 5000 4751 5001 4752 .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image { 5002 width: 100%;5003 margin-inline: 0;5004 margin-block-end: 1.5em;4753 width: 100%; 4754 margin-inline: 0; 4755 margin-block-end: 1.5em; 5005 4756 } 5006 4757 5007 4758 .wp-block-latest-posts__post-date, 5008 4759 .wp-block-latest-posts__post-author { 5009 color: var(--color-text-main); 5010 } 5011 4760 color: var(--color-text-main); 4761 } 5012 4762 5013 4763 /** === Latest Post Block === */ 5014 5015 5016 4764 /*------------##gutenberg support----------*/ 5017 5018 4765 .no-sidebar .entry-content { 5019 max-width: 750px; 5020 } 5021 4766 max-width: 750px; 4767 } 5022 4768 5023 4769 /*-------------------------------------------------------------- 5024 4770 # single 5025 4771 --------------------------------------------------------------*/ 5026 5027 4772 section.error-404.not-found { 5028 margin-bottom: 50px; 5029 max-width: 670px; 5030 } 5031 4773 margin-bottom: 50px; 4774 max-width: 670px; 4775 } 5032 4776 5033 4777 /* Comments 5034 4778 --------------------------------------------- */ 5035 5036 4779 .comment-content a { 5037 word-break: break-all;4780 word-break: break-all; 5038 4781 } 5039 4782 5040 4783 .bypostauthor { 5041 display: block; 5042 } 5043 4784 display: block; 4785 } 5044 4786 5045 4787 /** 5046 4788 * Comments Wrapper 5047 4789 */ 5048 5049 4790 .comments-area { 5050 padding-bottom: 30px;4791 padding-bottom: 30px; 5051 4792 } 5052 4793 5053 4794 .comments-area > * { 5054 margin-top: 30px;5055 margin-bottom: 30px;4795 margin-top: 30px; 4796 margin-bottom: 30px; 5056 4797 } 5057 4798 5058 4799 .comments-area > *:first-child { 5059 margin-top: 0;4800 margin-top: 0; 5060 4801 } 5061 4802 5062 4803 .comments-area > *:last-child { 5063 margin-bottom: 0;4804 margin-bottom: 0; 5064 4805 } 5065 4806 5066 4807 .comments-area.show-avatars .avatar { 5067 border-radius: 50%;5068 position: absolute;5069 top: 10px;4808 border-radius: 50%; 4809 position: absolute; 4810 top: 10px; 5070 4811 } 5071 4812 5072 4813 .comments-area.show-avatars .fn { 5073 display: inline-block;5074 padding-right: 85px;4814 display: inline-block; 4815 padding-right: 85px; 5075 4816 } 5076 4817 5077 4818 .comments-area.show-avatars .comment-metadata { 5078 padding: 8px 85px 9px 0; 5079 } 5080 4819 padding: 8px 85px 9px 0; 4820 } 5081 4821 5082 4822 /** 5083 4823 * Comment Title 5084 4824 */ 5085 5086 4825 .comment-reply-title { 5087 display: flex;5088 justify-content: space-between;4826 display: flex; 4827 justify-content: space-between; 5089 4828 } 5090 4829 5091 4830 .comment-reply-title small a { 5092 font-size: 15px; 5093 font-style: normal; 5094 font-weight: normal; 5095 letter-spacing: normal; 5096 } 5097 4831 font-size: 15px; 4832 font-style: normal; 4833 font-weight: normal; 4834 letter-spacing: normal; 4835 } 5098 4836 5099 4837 /* Nested comment reply title*/ 5100 5101 4838 .comment .comment-respond .comment-reply-title { 5102 font-size: 30px; 5103 } 5104 4839 font-size: 30px; 4840 } 5105 4841 5106 4842 /** 5107 4843 * Comment Lists 5108 4844 */ 5109 5110 4845 .comments-area [type="checkbox"], 5111 4846 .comments-area [type="radio"] { 5112 margin-bottom: 7px;5113 margin-left: 10px;4847 margin-bottom: 7px; 4848 margin-left: 10px; 5114 4849 } 5115 4850 5116 4851 .comment-list { 5117 padding-right: 0;5118 list-style: none;5119 margin-right: 0;4852 padding-right: 0; 4853 list-style: none; 4854 margin-right: 0; 5120 4855 } 5121 4856 5122 4857 .comment-list ol { 5123 margin-right: 0;4858 margin-right: 0; 5124 4859 } 5125 4860 5126 4861 .comment-list > li { 5127 margin-top: 30px;5128 margin-bottom: 30px;4862 margin-top: 30px; 4863 margin-bottom: 30px; 5129 4864 } 5130 4865 5131 4866 .comment-list .children { 5132 list-style: none;5133 padding-right: 0;4867 list-style: none; 4868 padding-right: 0; 5134 4869 } 5135 4870 5136 4871 .comment-list .children > li { 5137 margin-top: 30px;5138 margin-bottom: 30px;4872 margin-top: 30px; 4873 margin-bottom: 30px; 5139 4874 } 5140 4875 5141 4876 @media only screen and (min-width: 482px) { 5142 .comment-list .depth-2, 5143 .comment-list .depth-3 { 5144 padding-right: calc(4 * 20px); 5145 } 5146 } 5147 4877 .comment-list .depth-2, 4878 .comment-list .depth-3 { 4879 padding-right: calc(4 * 20px); 4880 } 4881 } 5148 4882 5149 4883 /** 5150 4884 * Comment Meta 5151 4885 */ 5152 5153 4886 .comment-meta .comment-author { 5154 margin-bottom: calc(0.25 *20px);4887 margin-bottom: calc(0.25 *20px); 5155 4888 } 5156 4889 5157 4890 @media only screen and (min-width: 482px) { 5158 .comment-meta .comment-author {5159 margin-bottom: 0;5160 padding-left: 0;5161 }4891 .comment-meta .comment-author { 4892 margin-bottom: 0; 4893 padding-left: 0; 4894 } 5162 4895 } 5163 4896 5164 4897 .comment-meta .comment-author .fn { 5165 font-weight: normal;5166 hyphens: auto;5167 word-break: break-all;5168 word-break: break-word;4898 font-weight: normal; 4899 hyphens: auto; 4900 word-break: break-all; 4901 word-break: break-word; 5169 4902 } 5170 4903 5171 4904 .comment-meta .comment-metadata { 5172 color: var(--color-text-main);5173 padding: 8px 0 9px 0;5174 font-size: 15px;5175 display: flex;5176 justify-content: space-between;4905 color: var(--color-text-main); 4906 padding: 8px 0 9px 0; 4907 font-size: 15px; 4908 display: flex; 4909 justify-content: space-between; 5177 4910 } 5178 4911 5179 4912 .comment-meta .comment-metadata .edit-link { 5180 margin-right: 20px;4913 margin-right: 20px; 5181 4914 } 5182 4915 5183 4916 @media only screen and (min-width: 482px) { 5184 .comment-meta {5185 margin-left: inherit;5186 }5187 .comment-meta .comment-author {5188 max-width: inherit;5189 }4917 .comment-meta { 4918 margin-left: inherit; 4919 } 4920 .comment-meta .comment-author { 4921 max-width: inherit; 4922 } 5190 4923 } 5191 4924 5192 4925 .bypostauthor { 5193 display: block;4926 display: block; 5194 4927 } 5195 4928 5196 4929 .says { 5197 display: none;4930 display: none; 5198 4931 } 5199 4932 5200 4933 .comment-meta { 5201 margin-bottom: 10px;4934 margin-bottom: 10px; 5202 4935 } 5203 4936 5204 4937 .comment-body { 5205 position: relative;5206 margin-bottom: 40px;5207 padding: 30px;5208 background-color: #fff;5209 border: 1px solid #eee;4938 position: relative; 4939 margin-bottom: 40px; 4940 padding: 30px; 4941 background-color: #fff; 4942 border: 1px solid #eee; 5210 4943 } 5211 4944 5212 4945 .comment-body .reply { 5213 margin: 0;4946 margin: 0; 5214 4947 } 5215 4948 5216 4949 .comment-content { 5217 word-break: break-all;5218 font-size: 16px;5219 padding-bottom: 15px;5220 color: #555;4950 word-break: break-all; 4951 font-size: 16px; 4952 padding-bottom: 15px; 4953 color: #555; 5221 4954 } 5222 4955 5223 4956 .pingback .comment-body, 5224 4957 .trackback .comment-body { 5225 margin-top: 30px;5226 margin-bottom: 30px;4958 margin-top: 30px; 4959 margin-bottom: 30px; 5227 4960 } 5228 4961 5229 4962 .comment-respond { 5230 margin-top: 30px;4963 margin-top: 30px; 5231 4964 } 5232 4965 5233 4966 .comment-respond > * { 5234 margin-top: 20px;5235 margin-bottom: 20px;4967 margin-top: 20px; 4968 margin-bottom: 20px; 5236 4969 } 5237 4970 5238 4971 .comment-respond > *:first-child { 5239 margin-top: 0;4972 margin-top: 0; 5240 4973 } 5241 4974 5242 4975 .comment-respond > *:last-child { 5243 margin-bottom: 0;4976 margin-bottom: 0; 5244 4977 } 5245 4978 5246 4979 .comment-respond > *:last-child.comment-form { 5247 margin-bottom: 30px;4980 margin-bottom: 30px; 5248 4981 } 5249 4982 5250 4983 .comment-author { 5251 padding-top: 3px;4984 padding-top: 3px; 5252 4985 } 5253 4986 … … 5256 4989 .comment-meta .comment-metadata a, 5257 4990 .comment-author .url { 5258 color: var(--background-color-white); 5259 } 5260 5261 .reply a:focus, 5262 .reply a:hover, 4991 color: var(--background-color-white); 4992 } 4993 4994 .reply a:focus, .reply a:hover, 5263 4995 .comment-content a:focus, 5264 4996 .comment-content a:hover, … … 5267 4999 .comment-author .url:focus, 5268 5000 .comment-author .url:hover { 5269 color: var(--primary-color);5001 color: var(--primary-color); 5270 5002 } 5271 5003 5272 5004 .comment-form { 5273 display: flex;5274 flex-wrap: wrap;5005 display: flex; 5006 flex-wrap: wrap; 5275 5007 } 5276 5008 5277 5009 .comment-form > * { 5278 flex-basis: 100%;5010 flex-basis: 100%; 5279 5011 } 5280 5012 5281 5013 .comment-form .comment-form-url, 5282 5014 .comment-form .comment-form-comment { 5283 width: 100%;5015 width: 100%; 5284 5016 } 5285 5017 5286 5018 .comment-form .comment-form-author, 5287 5019 .comment-form .comment-form-email { 5288 flex-basis: 0;5289 flex-grow: 1;5020 flex-basis: 0; 5021 flex-grow: 1; 5290 5022 } 5291 5023 5292 5024 @media only screen and (max-width: 481px) { 5293 .comment-form .comment-form-author,5294 .comment-form .comment-form-email {5295 flex-basis: 100%;5296 }5025 .comment-form .comment-form-author, 5026 .comment-form .comment-form-email { 5027 flex-basis: 100%; 5028 } 5297 5029 } 5298 5030 5299 5031 .comment-form .comment-form-cookies-consent > label, 5300 5032 .comment-form .comment-notes { 5301 font-size: 1rem;5302 font-weight: normal;5033 font-size: 1rem; 5034 font-weight: normal; 5303 5035 } 5304 5036 5305 5037 .comment-form > p { 5306 margin-bottom: 10px;5038 margin-bottom: 10px; 5307 5039 } 5308 5040 5309 5041 .comment-form > p a { 5310 color: #202020; 5311 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 5312 text-decoration: none; 5313 } 5314 5315 .comment-form > p a:focus, 5316 .comment-form > p a:hover { 5317 color: var(--primary-color); 5042 color: #202020; 5043 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 5044 text-decoration: none; 5045 } 5046 5047 .comment-form > p a:focus, .comment-form > p a:hover { 5048 color: var(--primary-color); 5318 5049 } 5319 5050 5320 5051 .comment-form > p:first-of-type { 5321 margin-top: 0;5052 margin-top: 0; 5322 5053 } 5323 5054 5324 5055 .comment-form > p:last-of-type { 5325 margin-bottom: 0;5056 margin-bottom: 0; 5326 5057 } 5327 5058 … … 5331 5062 .comment-form > p input[type=url], 5332 5063 .comment-form > p textarea { 5333 display: block;5334 font-size: var(--global--font-size-sm);5335 margin-bottom: calc(.5 *20px);5336 width: 100%;5337 font-weight: var(--form--label-weight);5064 display: block; 5065 font-size: var(--global--font-size-sm); 5066 margin-bottom: calc(.5 *20px); 5067 width: 100%; 5068 font-weight: var(--form--label-weight); 5338 5069 } 5339 5070 5340 5071 .comment-form > p.comment-form-cookies-consent { 5341 display: flex;5342 align-items: center;5072 display: flex; 5073 align-items: center; 5343 5074 } 5344 5075 5345 5076 @media only screen and (min-width: 482px) { 5346 .comment-form > p.comment-form-author,5347 .woocommerce #review_form #respond p {5348 margin-left: calc(1.5 * 20px);5349 }5350 .comment-form > p.comment-notes,5351 .comment-form > p.logged-in-as {5352 display: block;5353 }5077 .comment-form > p.comment-form-author, 5078 .woocommerce #review_form #respond p { 5079 margin-left: calc(1.5 * 20px); 5080 } 5081 .comment-form > p.comment-notes, 5082 .comment-form > p.logged-in-as { 5083 display: block; 5084 } 5354 5085 } 5355 5086 5356 5087 nav.breadcrumb-trail ul.trail-items { 5357 list-style: none;5358 padding: 0;5359 margin: 0;5360 color: #000;5088 list-style: none; 5089 padding: 0; 5090 margin: 0; 5091 color: #000; 5361 5092 } 5362 5093 5363 5094 nav.breadcrumb-trail ul.trail-items li { 5364 display: inline-block;5095 display: inline-block; 5365 5096 } 5366 5097 5367 5098 nav.breadcrumb-trail ul.trail-items li a { 5368 text-decoration: none; 5369 color: #000; 5370 } 5371 5372 nav.breadcrumb-trail ul.trail-items li a:focus, 5373 nav.breadcrumb-trail ul.trail-items li a:hover { 5374 color: var(--primary-color); 5099 text-decoration: none; 5100 color: #000; 5101 } 5102 5103 nav.breadcrumb-trail ul.trail-items li a:focus, nav.breadcrumb-trail ul.trail-items li a:hover { 5104 color: var(--primary-color); 5375 5105 } 5376 5106 5377 5107 nav.breadcrumb-trail ul.trail-items li::after { 5378 margin: 0 0.3rem;5108 margin: 0 0.3rem; 5379 5109 } 5380 5110 5381 5111 nav.breadcrumb-trail ul.trail-items li:last-child::after { 5382 display: none; 5383 } 5384 5112 display: none; 5113 } 5385 5114 5386 5115 /*-------------------------------------------------------------- 5387 5116 ## Comments 5388 5117 --------------------------------------------------------------*/ 5389 5390 5391 5118 /*comments section====*/ 5392 5393 5119 #comments.comments-area { 5394 margin-block: 20px;5120 margin-block: 20px; 5395 5121 } 5396 5122 5397 5123 #comments.comments-area .comments-title { 5398 font-size: var(--font-size-lg);5399 font-family: var(--font-main);5400 line-height: 1.2;5401 color: #000;5124 font-size: var(--font-size-lg); 5125 font-family: var(--font-main); 5126 line-height: 1.2; 5127 color: #000; 5402 5128 } 5403 5129 5404 5130 #comments.comments-area .comment-list .comment .comment-author img { 5405 float: right;5406 margin-left: 20px;5407 margin-bottom: 20px;5408 width: 50px;5131 float: right; 5132 margin-left: 20px; 5133 margin-bottom: 20px; 5134 width: 50px; 5409 5135 } 5410 5136 5411 5137 #comments.comments-area .comment-list .comment .comment-content p { 5412 margin-bottom: 5px;5138 margin-bottom: 5px; 5413 5139 } 5414 5140 5415 5141 #comments.comments-area div#respond { 5416 margin-top: 20px;5142 margin-top: 20px; 5417 5143 } 5418 5144 5419 5145 #comments.comments-area div#respond #reply-title { 5420 margin-top: 0;5421 color: #000;5422 font-weight: 700;5423 font-size: 18px;5146 margin-top: 0; 5147 color: #000; 5148 font-weight: 700; 5149 font-size: 18px; 5424 5150 } 5425 5151 5426 5152 #comments.comments-area div#respond p { 5427 margin-bottom: 5px;5153 margin-bottom: 5px; 5428 5154 } 5429 5155 5430 5156 #comments.comments-area div#respond label { 5431 font-weight: normal;5157 font-weight: normal; 5432 5158 } 5433 5159 5434 5160 #comments.comments-area div#respond textarea { 5435 width: 100%;5436 background: #fafafa;5161 width: 100%; 5162 background: #fafafa; 5437 5163 } 5438 5164 … … 5440 5166 #comments.comments-area div#respond p.comment-form-email, 5441 5167 #comments.comments-area div#respond p.comment-form-author { 5442 display: inline-block;5443 width: 100%;5168 display: inline-block; 5169 width: 100%; 5444 5170 } 5445 5171 … … 5447 5173 #comments.comments-area div#respond p.comment-form-email label, 5448 5174 #comments.comments-area div#respond p.comment-form-author label { 5449 display: block;5175 display: block; 5450 5176 } 5451 5177 … … 5453 5179 #comments.comments-area div#respond p.comment-form-email input, 5454 5180 #comments.comments-area div#respond p.comment-form-author input { 5455 width: 100%;5181 width: 100%; 5456 5182 } 5457 5183 5458 5184 #comments.comments-area div#respond p.comment-form-cookies-consent label { 5459 margin-right: 8px;5460 position: relative;5461 top: -1px;5185 margin-right: 8px; 5186 position: relative; 5187 top: -1px; 5462 5188 } 5463 5189 5464 5190 #comments.comments-area div#respond input[type="submit"] { 5465 display: inline-block;5466 margin-top: 10px;5191 display: inline-block; 5192 margin-top: 10px; 5467 5193 } 5468 5194 5469 5195 #comments.comments-area div#respond #reply-title small a { 5470 display: inline-block;5471 margin-right: 10px;5196 display: inline-block; 5197 margin-right: 10px; 5472 5198 } 5473 5199 5474 5200 .comment div#respond, 5475 5201 .comment-content { 5476 margin-right: 70px;5202 margin-right: 70px; 5477 5203 } 5478 5204 5479 5205 .comment-content a { 5480 word-break: break-all;5206 word-break: break-all; 5481 5207 } 5482 5208 5483 5209 .bypostauthor { 5484 display: block; 5485 } 5486 5210 display: block; 5211 } 5487 5212 5488 5213 /*-------------------------------------------------------------- 5489 5214 ## Comments 5490 5215 --------------------------------------------------------------*/ 5491 5492 5493 5216 /* Widgets 5494 5217 --------------------------------------------- */ 5495 5496 5218 .widget { 5497 margin: 0 0 1.5em; 5498 padding: 15px; 5499 } 5500 5219 margin: 0 0 1.5em; 5220 padding: 15px; 5221 } 5501 5222 footer#colophon .asterthemes-wrapper { 5502 padding: 0px 10px; 5503 } 5504 5223 padding: 0px 10px; 5224 } 5505 5225 .right-sidebar .asterthemes-wrapper .asterthemes-page .widget { 5506 background-color: #202020;5507 margin-bottom: 2em;5508 border-right: 5px solid var(--primary-color);5509 border-left: 5px solid var(--primary-color);5510 border-radius: 12px;5511 } 5512 5226 background-color: #202020; 5227 margin-bottom: 2em; 5228 border-right:5px solid var(--primary-color) ; 5229 border-left: 5px solid var(--primary-color); 5230 border-radius: 12px; 5231 5232 } 5513 5233 .left-sidebar .asterthemes-wrapper .asterthemes-page .widget { 5514 background-color: #202020; 5515 margin-bottom: 2em; 5516 border-left: 5px solid var(--primary-color); 5517 border-right: 5px solid var(--primary-color); 5518 border-radius: 12px; 5519 } 5520 5521 .footer-widgets-wrapper .widget { 5522 margin-bottom: 0; 5523 } 5524 5234 background-color: #202020; 5235 margin-bottom: 2em; 5236 border-left: 5px solid var(--primary-color); 5237 border-right:5px solid var(--primary-color) ; 5238 border-radius: 12px; 5239 } 5240 .footer-widgets-wrapper .widget{ 5241 margin-bottom: 0; 5242 } 5525 5243 p { 5526 color: #000; 5527 } 5528 5244 color: #000; 5245 } 5529 5246 h1.entry-title { 5530 color: #000; 5531 } 5532 5533 h2.wc-block-components-title.wc-block-components-checkout-step__title { 5534 color: #000; 5535 } 5536 5537 .wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block { 5538 color: #000; 5539 } 5540 5541 span.wc-block-components-order-summary__button-text { 5542 color: #000; 5543 } 5544 5545 .wc-block-components-order-summary .wc-block-components-panel__button { 5546 color: #000; 5547 } 5548 5247 color: #000; 5248 } 5249 h2.wc-block-components-title.wc-block-components-checkout-step__title{ 5250 color: #000; 5251 } 5252 .wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block{ 5253 color: #000; 5254 } 5255 span.wc-block-components-order-summary__button-text{ 5256 color: #000; 5257 } 5258 .wc-block-components-order-summary .wc-block-components-panel__button{ 5259 color: #000; 5260 } 5549 5261 .widget select { 5550 max-width: 100%;5262 max-width: 100%; 5551 5263 } 5552 5264 5553 5265 .asterthemes-widget { 5554 margin-bottom: 30px;5266 margin-bottom: 30px; 5555 5267 } 5556 5268 … … 5561 5273 .widget_block h5, 5562 5274 .widget_block h6 { 5563 margin-top: 0; 5564 color: #fff; 5565 margin-bottom: 10px; 5566 line-height: 1.2; 5567 } 5568 5275 margin-top: 0; 5276 color: #fff; 5277 margin-bottom: 10px; 5278 line-height: 1.2; 5279 } 5569 5280 5570 5281 /*widget title===============*/ 5571 5572 h2.wp-block-heading, 5573 .widgettitle, 5574 .widget-title { 5575 margin-bottom: 15px; 5576 line-height: 1.2; 5577 position: relative; 5578 font-size: 24px; 5579 margin-top: 0; 5580 font-weight: 700; 5581 text-align: start; 5582 } 5583 5282 h2.wp-block-heading, .widgettitle, .widget-title{ 5283 margin-bottom: 15px; 5284 line-height: 1.2; 5285 position: relative; 5286 font-size: 24px; 5287 margin-top: 0; 5288 font-weight: 700; 5289 text-align: start; 5290 } 5584 5291 5585 5292 /*widget title===============*/ 5586 5587 5588 5293 /*widget list===============*/ 5589 5590 5294 .widget ol:not(.chocolate-ice-cream-tabs), 5591 5295 .widget ul:not(.chocolate-ice-cream-tabs) { 5592 list-style: none;5593 padding: 0;5594 margin-inline: 0;5296 list-style: none; 5297 padding: 0; 5298 margin-inline: 0; 5595 5299 } 5596 5300 5597 5301 .widget ol:not(.chocolate-ice-cream-tabs) li, 5598 5302 .widget ul:not(.chocolate-ice-cream-tabs) li { 5599 margin-bottom: 7px;5600 padding-bottom: 7px;5601 font-size: var(--font-size-sm);5602 border-bottom: 1px solid rgba(0, 0, 0, 0.1);5603 color: #fff;5303 margin-bottom: 7px; 5304 padding-bottom: 7px; 5305 font-size: var(--font-size-sm); 5306 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 5307 color: #fff; 5604 5308 } 5605 5309 5606 5310 .widget ol:not(.chocolate-ice-cream-tabs) li a, 5607 5311 .widget ul:not(.chocolate-ice-cream-tabs) li a { 5608 text-decoration: none; 5609 color: var(--color-text-white); 5610 font-size: 15px; 5611 word-break: break-all; 5612 } 5613 5614 .widget ol:not(.chocolate-ice-cream-tabs) li a:focus, 5615 .widget ol:not(.chocolate-ice-cream-tabs) li a:hover, 5312 text-decoration: none; 5313 color: var(--color-text-white); 5314 font-size: 15px; 5315 word-break: break-all; 5316 } 5317 5318 .widget ol:not(.chocolate-ice-cream-tabs) li a:focus, .widget ol:not(.chocolate-ice-cream-tabs) li a:hover, 5616 5319 .widget ul:not(.chocolate-ice-cream-tabs) li a:focus, 5617 5320 .widget ul:not(.chocolate-ice-cream-tabs) li a:hover { 5618 color: var(--primary-color);5321 color: var(--primary-color); 5619 5322 } 5620 5323 … … 5623 5326 .widget ul:not(.chocolate-ice-cream-tabs) ol, 5624 5327 .widget ul:not(.chocolate-ice-cream-tabs) ul { 5625 padding-top: 7px;5626 margin-right: 10px;5627 padding-right: 10px;5328 padding-top: 7px; 5329 margin-right: 10px; 5330 padding-right: 10px; 5628 5331 } 5629 5332 5630 5333 .widget > ol > li, 5631 5334 .widget > ul > li { 5632 margin-bottom: 7px;5633 padding-bottom: 7px;5634 font-size: 14px;5635 border-bottom: 1px solid rgba(0, 0, 0, 0.1);5335 margin-bottom: 7px; 5336 padding-bottom: 7px; 5337 font-size: 14px; 5338 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 5636 5339 } 5637 5340 5638 5341 .widget > ol > li a, 5639 5342 .widget > ul > li a { 5640 color: var(--clr-foreground); 5641 transition: all 0.5s linear; 5642 } 5643 5644 .widget > ol > li a:focus, 5645 .widget > ol > li a:hover, 5343 color: var(--clr-foreground); 5344 transition: all 0.5s linear; 5345 } 5346 5347 .widget > ol > li a:focus, .widget > ol > li a:hover, 5646 5348 .widget > ul > li a:focus, 5647 5349 .widget > ul > li a:hover { 5648 color: var(--theme-color);5350 color: var(--theme-color); 5649 5351 } 5650 5352 5651 5353 .widget ol > li:last-child, 5652 5354 .widget ul > li:last-child { 5653 margin-bottom: 0; 5654 padding-bottom: 0; 5655 border-bottom: none; 5656 } 5657 5355 margin-bottom: 0; 5356 padding-bottom: 0; 5357 border-bottom: none; 5358 } 5658 5359 5659 5360 /*widget list===============*/ 5660 5661 5662 5361 /*widget tag cloud ===============*/ 5663 5664 5362 .wp-block-tag-cloud a, 5665 5363 .tagcloud a { 5666 display: inline-block; 5667 text-decoration: none; 5668 font-size: var(--font-size-small) !important; 5669 color: #ffffff; 5670 border: 1px solid #ffffff; 5671 padding: 3px 7px; 5672 border-radius: 3px; 5673 margin-inline-end: 5px; 5674 margin-block-end: 5px; 5675 line-height: 1.2; 5676 } 5677 5678 .wp-block-tag-cloud a:focus, 5679 .wp-block-tag-cloud a:hover, 5364 display: inline-block; 5365 text-decoration: none; 5366 font-size: var(--font-size-small) !important; 5367 color: #ffffff; 5368 border: 1px solid #ffffff; 5369 padding: 3px 7px; 5370 border-radius: 3px; 5371 margin-inline-end: 5px; 5372 margin-block-end: 5px; 5373 line-height: 1.2; 5374 } 5375 5376 .wp-block-tag-cloud a:focus, .wp-block-tag-cloud a:hover, 5680 5377 .tagcloud a:focus, 5681 5378 .tagcloud a:hover { 5682 color: var(--primary-color); 5683 border: 1px solid var(--primary-color); 5684 } 5685 5686 .site-footer .wp-block-tag-cloud a, 5687 .site-footer .tagcloud a { 5688 border: 1px solid var(--color-text-white); 5689 color: var(--color-text-white); 5690 } 5691 5692 .site-footer .wp-block-tag-cloud a:focus, 5693 .site-footer .wp-block-tag-cloud a:hover, 5694 .site-footer .tagcloud a:focus, 5695 .site-footer .tagcloud a:hover { 5696 color: var(--primary-color); 5697 border: 1px solid var(--primary-color); 5698 } 5699 5379 color: var(--primary-color); 5380 border: 1px solid var(--primary-color); 5381 } 5382 5383 .site-footer .wp-block-tag-cloud a, .site-footer 5384 .tagcloud a { 5385 border: 1px solid var(--color-text-white); 5386 color: var(--color-text-white); 5387 } 5388 5389 .site-footer .wp-block-tag-cloud a:focus, .site-footer .wp-block-tag-cloud a:hover, .site-footer 5390 .tagcloud a:focus, .site-footer 5391 .tagcloud a:hover { 5392 color: var(--primary-color); 5393 border: 1px solid var(--primary-color); 5394 } 5700 5395 5701 5396 /*widget tag cloud ===============*/ 5702 5703 5704 5397 /*widget search ===============*/ 5705 5706 5398 .widget.widget_search .wp-block-search__inside-wrapper { 5707 display: flex;5399 display: flex; 5708 5400 } 5709 5401 5710 5402 .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input { 5711 border: 1px solid #d3ced2;5712 padding: 6px 16px;5713 font-size: 0.9rem;5714 border-radius: 0 3px 3px 0;5403 border: 1px solid #d3ced2; 5404 padding: 6px 16px; 5405 font-size: 0.9rem; 5406 border-radius: 0 3px 3px 0; 5715 5407 } 5716 5408 5717 5409 .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button { 5718 cursor: pointer;5719 color: var(--background-color-white);5720 background-color: var(--primary-color);5721 margin: 0;5722 padding: 10px 25px;5723 border-radius: 3px 0 0 3px;5410 cursor: pointer; 5411 color: #fff; 5412 background-color: var(--primary-color); 5413 margin: 0; 5414 padding: 10px 25px; 5415 border-radius: 3px 0 0 3px; 5724 5416 } 5725 5417 5726 5418 .search-form { 5727 display: flex;5419 display: flex; 5728 5420 } 5729 5421 5730 5422 .search-form label, 5731 5423 .search-form .search-field { 5732 width: 100%;5424 width: 100%; 5733 5425 } 5734 5426 5735 5427 .search-form .search-field { 5736 border: 1px solid #d3ced2;5737 padding: 6px 16px;5738 font-size: 0.9rem;5739 border-radius: 0 3px 3px 0;5428 border: 1px solid #d3ced2; 5429 padding: 6px 16px; 5430 font-size: 0.9rem; 5431 border-radius: 0 3px 3px 0; 5740 5432 } 5741 5433 5742 5434 .search-form .search-submit { 5743 border-radius: 3px 0 0 3px; 5744 } 5745 5435 border-radius: 3px 0 0 3px; 5436 } 5746 5437 5747 5438 /*widget search ===============*/ 5748 5749 5750 5439 /*widget social icons ===============*/ 5751 5752 5440 .widget.widget_chocolate_ice_cream_social_icons .social-links li { 5753 margin: 0;5754 padding: 0;5755 border: none;5441 margin: 0; 5442 padding: 0; 5443 border: none; 5756 5444 } 5757 5445 5758 5446 .widget.widget_chocolate_ice_cream_social_icons .social-links li a { 5759 opacity: 0.8; 5760 color: #fff; 5761 margin: 0; 5762 } 5763 5764 .widget.widget_chocolate_ice_cream_social_icons .social-links li a:focus, 5765 .widget.widget_chocolate_ice_cream_social_icons .social-links li a:hover { 5766 color: #fff; 5767 opacity: 1; 5768 } 5769 5447 opacity: 0.8; 5448 color: #fff; 5449 margin: 0; 5450 } 5451 5452 .widget.widget_chocolate_ice_cream_social_icons .social-links li a:focus, .widget.widget_chocolate_ice_cream_social_icons .social-links li a:hover { 5453 color: #fff; 5454 opacity: 1; 5455 } 5770 5456 5771 5457 /*widget social icons ===============*/ 5772 5773 5774 5458 /* Media 5775 5459 --------------------------------------------- */ 5776 5777 5460 .page-content .wp-smiley, 5778 5461 .entry-content .wp-smiley, 5779 5462 .comment-content .wp-smiley { 5780 border: none; 5781 margin-bottom: 0; 5782 margin-top: 0; 5783 padding: 0; 5784 } 5785 5463 border: none; 5464 margin-bottom: 0; 5465 margin-top: 0; 5466 padding: 0; 5467 } 5786 5468 5787 5469 /* Make sure logo link wraps around logo image. */ 5788 5789 5470 .custom-logo-link { 5790 display: inline-block; 5791 } 5792 5471 display: inline-block; 5472 } 5793 5473 5794 5474 /* Captions 5795 5475 --------------------------------------------- */ 5796 5797 5476 .wp-caption { 5798 margin-bottom: 1.5em;5799 max-width: 100%;5477 margin-bottom: 1.5em; 5478 max-width: 100%; 5800 5479 } 5801 5480 5802 5481 .wp-caption img[class*="wp-image-"] { 5803 display: block;5804 margin-right: auto;5805 margin-left: auto;5482 display: block; 5483 margin-right: auto; 5484 margin-left: auto; 5806 5485 } 5807 5486 5808 5487 .wp-caption .wp-caption-text { 5809 margin: 0.8075em 0;5488 margin: 0.8075em 0; 5810 5489 } 5811 5490 5812 5491 .wp-caption-text { 5813 text-align: center; 5814 } 5815 5492 text-align: center; 5493 } 5816 5494 5817 5495 /* Galleries 5818 5496 --------------------------------------------- */ 5819 5820 5497 .gallery { 5821 margin-bottom: 1.5em;5822 display: grid;5823 grid-gap: 1.5em;5498 margin-bottom: 1.5em; 5499 display: grid; 5500 grid-gap: 1.5em; 5824 5501 } 5825 5502 5826 5503 .gallery-item { 5827 display: inline-block;5828 text-align: center;5829 width: 100%;5830 margin: 0;5504 display: inline-block; 5505 text-align: center; 5506 width: 100%; 5507 margin: 0; 5831 5508 } 5832 5509 5833 5510 .gallery-columns-2 { 5834 grid-template-columns: repeat(2, 1fr);5511 grid-template-columns: repeat(2, 1fr); 5835 5512 } 5836 5513 5837 5514 .gallery-columns-3 { 5838 grid-template-columns: repeat(3, 1fr);5515 grid-template-columns: repeat(3, 1fr); 5839 5516 } 5840 5517 5841 5518 .gallery-columns-4 { 5842 grid-template-columns: repeat(4, 1fr);5519 grid-template-columns: repeat(4, 1fr); 5843 5520 } 5844 5521 5845 5522 .gallery-columns-5 { 5846 grid-template-columns: repeat(5, 1fr);5523 grid-template-columns: repeat(5, 1fr); 5847 5524 } 5848 5525 5849 5526 .gallery-columns-6 { 5850 grid-template-columns: repeat(6, 1fr);5527 grid-template-columns: repeat(6, 1fr); 5851 5528 } 5852 5529 5853 5530 .gallery-columns-7 { 5854 grid-template-columns: repeat(7, 1fr);5531 grid-template-columns: repeat(7, 1fr); 5855 5532 } 5856 5533 5857 5534 .gallery-columns-8 { 5858 grid-template-columns: repeat(8, 1fr);5535 grid-template-columns: repeat(8, 1fr); 5859 5536 } 5860 5537 5861 5538 .gallery-columns-9 { 5862 grid-template-columns: repeat(9, 1fr);5539 grid-template-columns: repeat(9, 1fr); 5863 5540 } 5864 5541 5865 5542 .gallery-caption { 5866 display: block; 5867 } 5868 5543 display: block; 5544 } 5869 5545 5870 5546 /*-------------------------------------------------------------- 5871 5547 # Plugins 5872 5548 --------------------------------------------------------------*/ 5873 5874 5875 5549 /* Jetpack infinite scroll 5876 5550 --------------------------------------------- */ 5877 5878 5879 5551 /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ 5880 5881 5552 .infinite-scroll .posts-navigation, 5882 5553 .infinite-scroll.neverending .site-footer { 5883 display: none; 5884 } 5885 5554 display: none; 5555 } 5886 5556 5887 5557 /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ 5888 5889 5558 .infinity-end.neverending .site-footer { 5890 display: block; 5891 } 5892 5559 display: block; 5560 } 5893 5561 5894 5562 /*-------------------------------------------------------------- 5895 5563 # Utilities 5896 5564 --------------------------------------------------------------*/ 5897 5898 5899 5565 /* Accessibility 5900 5566 --------------------------------------------- */ 5901 5902 5903 5567 /* Text meant only for screen readers. */ 5904 5905 5568 .screen-reader-text { 5906 border: 0;5907 clip: rect(1px, 1px, 1px, 1px);5908 clip-path: inset(50%);5909 height: 1px;5910 margin: -1px;5911 overflow: hidden;5912 padding: 0;5913 position: absolute !important;5914 width: 1px;5915 word-wrap: normal !important;5569 border: 0; 5570 clip: rect(1px, 1px, 1px, 1px); 5571 clip-path: inset(50%); 5572 height: 1px; 5573 margin: -1px; 5574 overflow: hidden; 5575 padding: 0; 5576 position: absolute !important; 5577 width: 1px; 5578 word-wrap: normal !important; 5916 5579 } 5917 5580 5918 5581 .screen-reader-text:focus { 5919 background-color: #f1f1f1; 5920 border-radius: 3px; 5921 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 5922 clip: auto !important; 5923 clip-path: none; 5924 color: #21759b; 5925 display: block; 5926 font-size: 0.875rem; 5927 font-weight: 700; 5928 height: auto; 5929 right: 5px; 5930 line-height: normal; 5931 padding: 15px 23px 14px; 5932 text-decoration: none; 5933 top: 5px; 5934 width: auto; 5935 z-index: 100000; 5936 } 5937 5582 background-color: #f1f1f1; 5583 border-radius: 3px; 5584 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 5585 clip: auto !important; 5586 clip-path: none; 5587 color: #21759b; 5588 display: block; 5589 font-size: 0.875rem; 5590 font-weight: 700; 5591 height: auto; 5592 right: 5px; 5593 line-height: normal; 5594 padding: 15px 23px 14px; 5595 text-decoration: none; 5596 top: 5px; 5597 width: auto; 5598 z-index: 100000; 5599 } 5938 5600 5939 5601 /* Do not show the outline on the skip link target. */ 5940 5941 5602 #primary[tabindex="-1"]:focus { 5942 outline: 0; 5943 } 5944 5603 outline: 0; 5604 } 5945 5605 5946 5606 /* Alignments 5947 5607 --------------------------------------------- */ 5948 5949 5608 .alignleft { 5950 float: left;5951 margin-right: 1.5em;5952 margin-bottom: 1.5em;5609 float: left; 5610 margin-right: 1.5em; 5611 margin-bottom: 1.5em; 5953 5612 } 5954 5613 5955 5614 .alignright { 5956 float: right;5957 margin-left: 1.5em;5958 margin-bottom: 1.5em;5615 float: right; 5616 margin-left: 1.5em; 5617 margin-bottom: 1.5em; 5959 5618 } 5960 5619 5961 5620 .aligncenter { 5962 clear: both; 5963 display: block; 5964 margin-right: auto; 5965 margin-left: auto; 5966 margin-bottom: 1.5em; 5967 } 5968 5621 clear: both; 5622 display: block; 5623 margin-right: auto; 5624 margin-left: auto; 5625 margin-bottom: 1.5em; 5626 } 5969 5627 5970 5628 /* Header CSS start 5971 5629 --------------------------------------------- */ 5972 5973 5630 .header-social-inner span { 5974 margin-right: 20px; 5975 margin-left: 20px; 5976 } 5977 5631 margin-right: 20px; 5632 margin-left: 20px; 5633 } 5978 5634 p.site-title { 5979 font-size: 30px; 5980 font-weight: 600; 5981 margin: 0; 5982 } 5983 5635 font-size: 30px; 5636 font-weight: 600; 5637 margin: 0; 5638 } 5984 5639 form.woo-pro-search input#woocommerce-product-search-field { 5985 border: 1px solid #ccc; 5986 border-radius: 30px; 5987 padding: 10px 15px; 5988 } 5989 5640 border: 1px solid #ccc; 5641 border-radius: 30px; 5642 padding: 10px 15px; 5643 } 5990 5644 form.woo-pro-search button.search-button { 5991 position: absolute; 5992 color: #fff; 5993 border: none; 5994 left: 10px; 5995 top: 5px; 5996 border-radius: 30px; 5997 width: 35px; 5998 height: 35px; 5999 padding: 0; 6000 } 6001 6002 .user-account a, 6003 a.cart-customlocation { 6004 font-size: 18px; 6005 } 6006 6007 .bottom-header-middle-part { 6008 position: relative; 6009 } 6010 5645 position: absolute; 5646 color: #fff; 5647 border: none; 5648 left: 10px; 5649 top: 5px; 5650 border-radius: 30px; 5651 width: 35px; 5652 height: 35px; 5653 padding: 0; 5654 } 5655 .user-account a,a.cart-customlocation { 5656 font-size: 18px; 5657 } 5658 .bottom-header-middle-part{ 5659 position: relative; 5660 } 6011 5661 .header-contact-inner span { 6012 color: #000; 6013 margin-left: 25px; 6014 font-weight: 300; 6015 display: flex; 6016 align-items: center; 6017 justify-content: center; 6018 } 6019 5662 color: #000; 5663 margin-left: 25px; 5664 font-weight: 300; 5665 display: flex; 5666 align-items: center; 5667 justify-content: center; 5668 } 6020 5669 .header-contact-inner span i { 6021 margin-left: 10px;5670 margin-left: 10px; 6022 5671 } 6023 5672 6024 5673 .top-header-part .bottom-header-part-wrapper { 6025 display: flex; 6026 align-items: center; 6027 flex-wrap: nowrap; 6028 justify-content: space-between; 6029 gap: 20px; 6030 background: #fff; 6031 padding: 10px 55px; 6032 clip-path: polygon(6% 0%, 94% 0, 100% 100%, 0% 100%); 6033 } 6034 5674 display: flex; 5675 align-items: center; 5676 flex-wrap: nowrap; 5677 justify-content: space-between; 5678 gap: 20px; 5679 background: #fff; 5680 padding: 10px 55px; 5681 clip-path: polygon(6% 0%, 94% 0, 100% 100%, 0% 100%); 5682 } 6035 5683 .header-contact-inner { 6036 display: flex;6037 flex-direction: row;5684 display: flex; 5685 flex-direction: row; 6038 5686 } 6039 5687 6040 5688 .header-social-inner span { 6041 color: #000;6042 font-weight: 300;5689 color: #000; 5690 font-weight: 300; 6043 5691 } 6044 5692 6045 5693 header.site-header { 6046 position: relative;5694 position: relative; 6047 5695 } 6048 5696 6049 5697 header.site-header .header-main-wrapper .top-header-part { 6050 position: relative;5698 position: relative; 6051 5699 } 6052 5700 6053 5701 header.site-header .header-main-wrapper .top-header-part::before { 6054 position: absolute;6055 content: "";6056 top: 0;6057 right: 0;6058 height: 100%;6059 width: 100%;6060 background: var(--primary-color);5702 position: absolute; 5703 content: ""; 5704 top: 0; 5705 right: 0; 5706 height: 100%; 5707 width: 100%; 5708 background: var(--primary-color); 6061 5709 } 6062 5710 6063 5711 header.site-header .header-main-wrapper .top-header-part > * { 6064 position: relative;6065 z-index: 1;5712 position: relative; 5713 z-index: 1; 6066 5714 } 6067 5715 6068 5716 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part { 6069 padding: 10px;5717 padding: 10px; 6070 5718 } 6071 5719 6072 5720 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper { 6073 display: flex;6074 align-items: center;6075 flex-wrap: nowrap;6076 justify-content: space-between;6077 padding: 0 10px;5721 display: flex; 5722 align-items: center; 5723 flex-wrap: nowrap; 5724 justify-content: space-between; 5725 padding: 0 10px; 6078 5726 } 6079 5727 6080 5728 @media (max-width: 480px) { 6081 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part {6082 align-self: center;6083 }6084 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper {6085 display: flow;6086 padding: 0px 0 10px;6087 }5729 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part { 5730 align-self: center; 5731 } 5732 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper { 5733 display: flow; 5734 padding: 0px 0 10px; 5735 } 6088 5736 } 6089 5737 6090 5738 @media (max-width: 375px) { 6091 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity {6092 text-align: center;6093 }5739 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity { 5740 text-align: center; 5741 } 6094 5742 } 6095 5743 6096 5744 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title { 6097 font-size: 30px; 6098 line-height: 1.1; 6099 margin: 0; 5745 font-size: 30px; 5746 line-height: 1.1; 5747 margin: 0; 5748 6100 5749 } 6101 5750 6102 5751 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a { 6103 text-decoration: none;6104 color: var(--header-text-color);5752 text-decoration: none; 5753 color: var(--header-text-color); 6105 5754 } 6106 5755 6107 5756 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a:focus { 6108 outline-offset: 2px;5757 outline-offset: 2px; 6109 5758 } 6110 5759 6111 5760 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description { 6112 margin-bottom: 0;6113 margin-top: 5px;6114 color: var(--header-text-color);5761 margin-bottom: 0; 5762 margin-top: 5px; 5763 color: var(--header-text-color); 6115 5764 } 6116 5765 6117 5766 @media (max-width: 480px) { 6118 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description {6119 font-size: 0.8rem;6120 margin-top: 0;6121 }5767 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description { 5768 font-size: 0.8rem; 5769 margin-top: 0; 5770 } 6122 5771 } 6123 5772 6124 5773 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 6125 display: flex;6126 gap: 20px;6127 align-items: center;5774 display: flex; 5775 gap: 20px; 5776 align-items: center; 6128 5777 } 6129 5778 6130 5779 @media (max-width: 600px) { 6131 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part {6132 position: relative;6133 }5780 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 5781 position: relative; 5782 } 6134 5783 } 6135 5784 6136 5785 @media (max-width: 480px) { 6137 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part {6138 width: 100%;6139 justify-content: space-between;6140 min-height: 55px;6141 }5786 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 5787 width: 100%; 5788 justify-content: space-between; 5789 min-height: 55px; 5790 } 6142 5791 } 6143 5792 6144 5793 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part { 6145 display: flex;5794 display: flex; 6146 5795 } 6147 5796 6148 5797 @media (min-width: 601px) { 6149 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part {6150 display: none;6151 }5798 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part { 5799 display: none; 5800 } 6152 5801 } 6153 5802 6154 5803 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .top-header-contact { 6155 border-block: 1px solid #f1f1f1;6156 padding-block: 15px;6157 display: flex;6158 flex-direction: column;6159 gap: 10px;5804 border-block: 1px solid #f1f1f1; 5805 padding-block: 15px; 5806 display: flex; 5807 flex-direction: column; 5808 gap: 10px; 6160 5809 } 6161 5810 6162 5811 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .top-header-contact .header-contact-inner { 6163 padding: 0 20px;5812 padding: 0 20px; 6164 5813 } 6165 5814 6166 5815 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .top-header-contact .header-contact-inner a { 6167 padding: 0;6168 text-transform: none;5816 padding: 0; 5817 text-transform: none; 6169 5818 } 6170 5819 6171 5820 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .top-header-contact .header-contact-inner a i { 6172 margin-inline-end: 7px;5821 margin-inline-end: 7px; 6173 5822 } 6174 5823 6175 5824 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons { 6176 padding: 10px 20px;5825 padding: 10px 20px; 6177 5826 } 6178 5827 6179 5828 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links { 6180 display: flex;5829 display: flex; 6181 5830 } 6182 5831 6183 5832 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links a { 6184 padding: 0;5833 padding: 0; 6185 5834 } 6186 5835 6187 5836 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search { 6188 display: flex;6189 align-items: center;6190 gap: 10px;5837 display: flex; 5838 align-items: center; 5839 gap: 10px; 6191 5840 } 6192 5841 6193 5842 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .asterthemes-custom-button a { 6194 padding: 6px 30px;5843 padding: 6px 30px; 6195 5844 } 6196 5845 6197 5846 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search { 6198 width: 25px;6199 position: unset;6200 display: inline-block;6201 text-align: center;5847 width: 25px; 5848 position: unset; 5849 display: inline-block; 5850 text-align: center; 6202 5851 } 6203 5852 6204 5853 @media (min-width: 601px) { 6205 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search {6206 display: none;6207 }5854 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search { 5855 display: none; 5856 } 6208 5857 } 6209 5858 6210 5859 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon { 6211 display: flex;6212 justify-content: center;6213 align-items: center;6214 width: 25px;6215 height: 25px;6216 border-radius: 50%;6217 font-size: 14px;6218 color: var(--color-text-main);6219 font-weight: 700;6220 text-align: center;6221 text-decoration: none;6222 outline: 0;5860 display: flex; 5861 justify-content: center; 5862 align-items: center; 5863 width: 25px; 5864 height: 25px; 5865 border-radius: 50%; 5866 font-size: 14px; 5867 color: var(--color-text-main); 5868 font-weight: 700; 5869 text-align: center; 5870 text-decoration: none; 5871 outline: 0; 6223 5872 } 6224 5873 6225 5874 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:hover { 6226 color: var(--primary-color);5875 color: var(--primary-color); 6227 5876 } 6228 5877 6229 5878 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:focus-within { 6230 color: var(--primary-color);6231 outline: 1px dashed var(--primary-color);5879 color: var(--primary-color); 5880 outline: 1px dashed var(--primary-color); 6232 5881 } 6233 5882 6234 5883 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form { 6235 position: absolute;6236 background: #fff;6237 left: 0;6238 opacity: 0;6239 visibility: hidden;6240 top: 100%;6241 width: 100%;6242 padding: 14px;6243 z-index: 99;5884 position: absolute; 5885 background: #fff; 5886 left: 0; 5887 opacity: 0; 5888 visibility: hidden; 5889 top: 100%; 5890 width: 100%; 5891 padding: 14px; 5892 z-index: 99; 6244 5893 } 6245 5894 6246 5895 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form { 6247 display: flex;5896 display: flex; 6248 5897 } 6249 5898 6250 5899 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label { 6251 width: 75%;5900 width: 75%; 6252 5901 } 6253 5902 6254 5903 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label input { 6255 width: 100%;5904 width: 100%; 6256 5905 } 6257 5906 6258 5907 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form input.search-submit { 6259 border: 1px solid var(--primary-color);6260 background-color: var(--primary-color);6261 color: #fff;6262 padding: 0px;6263 font-size: 13px;6264 width: 25%;6265 margin: 0;5908 border: 1px solid var(--primary-color); 5909 background-color: var(--primary-color); 5910 color: #fff; 5911 padding: 0px; 5912 font-size: 13px; 5913 width: 25%; 5914 margin: 0; 6266 5915 } 6267 5916 6268 5917 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap.show .header-search-form { 6269 margin: 0;6270 opacity: 1;6271 visibility: visible;5918 margin: 0; 5919 opacity: 1; 5920 visibility: visible; 6272 5921 } 6273 5922 6274 5923 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header { 6275 position: fixed;6276 width: 100%;6277 top: 0;6278 z-index: 15;6279 background-color: var(--background-color-white);6280 border-bottom: 1px solid #f3f1ef;6281 z-index: 999;5924 position: fixed; 5925 width: 100%; 5926 top: 0; 5927 z-index: 15; 5928 background-color: var(--background-color-white); 5929 border-bottom: 1px solid #f3f1ef; 5930 z-index: 999; 6282 5931 } 6283 5932 6284 5933 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a { 6285 color: var(--primary-color);5934 color: var(--primary-color); 6286 5935 } 6287 5936 6288 5937 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description { 6289 color: var(--color-text-main);5938 color: var(--color-text-main); 6290 5939 } 6291 5940 6292 5941 header.site-header .header-main-wrapper:not(.transparent-header) { 6293 background-color: #fff;5942 background-color: #fff; 6294 5943 } 6295 5944 6296 5945 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .social-icons-part ul.social-links a { 6297 color: var(--color-text-main);6298 opacity: 1;5946 color: var(--color-text-main); 5947 opacity: 1; 6299 5948 } 6300 5949 6301 5950 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .social-icons-part ul.social-links a:hover { 6302 color: var(--primary-color);5951 color: var(--primary-color); 6303 5952 } 6304 5953 6305 5954 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .social-icons-part ul.social-links a:hover::after { 6306 opacity: 0.2;5955 opacity: 0.2; 6307 5956 } 6308 5957 6309 5958 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .social-icons-part ul.social-links a:focus { 6310 color: var(--primary-color);5959 color: var(--primary-color); 6311 5960 } 6312 5961 6313 5962 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .social-icons-part ul.social-links a:focus::after { 6314 opacity: 0.2;5963 opacity: 0.2; 6315 5964 } 6316 5965 6317 5966 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .top-header-contact .header-contact-inner .contact-details span a { 6318 color: #fff; 6319 } 6320 6321 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .top-header-contact .header-contact-inner .contact-details span a:focus, 6322 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .top-header-contact .header-contact-inner .contact-details span a:hover { 6323 color: var(--primary-color); 5967 color: #fff; 5968 } 5969 5970 header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .top-header-contact .header-contact-inner .contact-details span a:focus, header.site-header .header-main-wrapper:not(.transparent-header) .top-header-part .top-header-part-wrapper .top-header-left-part .top-header-contact .header-contact-inner .contact-details span a:hover { 5971 color: var(--primary-color); 6324 5972 } 6325 5973 6326 5974 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-title a { 6327 color: var(--primary-color);5975 color: var(--primary-color); 6328 5976 } 6329 5977 6330 5978 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-description { 6331 color: #202020;5979 color: #202020; 6332 5980 } 6333 5981 6334 5982 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a { 6335 color: var(--primary-color);5983 color: var(--primary-color); 6336 5984 } 6337 5985 6338 5986 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description { 6339 color: var(--color-text-main);5987 color: var(--color-text-main); 6340 5988 } 6341 5989 6342 5990 @media (min-width: 1024px) { 6343 body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header {6344 top: 32px;6345 }5991 body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header { 5992 top: 32px; 5993 } 6346 5994 } 6347 5995 6348 5996 @media (min-width: 601px) and (max-width: 768px) { 6349 body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header {6350 top: 46px;6351 }5997 body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header { 5998 top: 46px; 5999 } 6352 6000 } 6353 6001 6354 6002 body.scroll-up header.site-header .header-main-wrapper .bottom-header-part.fix-header { 6355 transform: translateY(0);6356 transition: all 0.3s ease;6003 transform: translateY(0); 6004 transition: all 0.3s ease; 6357 6005 } 6358 6006 6359 6007 body:not(.scroll-up) header.site-header .header-main-wrapper .bottom-header-part.fix-header { 6360 transform: translateY(-100%); 6361 transition: all 0.3s ease; 6362 } 6363 6008 transform: translateY(-100%); 6009 transition: all 0.3s ease; 6010 } 6364 6011 6365 6012 /* Header CSS end 6366 6013 --------------------------------------------- */ 6367 6368 6369 6014 /* frontpage section CSS start 6370 6015 --------------------------------------------- */ 6371 6372 6016 .asterthemes-frontpage-section { 6373 padding: 80px 0; 6374 } 6375 6017 padding: 80px 0; 6018 } 6376 6019 section#chocolate_ice_cream_trending_section { 6377 padding-top: 40px; 6378 } 6379 6020 padding-top: 40px; 6021 } 6380 6022 @media screen and (max-width: 992px) and (min-width: 600px) { 6381 .asterthemes-frontpage-section {6382 padding: 40px 0;6383 }6023 .asterthemes-frontpage-section { 6024 padding: 40px 0; 6025 } 6384 6026 } 6385 6027 6386 6028 @media (max-width: 768px) { 6387 .asterthemes-frontpage-section {6388 padding: 40px 0 !important;6389 }6029 .asterthemes-frontpage-section { 6030 padding: 40px 0 !important; 6031 } 6390 6032 } 6391 6033 6392 6034 .asterthemes-frontpage-section.asterthemes-grey-background { 6393 background: var(--background-color-grey);6035 background: var(--background-color-grey); 6394 6036 } 6395 6037 6396 6038 .asterthemes-frontpage-section.asterthemes-dark-background { 6397 background: var(--background-color-dark);6039 background: var(--background-color-dark); 6398 6040 } 6399 6041 6400 6042 .asterthemes-frontpage-section.section-has-background:not(.cta-style-2) + .section-has-background:not(.cta-style-2) { 6401 margin-top: 0; 6402 } 6403 6043 margin-top: 0; 6044 } 6404 6045 6405 6046 /* frontpage section CSS end 6406 6047 --------------------------------------------- */ 6407 6408 6409 6048 /* banner section CSS start 6410 6049 --------------------------------------------- */ 6411 6050 6412 6051 .banner-section:not(:first-child) { 6413 margin-bottom: 0;6052 margin-bottom: 0; 6414 6053 } 6415 6054 6416 6055 .banner-section:last-child { 6417 margin-bottom: 0;6418 margin-top: 80px;6056 margin-bottom: 0; 6057 margin-top: 80px; 6419 6058 } 6420 6059 6421 6060 @media screen and (max-width: 992px) and (min-width: 600px) { 6422 .banner-section:last-child {6423 margin-top: 40px;6424 }6061 .banner-section:last-child { 6062 margin-top: 40px; 6063 } 6425 6064 } 6426 6065 6427 6066 @media (max-width: 768px) { 6428 .banner-section:last-child {6429 margin-top: 40px;6430 }6067 .banner-section:last-child { 6068 margin-top: 40px; 6069 } 6431 6070 } 6432 6071 6433 6072 .banner-section.banner-style-1 .banner-single { 6434 position: relative;6435 min-height: 750px;6436 display: flex !important;6437 flex-direction: column;6438 justify-content: center;6073 position: relative; 6074 min-height: 750px; 6075 display: flex !important; 6076 flex-direction: column; 6077 justify-content: center; 6439 6078 } 6440 6079 6441 6080 @media (max-width: 1024px) { 6442 .banner-section.banner-style-1 .banner-single {6443 min-height: 650px;6444 }6081 .banner-section.banner-style-1 .banner-single { 6082 min-height: 650px; 6083 } 6445 6084 } 6446 6085 6447 6086 @media (max-width: 768px) { 6448 .banner-section.banner-style-1 .banner-single {6449 min-height: 550px;6450 }6087 .banner-section.banner-style-1 .banner-single { 6088 min-height: 550px; 6089 } 6451 6090 } 6452 6091 6453 6092 @media (max-width: 600px) { 6454 .banner-section.banner-style-1 .banner-single {6455 min-height: 480px;6456 }6093 .banner-section.banner-style-1 .banner-single { 6094 min-height: 480px; 6095 } 6457 6096 } 6458 6097 6459 6098 .banner-section.banner-style-1 .banner-single .banner-img { 6460 position: absolute;6461 top: 0;6462 right: 0;6463 width: 100%;6464 height: 100%;6099 position: absolute; 6100 top: 0; 6101 right: 0; 6102 width: 100%; 6103 height: 100%; 6465 6104 } 6466 6105 6467 6106 .banner-section.banner-style-1 .banner-single .banner-img img { 6468 width: 100%;6469 height: 100%;6470 object-fit: cover;6107 width: 100%; 6108 height: 100%; 6109 object-fit: cover; 6471 6110 } 6472 6111 6473 6112 .banner-section.banner-style-1 .banner-single .banner-img::after { 6474 position: absolute;6475 content: "";6476 top: 0;6477 right: 0;6478 width: 100%;6479 height: 100%;6480 background-color: #202020;6481 opacity: 0.4;6113 position: absolute; 6114 content: ""; 6115 top: 0; 6116 right: 0; 6117 width: 100%; 6118 height: 100%; 6119 background-color: #202020; 6120 opacity: 0.4; 6482 6121 } 6483 6122 6484 6123 .banner-section.banner-style-1 .banner-single .banner-caption { 6485 position: absolute;6486 z-index: 1;6487 color: var(--color-text-white);6488 top: 50%;6489 transform: translateY(-50%);6490 margin-inline: auto;6491 right: 35%;6492 left: 35%;6493 text-align: center;6124 position: absolute; 6125 z-index: 1; 6126 color: var(--color-text-white); 6127 top: 50%; 6128 transform: translateY(-50%); 6129 margin-inline: auto; 6130 right: 35%; 6131 left: 35%; 6132 text-align: center; 6494 6133 } 6495 6134 6496 6135 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper { 6497 visibility: hidden;6136 visibility: hidden; 6498 6137 } 6499 6138 6500 6139 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-subtitle { 6501 font-size: var(--font-size-md);6502 font-family: var(--font-heading);6503 font-weight: normal;6504 margin: 0;6505 line-height: 1.2;6506 color: var(--color-text-white);6140 font-size: var(--font-size-md); 6141 font-family: var(--font-heading); 6142 font-weight: normal; 6143 margin: 0; 6144 line-height: 1.2; 6145 color: var(--color-text-white); 6507 6146 } 6508 6147 6509 6148 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title { 6510 font-size: 41px;6511 margin-top: 10px;6512 margin-bottom: 10px;6513 font-family: var(--font-heading);6514 line-height: 1.2;6515 color: var(--color-text-white);6149 font-size: 41px; 6150 margin-top: 10px; 6151 margin-bottom: 10px; 6152 font-family: var(--font-heading); 6153 line-height: 1.2; 6154 color: var(--color-text-white); 6516 6155 } 6517 6156 6518 6157 @media (max-width: 480px) { 6519 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title {6520 font-size: var(--font-size-xxl);6521 }6158 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title { 6159 font-size: var(--font-size-xxl); 6160 } 6522 6161 } 6523 6162 6524 6163 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-description p { 6525 font-size: 16px;6164 font-size: 16px; 6526 6165 } 6527 6166 6528 6167 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-slider-btn { 6529 display: inline-block;6168 display: inline-block; 6530 6169 } 6531 6170 6532 6171 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper, 6533 6172 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper { 6534 visibility: visible; 6535 } 6536 6537 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle, 6538 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title, 6539 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description, 6540 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn, 6541 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle, 6542 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title, 6543 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description, 6544 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn { 6545 transform-origin: top; 6546 animation-name: asterthemes-animation1; 6547 animation-fill-mode: both; 6548 animation-duration: 0.7s; 6549 } 6550 6551 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle, 6552 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle { 6553 animation-delay: 0.2s; 6554 } 6555 6556 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title, 6557 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title { 6558 animation-delay: 0.3s; 6559 } 6560 6561 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description, 6562 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description { 6563 animation-delay: 0.4s; 6564 } 6565 6566 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn, 6567 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn { 6568 animation-delay: 0.5s; 6569 } 6570 6571 @keyframes asterthemes-animation1 { 6572 from { 6573 opacity: 0; 6574 transform: translateY(100px); 6575 } 6576 to { 6577 opacity: 1; 6578 transform: translateY(0); 6579 } 6580 } 6581 6173 visibility: visible; 6174 } 6582 6175 6583 6176 /* 6584 6177 --------------------------------------------- */ 6585 6586 6587 6178 /* footer CSS start 6588 6179 --------------------------------------------- */ 6589 6590 6180 .dt_footer-widgets .footer-widgets-column { 6591 display: flex; 6592 flex-wrap: nowrap; 6593 padding: 20px 0; 6594 justify-content: center; 6595 } 6596 6181 display: flex; 6182 flex-wrap: nowrap; 6183 padding: 20px 0; 6184 justify-content: center; 6185 } 6597 6186 .footer-one-column { 6598 width: 25%;6187 width: 25%; 6599 6188 } 6600 6189 6601 6190 .site-footer { 6602 background: #202020;6191 background: #202020; 6603 6192 } 6604 6193 6605 6194 .dt_footer-widgets { 6606 color: #fff; 6607 } 6608 6195 color: #fff; 6196 } 6609 6197 footer#colophon { 6610 background-size: 100% 100%;6198 background-size: 100% 100%; 6611 6199 } 6612 6200 6613 6201 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6614 width: 25%;6615 flex-shrink: 0;6616 padding: 0 15px;6617 color: var(--color-text-white);6202 width: 25%; 6203 flex-shrink: 0; 6204 padding: 0 15px; 6205 color: var(--color-text-white); 6618 6206 } 6619 6207 6620 6208 @media (max-width: 768px) { 6621 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6622 width: 50%; 6623 } 6624 .footer-one-column { 6625 width: 20%; 6626 } 6627 } 6628 6629 @media (min-width: 430px) and (max-width: 1024px) { 6630 .footer-one-column { 6631 width: 20%; 6632 } 6633 } 6634 6209 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6210 width: 50%; 6211 } 6212 .footer-one-column { 6213 width: 20%; 6214 } 6215 } 6216 @media (min-width: 430px) and (max-width: 1024px) { 6217 6218 .footer-one-column { 6219 width: 20%; 6220 } 6221 } 6635 6222 @media (max-width: 480px) { 6636 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single {6637 width: 100%;6638 }6223 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6224 width: 100%; 6225 } 6639 6226 } 6640 6227 … … 6645 6232 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h5, 6646 6233 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h6 { 6647 margin-top: 0;6234 margin-top: 0; 6648 6235 } 6649 6236 6650 6237 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget .widget-title { 6651 color: var(--primary-color);6238 color: var(--primary-color); 6652 6239 } 6653 6240 6654 6241 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a, 6655 6242 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a { 6656 color: var(--color-text-white); 6657 } 6658 6659 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:focus, 6660 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:hover, 6243 color: var(--color-text-white); 6244 } 6245 6246 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:focus, .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:hover, 6661 6247 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:focus, 6662 6248 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:hover { 6663 color: var(--primary-color);6249 color: var(--primary-color); 6664 6250 } 6665 6251 6666 6252 .site-footer .site-footer-bottom { 6667 position: relative;6668 padding: 15px 0;6669 z-index: 1;6670 color: var(--color-text-white);6253 position: relative; 6254 padding: 15px 0; 6255 z-index: 1; 6256 color: var(--color-text-white); 6671 6257 } 6672 6258 6673 6259 .site-footer .site-footer-bottom .site-footer-bottom-wrapper { 6674 display: flex;6675 flex-wrap: wrap;6676 align-items: center;6677 justify-content: center;6678 position: relative;6260 display: flex; 6261 flex-wrap: wrap; 6262 align-items: center; 6263 justify-content: center; 6264 position: relative; 6679 6265 } 6680 6266 6681 6267 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a { 6682 color: var(--color-text-white); 6683 text-decoration: none; 6684 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 6685 } 6686 6687 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:focus, 6688 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:hover { 6689 color: var(--primary-color); 6268 color: var(--color-text-white); 6269 text-decoration: none; 6270 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 6271 } 6272 6273 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:focus, .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:hover { 6274 color: var(--primary-color); 6690 6275 } 6691 6276 6692 6277 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .social-icons ul.social-links { 6693 margin: 0;6694 padding: 0;6695 list-style: none;6278 margin: 0; 6279 padding: 0; 6280 list-style: none; 6696 6281 } 6697 6282 6698 6283 .site-footer .site-footer-bottom::before { 6699 position: absolute; 6700 content: ''; 6701 top: 0; 6702 right: 0; 6703 height: 100%; 6704 width: 100%; 6705 background: #d9d9d9; 6706 opacity: 0.1; 6707 } 6708 6284 position: absolute; 6285 content: ''; 6286 top: 0; 6287 right: 0; 6288 height: 100%; 6289 width: 100%; 6290 background: #d9d9d9; 6291 opacity: 0.1; 6292 } 6709 6293 6710 6294 /* footer CSS end 6711 6295 --------------------------------------------- */ 6712 6296 6297 /* footer social icons CSS start 6298 --------------------------------------------- */ 6299 6300 .socialicons{ 6301 text-align: center; 6302 background-color: #000; 6303 padding: 10px 0; 6304 } 6305 .socialicons a{ 6306 color: #fff; 6307 font-size: 16px; 6308 padding: 5px; 6309 cursor: pointer; 6310 } 6311 6312 /* footer social icons CSS end 6313 --------------------------------------------- */ 6713 6314 6714 6315 /* scroll to top CSS start 6715 6316 --------------------------------------------- */ 6716 6717 6317 a.chocolate-ice-cream-scroll-to-top { 6718 position: fixed; 6719 bottom: 55px; 6720 left: 30px; 6721 height: 50px; 6722 width: 50px; 6723 opacity: 0; 6724 visibility: hidden; 6725 z-index: 17; 6726 display: flex; 6727 align-items: center; 6728 justify-content: center; 6729 text-decoration: none; 6730 color: #fff; 6731 background-color: var(--primary-color); 6732 border: 1px solid var(--color-text-white); 6733 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 6734 border-radius: 5px; 6735 } 6736 6737 a.chocolate-ice-cream-scroll-to-top:hover, 6738 a.chocolate-ice-cream-scroll-to-top:focus { 6739 box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15); 6740 transform: translateY(-10px); 6318 position: fixed; 6319 bottom: 55px; 6320 left: 30px; 6321 height: 50px; 6322 width: 50px; 6323 opacity: 0; 6324 visibility: hidden; 6325 z-index: 17; 6326 display: flex; 6327 align-items: center; 6328 justify-content: center; 6329 text-decoration: none; 6330 color: #fff; 6331 background-color: var(--primary-color); 6332 border: 1px solid var(--color-text-white); 6333 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 6334 border-radius: 5px; 6335 } 6336 6337 a.chocolate-ice-cream-scroll-to-top:hover, a.chocolate-ice-cream-scroll-to-top:focus { 6338 box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15); 6339 transform: translateY(-10px); 6741 6340 } 6742 6341 6743 6342 a.chocolate-ice-cream-scroll-to-top.show { 6744 opacity: 1; 6745 visibility: visible; 6746 } 6747 6343 opacity: 1; 6344 visibility: visible; 6345 } 6748 6346 6749 6347 /* scroll to top CSS end 6750 6348 --------------------------------------------- */ 6751 6752 6349 .mfp-iframe-holder .mfp-close, 6753 6350 .mfp-image-holder .mfp-close { 6754 width: auto;6755 padding: 10px;6756 display: flex;6757 align-items: center;6758 justify-content: center;6351 width: auto; 6352 padding: 10px; 6353 display: flex; 6354 align-items: center; 6355 justify-content: center; 6759 6356 } 6760 6357 6761 6358 .mfp-iframe-holder .mfp-close:focus, 6762 6359 .mfp-image-holder .mfp-close:focus { 6763 outline: 1px dotted; 6764 } 6765 6360 outline: 1px dotted; 6361 } 6766 6362 6767 6363 /* give plugin CSS start 6768 6364 --------------------------------------------- */ 6769 6770 6365 .give_notices { 6771 padding-inline-start: 18px;6366 padding-inline-start: 18px; 6772 6367 } 6773 6368 6774 6369 .give-btn { 6370 font-weight: 700; 6371 } 6372 6373 .give-btn:hover { 6374 color: var(--primary-color); 6375 background-color: #fff; 6376 } 6377 6378 .give-embed-form-wrapper.modal:after { 6379 background-color: #ffffffe6; 6380 } 6381 6382 .give-embed-form-wrapper.modal .close-btn { 6383 opacity: 0.7; 6384 } 6385 6386 .site-footer .give-goal-progress .income { 6387 color: #fff; 6388 } 6389 6390 6391 /*-------- blog post CSS -------*/ 6392 .mag-post-single img { 6393 height: 100%; 6394 max-height: 300px; 6395 width: 100%; 6396 border-radius: 10px; 6397 object-fit: cover; 6398 } 6399 .mag-post-single, .related-posts .mag-post-single{ 6400 background: #fff; 6401 padding: 20px; 6402 border-radius: 20px; 6403 margin-bottom: 20px; 6404 color: var(--background-color-white); 6405 border: 1px solid; 6406 border-right: 5px solid var(--primary-color) !important; 6407 border-left: 5px solid var(--primary-color) !important; 6408 } 6409 6410 /*woocommerce css*/ 6411 nav.woocommerce-MyAccount-navigation li { 6412 display: inline-flex; 6413 } 6414 .woocommerce li.woocommerce-MyAccount-navigation-link a ,.woocommerce-Address-title.title a{ 6415 text-decoration: none; 6416 color: #fff; 6417 background-color: var(--primary-color); 6418 padding: 10px; 6419 display: block; 6420 border-radius: 5px; 6421 font-weight: 500; 6422 font-size: 14px; 6423 } 6424 .woocommerce #customer_login .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce #customer_login .col2-set .col-2, .woocommerce-page .col2-set .col-2 { 6425 display: table-cell; 6426 max-width: 100%; 6427 float: none; 6428 } 6429 .wc-block-cart__submit-button { 6430 padding: 12px 15px; 6431 color: #fff; 6432 margin: 3px; 6433 font-size: 15px; 6434 line-height: 15px; 6435 background: var(--primary-color); 6436 } 6437 .wc-block-cart__submit-button{ 6438 color: #fff !important; 6439 } 6440 a.wc-block-cart__submit-button{ 6441 text-decoration: none; 6442 } 6443 .woocommerce .col2-set, .woocommerce-page .col2-set { 6444 width: 100%; 6445 } 6446 .woocommerce-account .addresses .title::after { 6447 clear: both; 6448 } 6449 .woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before { 6450 content: " "; 6451 display: table; 6452 } 6453 .woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before { 6454 content: " "; 6455 display: table; 6456 } 6457 .woocommerce li.woocommerce-MyAccount-navigation-link { 6458 list-style: none; 6459 margin-bottom: 10px; 6460 } 6461 .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { 6462 float: right; 6463 width: 48%; 6464 } 6465 .woocommerce li.woocommerce-MyAccount-navigation-link { 6466 list-style: none; 6467 margin-bottom: 10px; 6468 } 6469 .theme-chocolate-ice-cream .woocommerce-account .no-sidebar .entry-content { 6470 max-width: 500px !important; 6471 } 6472 .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments{ 6473 background:none !important; 6474 } 6475 .woocommerce #order_review { 6476 background: #efefef; 6477 padding: 20px; 6478 color: #202020; 6479 } 6480 .woocommerce td.product-name, .woocommerce th.product-name, .woocommerce th.product-total, 6481 .woocommerce tr.cart-subtotal, .woocommerce tr.order-total { 6482 text-align: right; 6483 } 6484 .woocommerce .product.type-product img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { 6485 width: 100%; 6486 } 6487 .woocommerce-cart-form__cart-item.cart_item img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { 6488 max-width: 20%; 6489 } 6490 .single-product span.onsale { 6491 background: #fff; 6492 color: #fff; 6493 padding: 5px; 6494 } 6495 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, span.onsale { 6496 top: 0px; 6497 left: auto; 6498 right: 0px; 6499 margin: 0; 6500 line-height: 1; 6501 background: var(--primary-color); 6502 border-radius: 25px; 6503 padding: 9px 10px; 6504 border-radius: 0px; 6505 height: 33px; 6506 min-height: 0; 6507 text-transform: uppercase; 6508 color:#fff; 6509 } 6510 .products li { 6511 padding: 15px !important; 6512 text-align: right; 6513 border: solid 1px #dcdcdc; 6514 text-align: center; 6515 } 6516 h2.woocommerce-loop-product__title, .woocommerce div.product .product_title { 6517 color: #202020; 6518 margin: 5px 0; 6519 font-size: 25px; 6520 text-decoration: none; 6521 } 6522 h2.woocommerce-loop-product__title, 6523 .wc-block-grid__product-title { 6524 font-size: 20px !important; 6525 padding: 8px 0 !important; 6775 6526 font-weight: 700; 6776 } 6777 6778 .give-btn:hover { 6779 color: var(--primary-color); 6780 background-color: #fff; 6781 } 6782 6783 .give-embed-form-wrapper.modal:after { 6784 background-color: #ffffffe6; 6785 } 6786 6787 .give-embed-form-wrapper.modal .close-btn { 6788 opacity: 0.7; 6789 } 6790 6791 .site-footer .give-goal-progress .income { 6792 color: #fff; 6793 } 6794 6795 6796 /*-------- blog post CSS -------*/ 6797 6798 .mag-post-single img { 6799 height: 100%; 6800 max-height: 300px; 6801 width: 100%; 6802 border-radius: 10px; 6803 object-fit: cover; 6804 } 6805 6806 .mag-post-single, 6807 .related-posts .mag-post-single { 6808 background: #fff; 6809 padding: 20px; 6810 border-radius: 20px; 6811 margin-bottom: 20px; 6812 color: var(--background-color-white); 6813 border: 1px solid; 6814 border-right: 5px solid var(--primary-color) !important; 6815 border-left: 5px solid var(--primary-color) !important; 6816 } 6817 6818 6819 /*woocommerce css*/ 6820 6821 nav.woocommerce-MyAccount-navigation li { 6822 display: inline-flex; 6823 } 6824 6825 .woocommerce li.woocommerce-MyAccount-navigation-link a, 6826 .woocommerce-Address-title.title a { 6827 text-decoration: none; 6828 color: #fff; 6829 background-color: var(--primary-color); 6830 padding: 10px; 6831 display: block; 6832 border-radius: 5px; 6833 font-weight: 500; 6834 font-size: 14px; 6835 } 6836 6837 .woocommerce #customer_login .col2-set .col-1, 6838 .woocommerce-page .col2-set .col-1, 6839 .woocommerce #customer_login .col2-set .col-2, 6840 .woocommerce-page .col2-set .col-2 { 6841 display: table-cell; 6842 max-width: 100%; 6843 float: none; 6844 } 6845 6846 .wc-block-cart__submit-button { 6847 padding: 12px 15px; 6848 color: #fff; 6849 margin: 3px; 6850 font-size: 15px; 6851 line-height: 15px; 6852 background: var(--primary-color); 6853 } 6854 6855 .wc-block-cart__submit-button { 6856 color: #fff !important; 6857 } 6858 6859 .woocommerce .col2-set, 6860 .woocommerce-page .col2-set { 6861 width: 100%; 6862 } 6863 6864 .woocommerce-account .addresses .title::after { 6865 clear: both; 6866 } 6867 6868 .woocommerce-account .addresses .title::after, 6869 .woocommerce-account .addresses .title::before { 6870 content: " "; 6871 display: table; 6872 } 6873 6874 .woocommerce .col2-set::after, 6875 .woocommerce .col2-set::before, 6876 .woocommerce-page .col2-set::after, 6877 .woocommerce-page .col2-set::before { 6878 content: " "; 6879 display: table; 6880 } 6881 6882 .woocommerce li.woocommerce-MyAccount-navigation-link { 6883 list-style: none; 6884 margin-bottom: 10px; 6885 } 6886 6887 .woocommerce .col2-set .col-1, 6888 .woocommerce-page .col2-set .col-1 { 6889 float: right; 6890 width: 48%; 6891 } 6892 6893 .woocommerce li.woocommerce-MyAccount-navigation-link { 6894 list-style: none; 6895 margin-bottom: 10px; 6896 } 6897 6898 .theme-chocolate-ice-cream .woocommerce-account .no-sidebar .entry-content { 6899 max-width: 500px !important; 6900 } 6901 6902 .woocommerce-message, 6903 .woocommerce-info, 6904 .woocommerce-error, 6905 .woocommerce-noreviews, 6906 p.no-comments { 6907 background: none !important; 6908 } 6909 6910 .woocommerce #order_review { 6911 background: #efefef; 6912 padding: 20px; 6913 color: #202020; 6914 } 6915 6916 .woocommerce td.product-name, 6917 .woocommerce th.product-name, 6918 .woocommerce th.product-total, 6919 .woocommerce tr.cart-subtotal, 6920 .woocommerce tr.order-total { 6921 text-align: right; 6922 } 6923 6924 .woocommerce .product.type-product img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { 6925 width: 100%; 6926 } 6927 6928 .woocommerce-cart-form__cart-item.cart_item img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { 6929 max-width: 20%; 6930 } 6931 6932 .single-product span.onsale { 6933 background: #fff; 6934 color: #202020; 6935 padding: 5px; 6936 } 6937 6938 .woocommerce ul.products li.product .onsale, 6939 .woocommerce span.onsale { 6940 top: 0px; 6941 left: auto; 6942 right: 0px; 6943 margin: 0; 6944 line-height: 1; 6945 background: var(--primary-color); 6946 border-radius: 25px; 6947 padding: 9px 10px; 6948 border-radius: 0px; 6949 height: 33px; 6950 min-height: 0; 6951 text-transform: uppercase; 6952 } 6953 6954 .products li { 6955 padding: 15px !important; 6956 text-align: right; 6957 border: solid 1px #dcdcdc; 6958 text-align: center; 6959 } 6960 6961 h2.woocommerce-loop-product__title, 6962 .woocommerce div.product .product_title { 6963 color: #202020; 6964 margin: 5px 0; 6965 font-size: 25px; 6966 text-decoration: none; 6967 } 6968 6969 h2.woocommerce-loop-product__title { 6970 font-size: 22px; 6971 font-weight: 400; 6972 } 6973 6974 .woocommerce ul.products li.product .price, 6975 .woocommerce div.product p.price, 6976 .woocommerce div.product span.price { 6977 margin: 10px 0; 6978 font-size: 16px; 6979 color: var(--primary-color); 6980 display: block; 6981 } 6982 6983 .woocommerce-shop h2.woocommerce-loop-product__title, 6527 text-decoration:none; 6528 } 6529 .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{ 6530 margin: 10px 0; 6531 font-size: 16px; 6532 color: var(--primary-color); 6533 display: block; 6534 } 6535 .woocommerce-shop h2.woocommerce-loop-product__title, 6984 6536 .woocommerce-shop .woocommerce div.product .product_title, 6985 6537 .woocommerce-shop .woocommerce ul.products li.product .price, 6986 .woocommerce-shop .woocommerce div.product p.price, 6538 .woocommerce-shop .woocommerce div.product p.price, 6987 6539 .woocommerce-shop .woocommerce div.product span.price, 6988 6540 .related.products h2.woocommerce-loop-product__title, … … 6991 6543 .related.products div.product p.price, 6992 6544 .related.products div.product span.price { 6993 color: var(--color-text-main); 6994 } 6995 6996 .woocommerce ul.products li.product .button, 6997 a.checkout-button.button.alt.wc-forward, 6998 a.added_to_cart.wc-forward { 6999 margin-top: 5px; 7000 font-size: 15px; 7001 font-weight: 500; 7002 background-color: var(--primary-color); 7003 color: #fff; 7004 padding: 10px 15px; 7005 text-decoration: none; 7006 display: inline-block; 7007 border-radius: 5px; 7008 } 7009 7010 .woocommerce-Price-amount.amount { 7011 background-color: none; 7012 } 7013 6545 color: var(--color-text-main); 6546 } 6547 .woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward , a.added_to_cart.wc-forward{ 6548 margin-top: 5px; 6549 font-size: 15px; 6550 font-weight: 500; 6551 background-color: var(--primary-color); 6552 color: #fff; 6553 padding: 10px 15px; 6554 text-decoration: none; 6555 display: inline-block; 6556 border-radius: 5px; 6557 } 6558 .woocommerce-Price-amount.amount{ 6559 background-color: none; 6560 } 7014 6561 form.woocommerce-ordering { 7015 float: left; 7016 } 7017 6562 float: left; 6563 } 7018 6564 select.orderby { 7019 padding: 10px; 7020 margin-bottom: 20px; 7021 } 7022 6565 padding: 10px; 6566 margin-bottom: 20px; 6567 } 7023 6568 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { 7024 margin-left: 10px; 7025 } 7026 6569 margin-left: 10px; 6570 } 7027 6571 .woocommerce-cart-form__cart-item.cart_item .cart_totals { 7028 background-color: #fff; 7029 padding: 10px; 7030 color: #202020; 7031 } 7032 7033 .woocommerce-cart-form input { 7034 width: 20%; 7035 } 7036 6572 background-color: #fff; 6573 padding: 10px; 6574 color: #202020; 6575 } 6576 .woocommerce-cart-form input{ 6577 width: 20%; 6578 } 7037 6579 .woocommerce-cart-form .coupon { 7038 margin-top: 20px; 7039 margin-bottom: 20px; 7040 } 7041 6580 margin-top: 20px; 6581 margin-bottom: 20px; 6582 } 7042 6583 .woocommerce .cart-collaterals { 7043 background: #efefef; 7044 padding: 20px; 7045 color: #202020; 7046 } 7047 6584 background: #efefef; 6585 padding: 20px; 6586 color: #202020; 6587 } 7048 6588 .woocommerce form.cart { 7049 display: flex; 7050 } 7051 7052 .star-rating span::before, 7053 p.stars a::before { 7054 color: var(--primary-color) !important; 7055 opacity: 1 !important; 7056 } 7057 6589 display: flex; 6590 } 6591 .star-rating span::before, p.stars a::before{ 6592 color:var(--primary-color) !important; 6593 opacity: 1 !important; 6594 } 7058 6595 body.home .star-rating { 7059 margin: 5px auto; 7060 text-align: center; 7061 } 7062 6596 margin: 5px auto; 6597 text-align: center; 6598 } 7063 6599 body.home span.rating-box { 7064 text-align: center; 7065 margin: 0 auto; 7066 } 7067 6600 text-align: center; 6601 margin: 0 auto; 6602 } 7068 6603 body.woocommerce-shop .star-rating { 7069 margin: 0 auto; 7070 text-align: center; 7071 } 7072 6604 margin: 0 auto; 6605 text-align: center; 6606 } 7073 6607 body.woocommerce-shop span.rating-box { 7074 text-align: center; 7075 margin: 0 auto; 7076 } 7077 7078 .woocommerce-tabs ul.tabs li { 7079 margin-left: 10px; 7080 } 7081 7082 .woocommerce-tabs ul.tabs { 7083 display: inline-flex; 7084 gap: 20px; 7085 } 7086 6608 text-align: center; 6609 margin: 0 auto; 6610 } 6611 6612 .woocommerce-tabs ul.tabs li{ 6613 margin-left: 10px; 6614 } 6615 .woocommerce-tabs ul.tabs{ 6616 display: inline-flex; 6617 gap: 20px; 6618 } 6619 .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{ 6620 width: 100%; 6621 } 6622 .wp-block-woocommerce-empty-cart-block .add_to_cart_button { 6623 border-radius: 3px !important; 6624 font-weight: 700 !important; 6625 padding: 12px 15px !important; 6626 color: #fff !important; 6627 margin: 3px !important; 6628 font-size: 18px !important; 6629 line-height: 15px !important; 6630 background: var(--primary-color) !important; 6631 } 6632 .add_to_cart_button:hover{ 6633 background: #111111 !important; 6634 color: #fff !important; 6635 } 6636 .wc-block-grid__product-onsale { 6637 top: 0px !important; 6638 left: auto !important; 6639 right: 0px !important; 6640 margin: 0 !important; 6641 line-height: 1 !important; 6642 background: #000 !important; 6643 border-radius: 25px !important; 6644 padding: 9px 10px !important; 6645 border-radius: 0px !important; 6646 height: 33px !important; 6647 min-height: 0 !important; 6648 text-transform: uppercase !important; 6649 color: #fff !important; 6650 font-size: 13.5px !important; 6651 } 6652 .wc-block-components-button__text{ 6653 color:#fff; 6654 } 6655 .wc-block-components-button{ 6656 text-decoration: none !important; 6657 } 6658 .wc-block-grid__products a, .wc-block-grid__product-price ins, .woocommerce ul.products li.product .price ins{ 6659 text-decoration: none; 6660 } 6661 .wc-block-grid__product-price span{ 6662 font-weight: 700; 6663 font-size: 16px; 6664 color: var(--primary-color); 6665 } 6666 .woocommerce .star-rating{ 6667 float: none !important; 6668 margin: auto !important; 6669 font-size: 20px; 6670 } 6671 .wc-block-grid__product-title { 6672 color: #000 !important; 6673 } 6674 .wc-block-grid__products{ 6675 gap: 10px; 6676 } 6677 .wc-block-grid__product .wc-block-grid__product-onsale { 6678 background-color: var(--primary-color) !important; 6679 color: #fff !important; 6680 } 7087 6681 @media (min-width: 1171px) { 7088 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 7089 width: 100%; 7090 margin-right: 0px; 7091 } 7092 } 7093 6682 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 6683 width: 100%; 6684 margin-right: 0px; 6685 } 6686 } 7094 6687 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 7095 width: 100%; 7096 margin-right: 0px; 7097 } 7098 6688 width: 100%; 6689 margin-right: 0px; 6690 } 6691 .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { 6692 border: 1px solid; 6693 padding: 11px; 6694 } 6695 .wp-block-woocommerce-cart-order-summary-block { 6696 border: 1px solid; 6697 padding: 5px; 6698 } 6699 .is-large.wc-block-cart .wc-block-cart-items th { 6700 font-size: 20px; 6701 6702 } 6703 .wc-block-components-product-badge.wc-block-components-sale-badge { 6704 padding: 8px; 6705 } 6706 .is-large.wc-block-cart .wc-block-cart__totals-title { 6707 font-size: 14px; 6708 } 6709 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{ 6710 border: 1px solid; 6711 color: #000; 6712 width: 140%; 6713 } 6714 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-product-name{ 6715 font-size: 20px; 6716 color: #000; 6717 } 6718 .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price { 6719 font-weight: 700; 6720 margin-right: auto; 6721 color: #000; 6722 text-align: left; 6723 } 6724 .wc-block-components-formatted-money-amount { 6725 white-space: nowrap; 6726 color: #000; 6727 } 6728 .wc-block-components-totals-item__label { 6729 flex-grow: 1; 6730 color: #000; 6731 } 6732 .wc-block-components-product-price__value.is-discounted { 6733 margin-right: 0.5em; 6734 color: #000; 6735 } 6736 del.wc-block-components-product-price__regular.wc-block-components-order-summary-item__regular-individual-price { 6737 color: #000; 6738 } 7099 6739 .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { 7100 border: 1px solid;7101 padding: 11px;7102 } 7103 6740 border: 1px solid; 6741 color: #000; 6742 padding: 11px; 6743 } 7104 6744 .wp-block-woocommerce-cart-order-summary-block { 7105 border: 1px solid; 7106 padding: 1px; 7107 } 7108 7109 .is-large.wc-block-cart .wc-block-cart-items th { 7110 font-size: 20px; 7111 } 7112 7113 .wc-block-components-product-badge.wc-block-components-sale-badge { 7114 padding: 8px; 7115 } 7116 7117 .is-large.wc-block-cart .wc-block-cart__totals-title { 7118 font-size: 14px; 7119 } 7120 7121 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block { 7122 border: 1px solid; 7123 color: #000; 7124 width: 140%; 7125 } 7126 7127 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-product-name { 7128 font-size: 20px; 7129 color: #000; 7130 } 7131 7132 .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price { 7133 font-weight: 700; 7134 margin-right: auto; 7135 color: #000; 7136 text-align: left; 7137 } 7138 7139 .wc-block-components-formatted-money-amount { 7140 white-space: nowrap; 7141 color: #000; 7142 } 7143 7144 .wc-block-components-totals-item__label { 7145 flex-grow: 1; 7146 color: #000; 7147 } 7148 7149 .wc-block-components-product-price__value.is-discounted { 7150 margin-right: 0.5em; 7151 color: #000; 7152 } 7153 7154 del.wc-block-components-product-price__regular.wc-block-components-order-summary-item__regular-individual-price { 7155 color: #000; 7156 } 7157 7158 .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { 7159 border: 1px solid; 7160 color: #000; 7161 padding: 11px; 7162 } 7163 7164 .wp-block-woocommerce-cart-order-summary-block { 7165 border: 1px solid; 7166 padding: 10px; 7167 color: #000; 7168 } 7169 .woocommerce a.added_to_cart { 7170 font-size: 18px; 7171 font-weight: 700; 7172 border-radius: 3px; 7173 } 7174 header.woocommerce-products-header { 7175 color: #000; 7176 } 7177 6745 border: 1px solid; 6746 padding: 10px; 6747 color: #000; 6748 } 6749 header.woocommerce-products-header{ 6750 color: #000; 6751 } 7178 6752 span.tags-links { 7179 color: #000;6753 color: #000; 7180 6754 } 7181 6755 7182 6756 .nav-previous a { 7183 border: 2px solid; 7184 padding: 8px 16px; 7185 } 7186 6757 border: 2px solid; 6758 padding: 8px 16px; 6759 } 7187 6760 .nav-next a { 7188 border: 1px solid; 7189 padding: 8px 16px; 7190 } 6761 border: 1px solid; 6762 padding: 8px 16px; 6763 } 6764 7191 6765 7192 6766 7193 6767 /*------------------------ NEW CSS -------------------------- */ 7194 6768 7195 7196 /* Basic sticky header style */ 7197 7198 .sticky-header { 7199 top: 0; 7200 z-index: 1000; 7201 /* Ensures the header is above other content */ 7202 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 7203 /* Optional: adds a shadow for better visibility */ 7204 } 7205 7206 body.admin-bar .sticky-header { 7207 top: 32px; 7208 } 7209 7210 .sticky-header.is-sticky { 7211 right: 0; 7212 transition: all 0.3s ease-in-out; 7213 position: -webkit-sticky !important; 7214 /* For Safari */ 7215 position: fixed !important; 7216 background: #ffffff; 7217 width: 100%; 7218 padding: 10px; 7219 } 7220 7221 p.site-description { 7222 text-align: right; 7223 } 7224 7225 @media only screen and (max-width: 1500px) { 7226 .related-posts .row { 7227 display: grid; 7228 grid-gap: 20px; 7229 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 7230 } 7231 } 7232 7233 @media only screen and (max-width: 1200px) { 7234 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block { 7235 width: 100%; 7236 } 6769 /* Basic sticky header style */ 6770 .sticky-header { 6771 top: 0; 6772 z-index: 1000; /* Ensures the header is above other content */ 6773 box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a shadow for better visibility */ 6774 } 6775 6776 body.admin-bar .sticky-header{ 6777 top: 32px; 6778 } 6779 6780 .sticky-header.is-sticky { 6781 right: 0; 6782 transition: all 0.3s ease-in-out; 6783 position: -webkit-sticky !important; /* For Safari */ 6784 position: fixed !important; 6785 background: #ffffff; 6786 width: 100%; 6787 padding: 10px; 6788 } 6789 6790 p.site-description { 6791 text-align: right; 6792 } 6793 6794 @media only screen and (max-width: 1500px) { 6795 .related-posts .row { 6796 display: grid; 6797 grid-gap: 20px; 6798 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 6799 } 6800 } 6801 6802 @media only screen and (max-width: 1200px) { 6803 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{ 6804 width: 100%; 6805 } 6806 } 6807 6808 @media only screen and (max-width: 900px) { 6809 body.admin-bar .sticky-header { 6810 top: 45px; 6811 } 6812 .top-header-part .bottom-header-part-wrapper { 6813 padding: 10px 5px; 6814 } 6815 } 6816 6817 @media only screen and (max-width: 600px) { 6818 .sticky-header,.sticky-header.is-sticky { 6819 position: unset !important; 6820 } 6821 h1.site-title { 6822 text-align: center; 6823 } 6824 .header-contact-inner { 6825 display: flex; 6826 flex-direction: column; 6827 justify-content: center; 6828 align-items: center; 6829 gap: 5px; 6830 } 6831 .top-header-part .bottom-header-part-wrapper { 6832 gap: 10px; 6833 place-items: center; 6834 place-content: center; 6835 } 6836 .header-social-inner span { 6837 margin-right: 0px; 6838 margin-left: 0px; 6839 } 6840 p.site-description { 6841 text-align: center; 6842 } 6843 .related-posts .row { 6844 grid-template-columns: 1fr; 6845 } 6846 } 6847 6848 nav.woocommerce-breadcrumb { 6849 display: none; 6850 } 6851 6852 .paganot-found-button { 6853 margin-top: 30px; 6854 } 6855 6856 .main-navigation ul.menu .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children { 6857 display: none; 6858 } 6859 6860 h1.banner-caption-title { 6861 word-break: break-all; 6862 } 6863 .caption-description p { 6864 word-break: break-all; 6865 } 6866 h1.entry-title { 6867 word-break: break-all; 6868 } 6869 span.nav-title { 6870 word-break: break-all; 6871 } 6872 h2.woocommerce-loop-product__title { 6873 word-break: break-all; 6874 } 6875 .entry-content { 6876 word-break: break-all; 6877 } 6878 .banner-slider-btn { 6879 margin-top: 10px; 6880 } 6881 .header-social-inner span { 6882 word-break: break-all; 6883 } 6884 6885 /* scroll top css */ 6886 6887 /* Shape Options */ 6888 #scroll-to-top.box { 6889 border-radius: 0; 6890 } 6891 6892 #scroll-to-top.curved-box { 6893 border-radius: 15px; 6894 } 6895 6896 #scroll-to-top.circle { 6897 border-radius: 50%; 6898 } 6899 6900 .media-container audio{ 6901 width: 100%; 6902 } 6903 .video-container video { 6904 width: 100%; 6905 border-radius: 10px; 6906 } 6907 body.site-boxed--layout #page { 6908 margin: 50px; 6909 box-shadow: 0 0 15px rgba(0, 0, 0, 32%); 6910 position: relative; 6911 } 6912 6913 body.site-wide--layout #page { 6914 margin: 0; 6915 box-shadow: none; 6916 } 6917 6918 nav.wp-calendar-nav span a{ 6919 color: var(--primary-color) !important; 6920 } 6921 6922 /* Read More CSS */ 6923 6924 .read-more-button { 6925 display: inline-flex; 6926 align-items: center; 6927 padding: 10px 20px; 6928 margin-top: 10px; 6929 background-color: #000; 6930 color: #ffffff !important; 6931 text-decoration: none; 6932 border-radius: 5px; 6933 font-size: 16px; 6934 transition: all 0.5s ease; 6935 } 6936 6937 .read-more-button .dashicons { 6938 margin-right: 8px; 6939 font-size: 20px; 6940 transition: transform 0.5s ease; 6941 } 6942 6943 .read-more-button:hover { 6944 background-color: var(--primary-color); 6945 cursor: pointer; 6946 } 6947 6948 .mag-post-read-more a { 6949 transition: all 0.5s ease; 6950 } 6951 6952 .mag-post-read-more i { 6953 padding-right: 10px; 6954 transition: transform 0.5s ease; 6955 } 6956 6957 .read-more-button:hover .dashicons, .read-more-button:hover i { 6958 transform: translateX(-8px); 6959 } 6960 6961 .mag-post-read-more a { 6962 position: relative; 6963 } 6964 6965 .read-more-button::before { 6966 content: ''; 6967 position: absolute; 6968 top: 0; 6969 right: -100em; 6970 width: 100%; 6971 height: 100%; 6972 background-color: rgba(255, 255, 255, 0.1); 6973 transition: right 0.5s ease; 6974 } 6975 6976 .read-more-button:hover::before { 6977 right: 0; 6978 } 6979 6980 div#content { 6981 margin-top: 3em; 6982 } 6983 6984 nav.woocommerce-MyAccount-navigation { 6985 margin-bottom: 20px; 6986 margin-top: 20px; 6987 } 6988 6989 /*------------------------------------* PAGE TITLE HEADER CSS*------------------------------------*/ 6990 6991 h1.page-header-title{ 6992 font-size: 50px; 6993 } 6994 h2.page-header-title{ 6995 font-size: 40px; 6996 } 6997 h3.page-header-title{ 6998 font-size: 30px; 6999 } 7000 h4.page-header-title{ 7001 font-size: 26px; 7002 } 7003 h5.page-header-title{ 7004 font-size: 24px; 7005 } 7006 h6.page-header-title{ 7007 font-size: 22px; 7008 } 7009 7010 .page-header { 7011 position: relative; 7012 background-color: #eee; 7013 padding: 50px 0; 7014 } 7015 .page-header .container { 7016 position: relative; 7017 } 7018 7019 .page-header-title { 7020 display: block; 7021 line-height: 1.4em; 7022 margin: 0; 7023 color: #222222; 7024 } 7025 7026 h2.page-header-title{ 7027 margin: 5px 0; 7028 } 7029 7030 nav.breadcrumb-trail.breadcrumbs { 7031 margin: 5px 0; 7032 } 7033 7034 .header-style-centered .page-header-inner { 7035 text-align: center; 7036 } 7037 7038 .header-style-inline .page-header-inner { 7039 display: flex; 7040 align-items: center; 7041 justify-content: space-between; 7042 } 7043 7044 7045 @media only screen and (max-width: 700px) { 7046 .hide-on-mobile { 7047 display: none; 7048 } 7049 } 7050 7051 @media only screen and (min-width: 768px) and (max-width: 1000px) { 7052 .hide-on-tablet { 7053 display: none; 7054 } 7237 7055 } 7238 7056 7239 7057 @media only screen and (max-width: 900px) { 7240 body.admin-bar .sticky-header { 7241 top: 45px; 7242 } 7243 .top-header-part .bottom-header-part-wrapper { 7244 padding: 10px 5px; 7245 } 7058 .hide-on-tablet-mobile { 7059 display: none; 7060 } 7061 } 7062 7063 header.page-header.has-background-image{ 7064 position: relative; 7065 } 7066 7067 header.page-header.has-background-image .page-header-inner { 7068 position: absolute; 7069 top: 50%; 7070 right: 50%; 7071 transform: translate(50%, -50%); 7072 width: 100%; 7073 } 7074 7075 header.page-header { 7076 overflow-wrap: anywhere; 7077 } 7078 7079 .woocommerce-products-header__title { 7080 display: none; 7081 } 7082 7083 @media only screen and (max-width: 700px) { 7084 .asterthemes-wrapper.page-header-inner { 7085 display: flex; 7086 justify-content: center; 7087 align-items: center; 7088 flex-direction: column; 7089 } 7090 nav.breadcrumb-trail.breadcrumbs { 7091 width: 100%; 7092 } 7093 .page-header-title { 7094 width: 100%; 7095 } 7096 .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { 7097 width: 100%; 7098 float: right; 7099 clear: both; 7100 margin: 0 0 2.992em; 7101 } 7102 } 7103 7104 h2.woocommerce-loop-product__title { 7105 overflow-wrap: anywhere; 7106 } 7107 div#tab-description { 7108 overflow-wrap: anywhere; 7109 } 7110 7111 .widget ol:not(.chocolate-ice-cream-tabs) ol, .widget ol:not(.chocolate-ice-cream-tabs) ul, .widget ul:not(.chocolate-ice-cream-tabs) ol, .widget ul:not(.chocolate-ice-cream-tabs) ul { 7112 padding-top: 0px !important; 7113 margin-right: 0px !important; 7114 } 7115 @media only screen and (max-width: 900px) { 7116 .widget ol:not(.chocolate-ice-cream-tabs) ol, .widget ol:not(.chocolate-ice-cream-tabs) ul, .widget ul:not(.chocolate-ice-cream-tabs) ol, .widget ul:not(.chocolate-ice-cream-tabs) ul { 7117 padding-right: 0px !important; 7118 } 7119 } 7120 7121 .entry-content { 7122 overflow-wrap: anywhere; 7123 } 7124 7125 .asterthemes-wrapper.page-header-inner{ 7126 gap: 10px; 7127 } 7128 7129 7130 .dt_footer-widgets.one-column .footer-one-column { 7131 width: 100%; 7132 } 7133 7134 .dt_footer-widgets.two-columns .footer-one-column { 7135 width: 50%; 7136 } 7137 7138 .dt_footer-widgets.three-columns .footer-one-column { 7139 width: 33.33%; 7140 } 7141 7142 .dt_footer-widgets.four-columns .footer-one-column { 7143 width: 25%; 7144 } 7145 7146 @media only screen and (max-width: 800px) { 7147 .calendar_wrap { 7148 font-size: 14px; 7149 } 7246 7150 } 7247 7151 7248 7152 @media only screen and (max-width: 600px) { 7249 .sticky-header, 7250 .sticky-header.is-sticky { 7251 position: unset !important; 7252 } 7253 h1.site-title { 7254 text-align: center; 7255 } 7256 .header-contact-inner { 7257 display: flex; 7258 flex-direction: column; 7259 justify-content: center; 7260 align-items: center; 7261 gap: 5px; 7262 } 7263 .top-header-part .bottom-header-part-wrapper { 7264 gap: 10px; 7265 place-items: center; 7266 place-content: center; 7267 } 7268 .header-social-inner span { 7269 margin-right: 0px; 7270 margin-left: 0px; 7271 } 7272 p.site-description { 7273 text-align: center; 7274 } 7275 .related-posts .row { 7276 grid-template-columns: 1fr; 7277 } 7278 } 7279 7280 nav.woocommerce-breadcrumb { 7281 display: none; 7282 } 7283 7284 .paganot-found-button { 7285 margin-top: 30px; 7286 } 7287 7288 .main-navigation ul.menu .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children { 7289 display: none; 7290 } 7291 7292 h1.banner-caption-title { 7293 word-break: break-all; 7294 } 7295 7296 .caption-description p { 7297 word-break: break-all; 7298 } 7299 7300 h1.entry-title { 7301 word-break: break-all; 7302 } 7303 7304 span.nav-title { 7305 word-break: break-all; 7306 } 7307 7308 h2.woocommerce-loop-product__title { 7309 word-break: break-all; 7310 } 7311 7312 .entry-content { 7313 word-break: break-all; 7314 } 7315 7316 .banner-slider-btn { 7317 margin-top: 10px; 7318 } 7319 7320 .header-social-inner span { 7321 word-break: break-all; 7322 } 7323 7324 7325 /* scroll top css */ 7326 7327 7328 /* Shape Options */ 7329 7330 #scroll-to-top.box { 7331 border-radius: 0; 7332 } 7333 7334 #scroll-to-top.curved-box { 7335 border-radius: 15px; 7336 } 7337 7338 #scroll-to-top.circle { 7339 border-radius: 50%; 7340 } 7341 7342 .media-container audio { 7343 width: 100%; 7344 } 7345 7346 .video-container video { 7347 width: 100%; 7348 border-radius: 10px; 7349 } 7350 7351 body.site-boxed--layout #page { 7352 margin: 50px; 7353 box-shadow: 0 0 15px rgba(0, 0, 0, 32%); 7354 position: relative; 7355 } 7356 7357 body.site-wide--layout #page { 7358 margin: 0; 7359 box-shadow: none; 7360 } 7361 7362 nav.wp-calendar-nav span a { 7363 color: var(--primary-color) !important; 7364 } 7365 7366 7367 /* Read More CSS */ 7368 7369 .read-more-button { 7370 display: inline-flex; 7371 align-items: center; 7372 padding: 10px 20px; 7373 margin-top: 10px; 7374 background-color: #000; 7375 color: #ffffff !important; 7376 text-decoration: none; 7377 border-radius: 5px; 7378 font-size: 16px; 7379 transition: all 0.5s ease; 7380 } 7381 7382 .read-more-button .dashicons { 7383 margin-right: 8px; 7384 font-size: 20px; 7385 transition: transform 0.5s ease; 7386 } 7387 7388 .read-more-button:hover { 7389 background-color: var(--primary-color); 7390 cursor: pointer; 7391 } 7392 7393 .mag-post-read-more a { 7394 transition: all 0.5s ease; 7395 } 7396 7397 .mag-post-read-more i { 7398 padding-right: 10px; 7399 transition: transform 0.5s ease; 7400 } 7401 7402 .read-more-button:hover .dashicons, 7403 .read-more-button:hover i { 7404 transform: translateX(-8px); 7405 } 7406 7407 .mag-post-read-more a { 7408 position: relative; 7409 } 7410 7411 .read-more-button::before { 7412 content: ''; 7413 position: absolute; 7414 top: 0; 7415 right: -100em; 7416 width: 100%; 7417 height: 100%; 7418 background-color: rgba(255, 255, 255, 0.1); 7419 transition: right 0.5s ease; 7420 } 7421 7422 .read-more-button:hover::before { 7423 right: 0; 7424 } 7425 7426 div#content { 7427 margin-top: 3em; 7428 } 7429 7430 nav.woocommerce-MyAccount-navigation { 7431 margin-bottom: 20px; 7432 margin-top: 20px; 7433 } 7434 7435 7436 /*------------------------------------* PAGE TITLE HEADER CSS*------------------------------------*/ 7437 7438 h1.page-header-title { 7439 font-size: 50px; 7440 } 7441 7442 h2.page-header-title { 7443 font-size: 40px; 7444 } 7445 7446 h3.page-header-title { 7447 font-size: 30px; 7448 } 7449 7450 h4.page-header-title { 7451 font-size: 26px; 7452 } 7453 7454 h5.page-header-title { 7455 font-size: 24px; 7456 } 7457 7458 h6.page-header-title { 7459 font-size: 22px; 7460 } 7461 7462 .page-header { 7463 position: relative; 7464 background-color: #f5f5f5; 7465 padding: 50px 0; 7466 } 7467 7468 .page-header .container { 7469 position: relative; 7470 } 7471 7472 .page-header-title { 7473 display: block; 7474 line-height: 1.4em; 7475 margin: 0; 7476 color: #222222; 7477 } 7478 7479 h2.page-header-title { 7480 margin: 5px 0; 7481 } 7482 7483 nav.breadcrumb-trail.breadcrumbs { 7484 margin: 5px 0; 7485 } 7486 7487 .header-style-centered .page-header-inner { 7488 text-align: center; 7489 } 7490 7491 .header-style-inline .page-header-inner { 7492 display: flex; 7493 align-items: center; 7494 justify-content: space-between; 7495 } 7496 7497 @media only screen and (max-width: 700px) { 7498 .hide-on-mobile { 7499 display: none; 7500 } 7501 } 7502 7503 @media only screen and (min-width: 768px) and (max-width: 1000px) { 7504 .hide-on-tablet { 7505 display: none; 7506 } 7507 } 7508 7509 @media only screen and (max-width: 900px) { 7510 .hide-on-tablet-mobile { 7511 display: none; 7512 } 7513 } 7514 7515 header.page-header.has-background-image { 7516 position: relative; 7517 } 7518 7519 header.page-header.has-background-image .page-header-inner { 7520 position: absolute; 7521 top: 50%; 7522 right: 50%; 7523 transform: translate(50%, -50%); 7524 width: 100%; 7525 } 7526 7527 header.page-header { 7528 overflow-wrap: anywhere; 7529 } 7530 7531 .woocommerce-products-header__title { 7532 display: none; 7533 } 7534 7535 @media only screen and (max-width: 700px) { 7536 .asterthemes-wrapper.page-header-inner { 7537 display: flex; 7538 justify-content: center; 7539 align-items: center; 7540 flex-direction: column; 7541 } 7542 nav.breadcrumb-trail.breadcrumbs { 7543 width: 100%; 7544 } 7545 .page-header-title { 7546 width: 100%; 7547 } 7548 .woocommerce ul.products[class*=columns-] li.product, 7549 .woocommerce-page ul.products[class*=columns-] li.product { 7550 width: 100%; 7153 .footer-one-column{ 7154 width: 100% !important; 7155 } 7156 .dt_footer-widgets .footer-widgets-column { 7157 display: block !important; 7158 } 7159 } 7160 7161 /* ARCHIVE LAYOUT */ 7162 7163 .chocolate_ice_cream-archive-layout { 7164 margin-bottom: 30px; 7165 } 7166 7167 .chocolate_ice_cream-archive-layout.grid-layout { 7168 display: grid; 7169 grid-gap: 30px; 7170 } 7171 7172 .chocolate_ice_cream-archive-layout.grid-layout article { 7173 margin-bottom: 0; 7174 } 7175 7176 .chocolate_ice_cream-archive-layout.grid-layout.column-2 { 7177 grid-template-columns: repeat(2, 1fr); 7178 } 7179 7180 .chocolate_ice_cream-archive-layout.grid-layout.column-3 { 7181 grid-template-columns: repeat(3, 1fr); 7182 grid-gap: 20px; 7183 } 7184 7185 .chocolate_ice_cream-archive-layout.grid-layout.column-4 { 7186 grid-template-columns: repeat(4, 1fr); 7187 grid-gap: 20px; 7188 } 7189 7190 .chocolate_ice_cream-archive-layout.grid-layout.column-4 .mag-post-single{ 7191 padding: 15px; 7192 } 7193 7194 .chocolate_ice_cream-archive-layout.grid-layout.column-3 .read-more-button { 7195 padding: 10px 10px; 7196 } 7197 7198 .chocolate_ice_cream-archive-layout.grid-layout.column-4 .read-more-button { 7199 padding: 10px 15px; 7200 } 7201 7202 @media screen and (min-width: 1100px) and (max-width: 2000px) { 7203 .wc-block-components-sidebar.wc-block-checkout__sidebar { 7204 padding-right: 0.264151% !important; 7205 width: 25% !important; 7206 } 7207 } 7208 @media (max-width: 991px) { 7209 .chocolate_ice_cream-archive-layout.grid-layout.column-4 { 7210 grid-template-columns: repeat(3, 1fr); 7211 } 7212 } 7213 7214 @media (max-width: 768px) { 7215 .chocolate_ice_cream-archive-layout.grid-layout.column-4, .chocolate_ice_cream-archive-layout.grid-layout.column-3 { 7216 grid-template-columns: repeat(2, 1fr); 7217 } 7218 } 7219 7220 @media (max-width: 600px) { 7221 .chocolate_ice_cream-archive-layout.grid-layout.column-4,.chocolate_ice_cream-archive-layout.grid-layout.column-2,.chocolate_ice_cream-archive-layout.grid-layout.column-3 { 7222 grid-template-columns: repeat(1, 1fr); 7223 } 7224 .site-logo img, .site-logo a, .site-logo, .site-branding { 7225 width: 100%; 7226 text-align: center; 7227 } 7228 } 7229 7230 .site-logo img,.site-logo a,.site-logo, .site-branding { 7231 width: 100%; 7232 } 7233 7234 @media screen and (min-width: 300px) and (max-width: 991px) { 7235 .main-navigation ul ul { 7236 position: relative; 7237 float: none; 7238 } 7239 .main-navigation ul li > ul { 7240 opacity: 1; 7241 } 7242 .main-navigation ul a { 7243 padding: 10px 20px; 7244 border-bottom: 1px solid #f1f1f1; 7245 text-align: right; 7246 } 7247 } 7248 7249 .woocommerce-Addresses .woocommerce .col2-set, .woocommerce-page .col2-set { 7250 display: flex; 7251 } 7252 .woocommerce-Address-title.title{ 7253 margin-bottom: 20px !important; 7254 } 7255 .woocommerce-account .addresses .title .edit{ 7551 7256 float: right; 7552 clear: both; 7553 margin: 0 0 2.992em; 7554 } 7555 } 7556 7557 h2.woocommerce-loop-product__title { 7558 overflow-wrap: anywhere; 7559 } 7560 7561 div#tab-description { 7562 overflow-wrap: anywhere; 7563 } 7564 7565 .widget ol:not(.chocolate-ice-cream-tabs) ol, 7566 .widget ol:not(.chocolate-ice-cream-tabs) ul, 7567 .widget ul:not(.chocolate-ice-cream-tabs) ol, 7568 .widget ul:not(.chocolate-ice-cream-tabs) ul { 7569 padding-top: 0px !important; 7570 margin-right: 0px !important; 7571 } 7572 7573 @media only screen and (max-width: 900px) { 7574 .widget ol:not(.chocolate-ice-cream-tabs) ol, 7575 .widget ol:not(.chocolate-ice-cream-tabs) ul, 7576 .widget ul:not(.chocolate-ice-cream-tabs) ol, 7577 .widget ul:not(.chocolate-ice-cream-tabs) ul { 7578 padding-right: 0px !important; 7579 } 7580 } 7581 7582 .entry-content { 7583 overflow-wrap: anywhere; 7584 } 7585 7586 .asterthemes-wrapper.page-header-inner { 7587 gap: 10px; 7588 } 7589 7590 .dt_footer-widgets.one-column .footer-one-column { 7591 width: 100%; 7592 } 7593 7594 .dt_footer-widgets.two-columns .footer-one-column { 7595 width: 50%; 7596 } 7597 7598 .dt_footer-widgets.three-columns .footer-one-column { 7599 width: 33.33%; 7600 } 7601 7602 .dt_footer-widgets.four-columns .footer-one-column { 7603 width: 25%; 7604 } 7605 7606 @media only screen and (max-width: 800px) { 7607 .calendar_wrap { 7608 font-size: 14px; 7609 } 7610 } 7611 7612 @media only screen and (max-width: 600px) { 7613 .footer-one-column { 7614 width: 100% !important; 7615 } 7616 .dt_footer-widgets .footer-widgets-column { 7617 display: block !important; 7618 } 7619 } 7620 7621 7622 /* ARCHIVE LAYOUT */ 7623 7624 .chocolate_ice_cream-archive-layout { 7625 margin-bottom: 30px; 7626 } 7627 7628 .chocolate_ice_cream-archive-layout.grid-layout { 7629 display: grid; 7630 grid-gap: 30px; 7631 } 7632 7633 .chocolate_ice_cream-archive-layout.grid-layout article { 7634 margin-bottom: 0; 7635 } 7636 7637 .chocolate_ice_cream-archive-layout.grid-layout.column-2 { 7638 grid-template-columns: repeat(2, 1fr); 7639 } 7640 7641 .chocolate_ice_cream-archive-layout.grid-layout.column-3 { 7642 grid-template-columns: repeat(3, 1fr); 7643 grid-gap: 20px; 7644 } 7645 7646 .chocolate_ice_cream-archive-layout.grid-layout.column-4 { 7647 grid-template-columns: repeat(4, 1fr); 7648 grid-gap: 20px; 7649 } 7650 7651 .chocolate_ice_cream-archive-layout.grid-layout.column-4 .mag-post-single { 7652 padding: 15px; 7653 } 7654 7655 .chocolate_ice_cream-archive-layout.grid-layout.column-3 .read-more-button { 7656 padding: 10px 10px; 7657 } 7658 7659 .chocolate_ice_cream-archive-layout.grid-layout.column-4 .read-more-button { 7660 padding: 10px 15px; 7661 } 7662 7663 @media screen and (min-width: 1100px) and (max-width: 2000px) { 7664 .wc-block-components-sidebar.wc-block-checkout__sidebar { 7665 padding-right: 0.264151% !important; 7666 width: 25% !important; 7667 } 7668 } 7669 7670 @media (max-width: 991px) { 7671 .chocolate_ice_cream-archive-layout.grid-layout.column-4 { 7672 grid-template-columns: repeat(3, 1fr); 7673 } 7674 } 7675 7676 @media (max-width: 768px) { 7677 .chocolate_ice_cream-archive-layout.grid-layout.column-4, 7678 .chocolate_ice_cream-archive-layout.grid-layout.column-3 { 7679 grid-template-columns: repeat(2, 1fr); 7680 } 7681 } 7682 7683 @media (max-width: 600px) { 7684 .chocolate_ice_cream-archive-layout.grid-layout.column-4, 7685 .chocolate_ice_cream-archive-layout.grid-layout.column-2, 7686 .chocolate_ice_cream-archive-layout.grid-layout.column-3 { 7687 grid-template-columns: repeat(1, 1fr); 7688 } 7689 .site-logo img, 7690 .site-logo a, 7691 .site-logo, 7692 .site-branding { 7693 width: 100%; 7694 text-align: center; 7695 } 7696 } 7697 7698 .site-logo img, 7699 .site-logo a, 7700 .site-logo, 7701 .site-branding { 7702 width: 100%; 7703 } 7704 7705 @media screen and (min-width: 300px) and (max-width: 991px) { 7706 .main-navigation ul ul { 7707 position: relative; 7708 float: none; 7709 } 7710 .main-navigation ul li > ul { 7711 opacity: 1; 7712 } 7713 .main-navigation ul a { 7714 padding: 10px 20px; 7715 border-bottom: 1px solid #f1f1f1; 7716 text-align: right; 7717 } 7718 } 7719 7720 .woocommerce-Addresses .woocommerce .col2-set, 7721 .woocommerce-page .col2-set { 7722 display: flex; 7723 } 7724 7725 .woocommerce-Address-title.title { 7726 margin-bottom: 20px !important; 7727 } 7728 7729 .woocommerce-account .addresses .title .edit { 7730 float: right; 7731 text-decoration: none !important; 7732 } 7733 7257 text-decoration: none !important; 7258 } 7734 7259 @media only screen and (max-width: 768px) { 7735 .woocommerce .col2-set .col-1, 7736 .woocommerce .col2-set .col-2, 7737 .woocommerce-page .col2-set .col-1, 7738 .woocommerce-page .col2-set .col-2 { 7739 float: none; 7740 width: 100%; 7741 } 7742 .woocommerce-Addresses .woocommerce .col2-set, 7743 .woocommerce-page .col2-set { 7744 display: flex; 7745 flex-direction: column; 7746 } 7747 .woocommerce-account .woocommerce-MyAccount-navigation ul li { 7748 display: inline-block; 7749 margin: 5px; 7750 } 7751 nav.woocommerce-MyAccount-navigation { 7752 margin-top: 0px; 7753 } 7754 .right-sidebar .asterthemes-wrapper .asterthemes-page, 7755 .left-sidebar .asterthemes-wrapper .asterthemes-page { 7756 margin-top: 0; 7757 } 7260 .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { 7261 float: none; 7262 width: 100%; 7263 } 7264 .woocommerce-Addresses .woocommerce .col2-set, .woocommerce-page .col2-set { 7265 display: flex; 7266 flex-direction: column; 7267 } 7268 .woocommerce-account .woocommerce-MyAccount-navigation ul li { 7269 display: inline-block; 7270 margin: 5px; 7271 } 7272 nav.woocommerce-MyAccount-navigation { 7273 margin-top: 0px; 7274 } 7275 .right-sidebar .asterthemes-wrapper .asterthemes-page,.left-sidebar .asterthemes-wrapper .asterthemes-page{ 7276 margin-top:0 ; 7277 } 7758 7278 } 7759 7279 7760 7280 .woocommerce nav.woocommerce-pagination ul { 7761 border: 0px; 7762 } 7763 7281 border: 0px; 7282 } 7764 7283 .woocommerce nav.woocommerce-pagination ul li { 7765 border-left: 0px;7766 } 7767 7768 .woocommerce nav.woocommerce-pagination ul li a:focus, 7769 .woocommerce nav.woocommerce-pagination ul li a:hover, 7770 .woocommerce nav.woocommerce-pagination ul li span.current { 7771 background: var(--primary-color); 7772 color: #ffff; 7773 margin-bottom: 35px;7774 } 7775 7776 .woocommerce nav.woocommerce-pagination ul li a, 7777 .woocommerce nav.woocommerce-pagination ul li span { 7778 padding: 15px 20px; 7779 margin: 0 5px; 7780 border-radius: 7px; 7781 font-size: 18px;7782 font-weight: 600; 7783 } 7284 border-left: 0px; 7285 } 7286 .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { 7287 background: var(--primary-color); 7288 color: #ffff; 7289 margin-bottom: 35px; 7290 } 7291 .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { 7292 padding: 15px 20px; 7293 margin: 0 5px; 7294 border-radius: 7px; 7295 font-size: 18px; 7296 font-weight: 600; 7297 } 7298 @media (max-width: 1400px) { 7299 .site-footer .site-footer-bottom .site-footer-bottom-wrapper{ 7300 padding: 0px 10px; 7301 } 7302 } -
chocolate-ice-cream/5.1/style.css
r315240 r318977 5 5 Author URI: https://asterthemes.com 6 6 Description: Chocolate Ice Cream is like a digital scoop of indulgence for your website. It’s a special design that’s perfect for anyone with a sweet tooth, whether you’re running an ice cream parlor, dessert shop, food truck, cafe, restaurant, bakery, sweet shop, gelato, confectionery, treats, culinary, dessert cafe, frozen treats, gourmet ice cream, ice cream menu, frozen desserts, chocolate desserts, ice cream cones, soft serve, sundae bar, artisan ice cream, handcrafted desserts, ice cream flavors, sweet treats, dessert business, creamy desserts, indulgent sweets, frozen yogurt, milkshakes, chocolate toppings, and dessert lovers. This theme serves as the perfect platform to make your website look as delicious as your chocolate ice cream. It’s specifically designed for businesses related to chocolate ice cream, ensuring your frozen dessert offerings are displayed in an irresistible way. Whether you’re promoting your ice cream parlor or showcasing your love for gourmet ice cream, this theme ensures a seamless browsing experience. You can customize your website to match your brand’s colors and style, just like selecting the toppings for your favorite ice cream cone. Even without technical expertise, you can easily update your website, add images of your ice cream creations, post new flavor announcements, and even share customer reviews through a blog. This theme offers an easy-to-use platform, allowing you to focus on your business while giving customers an inviting online experience. Designed for both beginners and website experts, this theme makes it effortless to display your frozen treats, whether you’re offering sundaes, shakes, or chocolate desserts. 7 Version: 5. 07 Version: 5.1 8 8 Tested up to: 6.9 9 9 Requires PHP: 7.2 … … 6229 6229 } 6230 6230 6231 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle,6232 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title,6233 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description,6234 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn,6235 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle,6236 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title,6237 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description,6238 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn {6239 transform-origin: top;6240 animation-name: asterthemes-animation1;6241 animation-fill-mode: both;6242 animation-duration: 0.7s;6243 }6244 6245 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle,6246 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle {6247 animation-delay: 0.2s;6248 }6249 6250 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title,6251 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title {6252 animation-delay: 0.3s;6253 }6254 6255 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description,6256 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description {6257 animation-delay: 0.4s;6258 }6259 6260 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn,6261 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn {6262 animation-delay: 0.5s;6263 }6264 6265 @keyframes asterthemes-animation1 {6266 from {6267 opacity: 0;6268 transform: translateY(100px);6269 }6270 to {6271 opacity: 1;6272 transform: translateY(0);6273 }6274 }6275 6276 6231 /* 6277 6232 --------------------------------------------- */ -
chocolate-ice-cream/5.1/theme-library/customizer/front-page-options/banner.php
r248778 r318977 157 157 ); 158 158 } 159 160 // Banner Button Label Color 161 $wp_customize->add_setting( 162 'chocolate_ice_cream_banner_btn_color', 163 array( 164 'default' => '', 165 'sanitize_callback' => 'sanitize_hex_color', 166 ) 167 ); 168 $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'chocolate_ice_cream_banner_btn_color',array( 169 'label' => __('Banner Button Label Color','chocolate-ice-cream'), 170 'section' => 'chocolate_ice_cream_banner_section', 171 'settings' => 'chocolate_ice_cream_banner_btn_color', 172 'active_callback' => 'chocolate_ice_cream_is_banner_slider_section_enabled', 173 ) 174 ) 175 ); 176 177 // Banner Button Background Color 178 $wp_customize->add_setting('chocolate_ice_cream_banner_btn_bg_color',array( 179 'default' => '', 180 'sanitize_callback' => 'sanitize_hex_color', 181 ) 182 ); 183 $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'chocolate_ice_cream_banner_btn_bg_color',array( 184 'label' => __('Banner Button Background Color','chocolate-ice-cream'), 185 'section' => 'chocolate_ice_cream_banner_section', 186 'settings' => 'chocolate_ice_cream_banner_btn_bg_color', 187 'active_callback' => 'chocolate_ice_cream_is_banner_slider_section_enabled', 188 ) 189 ) 190 ); -
chocolate-ice-cream/5.1/theme-library/customizer/theme-options/theme-options.php
r273640 r318977 664 664 ), 665 665 ))); 666 667 // Topbar Padding Setting 668 $wp_customize->add_setting('chocolate_ice_cream_topbar_padding',array( 669 'default' => '', 670 'sanitize_callback' => 'absint' 671 ) 672 ); 673 $wp_customize->add_control('chocolate_ice_cream_topbar_padding',array( 674 'label' => __('Topbar Padding','chocolate-ice-cream'), 675 'section' => 'chocolate_ice_cream_header_options', 676 'type' => 'number', 677 'input_attrs' => array( 678 'min' => 0, 679 'max' => 50, 680 'step' => 1 681 ) 682 ) 683 ); 684 685 // ---------------------------------------- ANIMATION ---------------------------------------------------- 686 687 $wp_customize->add_setting( 'chocolate_ice_cream_animation_separator', array( 688 'sanitize_callback' => 'sanitize_text_field', 689 ) ); 690 $wp_customize->add_control( new Chocolate_Ice_Cream_Separator_Custom_Control( $wp_customize, 'chocolate_ice_cream_animation_separator', array( 691 'label' => __( 'Enable / Disable Animation', 'chocolate-ice-cream' ), 692 'section' => 'chocolate_ice_cream_general_options', 693 'settings' => 'chocolate_ice_cream_animation_separator', 694 ) ) ); 695 // Animation Enable / Disable 696 $wp_customize->add_setting('chocolate_ice_cream_enable_animation',array( 697 'default' => true, 698 'sanitize_callback' => 'chocolate_ice_cream_sanitize_switch', 699 ) 700 ); 701 $wp_customize->add_control( 702 new Chocolate_Ice_Cream_Toggle_Switch_Custom_Control($wp_customize,'chocolate_ice_cream_enable_animation',array( 703 'label' => esc_html__( 'Enable Animation', 'chocolate-ice-cream' ), 704 'section' => 'chocolate_ice_cream_general_options', 705 ) 706 ) 707 ); -
chocolate-ice-cream/5.1/theme-library/function-files/customizer-settings-functions.php
r315240 r318977 381 381 } 382 382 add_action( 'wp_enqueue_scripts', 'chocolate_ice_cream_show_first_caps' ); 383 384 // Banner Button Color 385 function chocolate_ice_cream_banner_button_color_css() { 386 $btn_color = get_theme_mod('chocolate_ice_cream_banner_btn_color'); 387 $btn_bg_color = get_theme_mod('chocolate_ice_cream_banner_btn_bg_color'); 388 389 $custom_css = ''; 390 if ( !empty($btn_color) ) { 391 $custom_css .= " 392 .banner-slider-btn a.asterthemes-button{ 393 color: {$btn_color}; 394 }"; 395 } 396 397 if ( !empty($btn_bg_color) ) { 398 $custom_css .= " 399 .banner-slider-btn a.asterthemes-button{ 400 background-color: {$btn_bg_color}; 401 }"; 402 } 403 404 wp_add_inline_style('chocolate-ice-cream-style', $custom_css); 405 } 406 add_action('wp_enqueue_scripts','chocolate_ice_cream_banner_button_color_css'); 407 408 // Topbar Padding Dynamic CSS 409 function chocolate_ice_cream_topbar_padding_css(){ 410 $padding = get_theme_mod('chocolate_ice_cream_topbar_padding'); 411 $custom_css = ".top-header-part{ 412 padding-top: {$padding}px !important; 413 padding-bottom: {$padding}px !important; 414 }"; 415 wp_add_inline_style('chocolate-ice-cream-style',$custom_css); 416 417 } 418 add_action('wp_enqueue_scripts','chocolate_ice_cream_topbar_padding_css');
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)