diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 4e3e047..d94893b 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -17,8 +17,8 @@ - - + + diff --git a/package-lock.json b/package-lock.json index eab3518..1c23602 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,349 @@ "dependencies": { "he": "^1.2.0", "node-fetch": "^3.3.2" + }, + "devDependencies": { + "sass": "^1.90.0" + } + }, + "node_modules/@parcel/watcher": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz", + "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.1", + "@parcel/watcher-darwin-arm64": "2.5.1", + "@parcel/watcher-darwin-x64": "2.5.1", + "@parcel/watcher-freebsd-x64": "2.5.1", + "@parcel/watcher-linux-arm-glibc": "2.5.1", + "@parcel/watcher-linux-arm-musl": "2.5.1", + "@parcel/watcher-linux-arm64-glibc": "2.5.1", + "@parcel/watcher-linux-arm64-musl": "2.5.1", + "@parcel/watcher-linux-x64-glibc": "2.5.1", + "@parcel/watcher-linux-x64-musl": "2.5.1", + "@parcel/watcher-win32-arm64": "2.5.1", + "@parcel/watcher-win32-ia32": "2.5.1", + "@parcel/watcher-win32-x64": "2.5.1" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz", + "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz", + "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz", + "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz", + "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz", + "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz", + "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz", + "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz", + "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz", + "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz", + "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz", + "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz", + "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz", + "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", + "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", + "dev": true, + "license": "MIT", + "dependencies": { + "readdirp": "^4.0.1" + }, + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" } }, "node_modules/data-uri-to-buffer": { @@ -21,6 +364,20 @@ "node": ">= 12" } }, + "node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, "node_modules/fetch-blob": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz", @@ -44,6 +401,20 @@ "node": "^12.20 || >= 14.13" } }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/formdata-polyfill": { "version": "4.0.10", "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz", @@ -65,6 +436,72 @@ "he": "bin/he" } }, + "node_modules/immutable": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz", + "integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==", + "dev": true, + "license": "MIT" + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "license": "MIT", + "optional": true + }, "node_modules/node-domexception": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz", @@ -103,6 +540,79 @@ "url": "https://opencollective.com/node-fetch" } }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/readdirp": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 14.18.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/sass": { + "version": "1.90.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.90.0.tgz", + "integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "chokidar": "^4.0.0", + "immutable": "^5.0.2", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, "node_modules/web-streams-polyfill": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz", diff --git a/package.json b/package.json index eea2511..5f2a98c 100644 --- a/package.json +++ b/package.json @@ -6,12 +6,16 @@ "fetch-data": "node scripts/fetch-wordpress.js", "generate-content": "node scripts/generate-content.js", "prebuild": "npm run fetch-data && npm run generate-content", - "build": "hugo --minify", - "dev": "npm run fetch-data && npm run generate-content && hugo server -D", + "build": "npm run build:css && hugo --minify", + "build:css": "sass assets/css/scss:static/assets/css", + "dev": "npm run fetch-data && npm run generate-content && npm run build:css && hugo server -D", "clean": "rm -rf data/wordpress content/posts public" }, "dependencies": { "he": "^1.2.0", "node-fetch": "^3.3.2" + }, + "devDependencies": { + "sass": "^1.69.5" } } diff --git a/static/assets/css/scss/basic/_background.scss b/static/assets/css/scss/basic/_background.scss deleted file mode 100644 index d992e64..0000000 --- a/static/assets/css/scss/basic/_background.scss +++ /dev/null @@ -1,80 +0,0 @@ -// -// Background Styles // -// -.bg-image { - position: relative; - background-position: center center; - background-attachment: scroll; - @include background-size(cover); - background-repeat: no-repeat; -} -.bg-fade-white-top { - position: relative; - z-index: 1; - &:before { - z-index: -1; - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: linear-gradient(to top, white, get-color("white", 0.2)); - } -} -.bg-fade-white-bottom { - position: relative; - z-index: 1; - &:before { - z-index: -1; - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, white, get-color("white", 0.2)); - } -} -.bg-fade-black-top { - position: relative; - z-index: 1; - &:before { - z-index: -1; - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: linear-gradient(to top, black, rgba(0,0,0,0.2)); - } -} -.bg-fade-black-bottom { - position: relative; - z-index: 1; - &:before { - z-index: -1; - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, black, rgba(0,0,0,0.2)); - } -} - -.bg-video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - video { - object-fit: cover; - width: 100%; - height: 100%; - } -} \ No newline at end of file diff --git a/static/assets/css/scss/basic/_base.scss b/static/assets/css/scss/basic/_base.scss deleted file mode 100644 index 95971c7..0000000 --- a/static/assets/css/scss/basic/_base.scss +++ /dev/null @@ -1,655 +0,0 @@ -// -// Base Styles // -// -html, body { - width: 100%; - height: 100%; -} -body { - overflow-x: hidden; -} - -// -// Container, Row // -// -.container, .container-fluid { - position: relative; - padding: 0 30px; -} - -// -// Positioning // -// -.position-middle { - position: relative; - top: 50%; - @include transform(translateY(-50%)); - margin: 0 auto; -} -.position-top, .position-bottom { - position: absolute; - left: 0; - width: 100%; -} -.position-top { - top: 30px; -} -.position-bottom { - bottom: 30px; -} -.container, .container-fluid { - .position-top, .position-bottom { - padding: 0 30px; - } -} - -// -// Mark // -// -mark { - background: $bg-gray; - color: get-color("dark"); -} - -// -// iframe // -// -iframe { - width: 100%; - border: 0; -} - -// -// Pre(Preformatted text) // -// -pre { - border: 1px solid get-color("dark", 0.1); - border-radius: 0.375em; - padding: 6px 20px; - color: $color-primary; -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - pre { - border-color: get-color("white", 0.2); - color: get-color("white", 0.6); - } -} - - -// -// Blockquote Styles // -// -.blockquote { - background: transparent; - margin-bottom: 20px; - border-left: 4px solid get-color("dark", 0.1); - padding: 16px 30px; - @include breakpoint-less(sm) { - padding: 16px 20px; - } - p { - font-size: 16px; - line-height: 30px; - &.font-small { - font-size: 14px; - line-height: 26px; - } - &.font-large { - font-size: 20px; - line-height: 36px; - } - } - .blockquote-footer { - margin-top: 10px; - color: get-color("dark"); - &:before { - padding-right: 5px; - } - h1, h2, h3, h4, h5, h6 { - display: inline-block; - margin: 0; - } - p { - font-size: 16px; - line-height: 30px; - } - } - &.style-2 { - position: relative; - border: 0; - padding: 20px 20px 20px 40px; - @include breakpoint-less(sm) { - padding: 16px 16px 16px 36px; - } - &:before { - content: '\f10d'; - position: absolute; - top: 0; - left: 0; - color: get-color("dark", 0.1); - font-family: "Font Awesome 6 Free"; - font-size: 24px; - font-weight: 900; - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .blockquote { - background: get-color("white", 0.1); - border-color: get-color("white", 0.2); - .blockquote-footer { - color: white; - } - &.style-2 { - background: transparent; - border-color: get-color("white", 0.2); - } - &.style-3 { - background: transparent; - &:before { - color: get-color("white", 0.2); - } - } - } -} - -// -// Breadcrumb Styles // -// -.breadcrumb { - display: inline-block; - background: transparent; - margin: 0 0 -10px; - padding: 0; - .breadcrumb-item { - display: inline-block; - font: 400 13px $font-family-primary; - letter-spacing: 1px; - text-transform: uppercase; - &:before { - color: get-color("dark", 0.2); - } - &.active { - color: $color-primary-lighter; - } - a { - @include transition(linear 0.1s); - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .breadcrumb { - .breadcrumb-item { - &:before { - color: get-color("white", 0.3); - } - &.active { - color: get-color("white", 0.5); - } - } - } -} - -// -// Card // -// -.card { - border: 1px solid get-color("dark", 0.1); -} - -// -// Dropdown Styles // -// -.dropdown, .btn-group { - .dropdown-menu { - border: 0; - border-radius: 0; - @include box-shadow(0 6px 36px -4px rgba(22,24,26,0.14)); - padding: 15px 20px; - .dropdown-item { - margin-bottom: 10px; - padding: 0; - color: get-color("dark"); - font: 300 15px $font-family-primary; - letter-spacing: 0; - text-transform: none; - @include transition(linear 0.1s); - &:last-child { - margin: 0; - } - &:hover, &:focus, &:active { - background: transparent; - color: $color-primary; - } - } - } -} - -// -// Modal Styles // -// -.modal { - &.fade { - .modal-dialog { - @include transition(ease-out 0.2s); - @include transform(translate(0) scale(0.98)); - } - } - &.show { - .modal-dialog { - @include transform(translate(0) scale(1.0)); - } - } - .modal-content { - @include box-shadow(0 6px 36px -4px rgba(22,24,26,0.3)); - border: 0; - .modal-header { border-bottom: 1px solid get-color("dark", 0.1); } - .modal-footer { border-top: 1px solid get-color("dark", 0.1); } - } -} - -// -// Nav Styles // -// -.nav { - margin: 0; - padding: 0; - .nav-item { - margin: 0 30px 0 0; - &:last-child { - margin-right: 0; - } - .nav-link { - padding: 0; - color: $color-primary; - @include transition(linear 0.1s); - h1, h2, h3, h4, h5, h6 { - margin: 0; - color: $color-primary; - @include transition(linear 0.1s); - } - &.active, &:hover { - color: get-color("dark"); - h1, h2, h3, h4, h5, h6 { - color: get-color("dark"); - } - } - &.disabled { - color: $color-primary-lighter; - } - } - } - &.nav-tabs { - border-bottom: 1px solid $border-gray; - .nav-item { - margin: 0 0 -1px; - .nav-link { - background: transparent; - padding: 10px 20px; - color: $color-primary; - &:hover { - border-color: $border-gray; - } - &.active { - border-color: $border-gray $border-gray white; - color: get-color("dark"); - } - &.disabled { - &:hover { - border-color: transparent; - } - } - } - } - } - &.nav-pills { - .nav-item { - margin: 0; - .nav-link { - padding: 10px 20px; - } - .nav-link.active, - .show .nav-link { - background: get-color("dark"); - color: white; - } - h1, h2, h3, h4, h5, h6 { - margin: 0; - } - } - } - &.tabs { - display: inline-block; - border: 1px solid $border-gray; - border-radius: 0.375em; - .nav-item { - display: inline-block; - margin: 0; - .nav-link { - padding: 10px 20px; - border-right: 1px solid $border-gray; - } - &:last-child { - .nav-link { - border: 0; - } - } - } - } - &.nav-custom { - .nav-item { - .nav-link { - position: relative; - overflow: visible; - &:after { - content: ''; - position: absolute; - right: 0; - bottom: -1px; - left: 0; - background: get-color("dark"); - height: 1px; - @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); - } - &.active { - &:after { - width: 100%; - @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); - } - } - } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .nav { - .nav-item { - .nav-link { - color: get-color("white", 0.8); - &.active, &:hover { - color: white; - } - } - } - &.nav-tabs { - border-color: get-color("white", 0.2); - .nav-item { - .nav-link { - color: get-color("white", 0.8); - &.active, &:hover { - border-color: get-color("white", 0.2) get-color("white", 0.2) transparent; - } - &.active { - color: white; - } - } - } - } - &.nav-pills { - .nav-item { - .nav-link.active, - .show .nav-link { - background: white; - color: get-color("dark"); - } - } - } - &.tabs { - border: 1px solid get-color("white", 0.2); - .nav-item { - .nav-link { - border-right: 1px solid get-color("white", 0.2); - } - } - } - &.nav-custom { - .nav-item { - .nav-link { - &:after { background: white; } - } - } - } - } -} - -// -// Pagination Styles // -// -.pagination { - margin: 0; - padding: 0; - .page-item { - margin: 0 6px 0 0; - text-align: center; - &:last-child { - margin-right: 0; - } - .page-link { - background: transparent; - min-width: 31px; - height: 31px; - border: 0; - border-radius: 20px; - padding: 0; - color: $color-primary; - font-size: 14px; - line-height: 31px; - @include transition(ease-out 0.12s); - &:hover { - background: $button-gray; - } - } - &.active { - .page-link { - background: $button-gray; - color: get-color("dark"); - } - } - } - &.pagination-sm { - .page-item { - .page-link { - min-width: 27px; - height: 27px; - border-radius: 20px; - padding: 0; - line-height: 27px; - } - } - } - &.pagination-lg { - .page-item { - .page-link { - min-width: 35px; - height: 35px; - border-radius: 20px; - padding: 0; - line-height: 35px; - } - } - } - // - // Pagination - Hover style 2 // - // - &.hover-style-2 { - .page-item { - .page-link { - &:hover { - background: $border-gray; - border-color: $border-gray; - } - } - &.active { - .page-link { - background: get-color("dark"); - border-color: get-color("dark"); - color: white; - } - } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .pagination { - .page-item { - .page-link { - color: get-color("white", 0.7); - &:hover { - background: get-color("white", 0.1); - } - } - &.active { - .page-link { - background: get-color("white", 0.1); - color: white; - } - } - } - &.hover-style-2 { - .page-item { - .page-link { - &:hover { - background: white; - border-color: white; - color: get-color("dark", 0.9); - } - } - &.active { - .page-link { - background: white; - border-color: white; - color: get-color("dark", 0.9); - } - } - } - } - } -} - -// -// Popover Styles // -// -.popover { - border: 0; - @include box-shadow(0 0 12px 0 rgba(0,0,0,0.08)); - .arrow { - &:before { border: 0; } - } - .popover-header { - background: transparent; - padding: 15px 20px; - font-size: 16px; - line-height: 32px; - } - .popover-body { - padding: 20px; - } -} - -// -// Table Styles // -// -.table { - td, th { border-top: 1px solid $border-gray; } - thead { - th { border-bottom: 2px solid $border-gray; } - } - - &.table-dark { - background: $bg-dark-lighter; - thead { - th { border-bottom: 2px solid get-color("white", 0.1); } - } - td, th { border-top: 1px solid get-color("white", 0.1); } - } - &.table-bordered { - td, th { border: 1px solid $border-gray; } - &.table-dark { - td, th { border: 1px solid get-color("white", 0.1); } - } - } - - .thead-dark { - th { background: $bg-dark-lighter; border-color: get-color("white", 0.1); } - } - .thead-light { - th { background: $button-gray-lighter; } - } - - .table-active { - td, th { background: $button-gray-darker; } - } - .table-secondary { - td, th { background: $button-gray; } - } - .table-light { - td, th { background: $bg-gray-lighter; } - } - .table-dark { - td, th { background: $button-gray; } - } -} - -// -// Scroll To Top button // -// -.scrolltotop { - position: fixed; - right: 20px; - bottom: 20px; - @include transform(translateY(20px)); - z-index: 992; - visibility: hidden; - opacity: 0; - @include transition(ease-out 0.12s); - &.scrolltotop-show { - @include transform(translateY(0)); - visibility: visible; - opacity: 1; - } -} - -// -// Cursor // -// -@include breakpoint-above(lg) { - #cursor { - z-index: 999; - position: absolute; - @include transform(translate(-50%, -50%)); - width: 22px; - height: 22px; - border: 1px solid white; - border-radius: 50%; - mix-blend-mode: difference; - pointer-events: none; - @include transition(linear 0.06s); - &.scale-cursor { - @include transform(translate(-50%, -50%) scale(2.4)); - opacity: 0.12; - } - &.cursor-style-2 { - opacity: 0.2; - background: white; - border: 0; - &.scale-cursor { - opacity: 0.08; - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/basic/_form.scss b/static/assets/css/scss/basic/_form.scss deleted file mode 100644 index 3d77abc..0000000 --- a/static/assets/css/scss/basic/_form.scss +++ /dev/null @@ -1,215 +0,0 @@ -// -// Form Styles // -// -input:not(.form-check-input), -textarea { - background: transparent; - width: 100%; - border: 1px solid get-color("dark", 0.1); - margin-bottom: 1rem; - padding: 15px 20px; - box-shadow: none; - font: 400 15px $font-family-primary; - line-height: 1.4; - @include transition(ease-out 0.16s); - &:focus, &:active { - outline: 0; - box-shadow: none; - } -} -textarea { - height: 140px; -} -input:not(.form-check-input), textarea, .form-control { - color: $color-primary; - &::-webkit-input-placeholder { color: $color-primary-lighter; } - &::-moz-placeholder { color: $color-primary-lighter; } - &:-ms-placeholder { color: $color-primary-lighter; } - &::-ms-placeholder { color: $color-primary-lighter; } - &::placeholder { color: $color-primary-lighter; } - &:focus { - border-color: get-color("dark", 0.2); - } -} -.form-control { - background: transparent; - height: auto; - border: 1px solid get-color("dark", 0.1); - border-radius: 0; - padding: 15px 20px; - font: 400 15px $font-family-primary; - line-height: 1.4; - &:focus { - background: transparent; - box-shadow: none; - } - &:read-only { - background: $button-gray; - border: 0; - } - &.form-control-sm { - padding: 10px 15px; - font-size: 0.875rem; - } - &.form-control-lg { - font-size: 1.25rem; - } -} -.form-control-plaintext { - border: 0; -} -.form-check-input:disabled ~ .form-check-label { - color: $color-primary-lighter; -} -.required { - &:after { - content: '*'; - padding-left: 3px; - } -} - -// -// Select // -// -select { - margin-bottom: 1rem; -} -.custom-select { - background-color: transparent; - width: auto; - min-width: 160px; - height: auto; - border-radius: 0; - padding: 15px 20px; - border-color: get-color("dark", 0.1); - color: $color-primary; - font: 400 15px $font-family-primary; - line-height: 1.4; - @include transition(ease-out 0.16s); - &:focus { - border-color: get-color("dark", 0.2); - outline: 0; - box-shadow: none; - } - &.custom-select-sm { - height: auto; - padding: 10px 15px; - font-size: 0.875rem; - } - &.custom-select-lg { - height: auto; - padding: 15px 20px; - font-size: 1.25rem; - } - &.select-fullwidth { - width: 100%; - } -} -// -// Form Styles 2,3,4 // -// -.form-style-3, -.form-style-4 { - input, textarea, .custom-select, .form-control { - margin-bottom: 20px; - padding: 0 0 10px; - border-top-width: 0; - border-right-width: 0; - border-bottom-width: 1px; - border-left-width: 0; - } -} -.form-style-2, -.form-style-4 { - input, textarea, .custom-select, .form-control { - &:focus { - border-color: get-color("dark", 0.9); - } - } -} - -// -// Form Style 5 // -// -.form-style-5 { - input, textarea, .custom-select, .form-control { - background: $bg-gray; - border: 0; - &:focus { - background: $button-gray-lighter; - } - } -} -[class*='bg-gray'] { - .form-style-5 { - input, textarea, .custom-select, .form-control { - background: white; - &:focus { - background: white; - } - } - } -} - -// -// Forms on Dark background // -// -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - input, textarea, .form-control { - background: transparent; - border-color: get-color("white", 0.2); - color: get-color("white", 0.7); - &::-webkit-input-placeholder { color: get-color("white", 0.5); } - &::-moz-placeholder { color: get-color("white", 0.5); } - &:-ms-placeholder { color: get-color("white", 0.5); } - &::-ms-placeholder { color: get-color("white", 0.5); } - &::placeholder { color: get-color("white", 0.5); } - &:focus { - border-color: get-color("white", 0.3); - } - } - .custom-select { - background: transparent; - border-color: get-color("white", 0.2); - color: get-color("white", 0.7); - &:focus { - border-color: get-color("white", 0.3); - } - } - .form-style-2, - .form-style-4 { - input, textarea, .custom-select, .form-control { - &:focus { - border-color: white; - } - } - } - .form-style-5 { - input, textarea, .custom-select, .form-control { - background: get-color("white", 0.1); - border: 0; - &:focus { - background: get-color("white", 0.2); - } - } - } -} - -// -// Contact Form Styles // -// -.submit-result { - span { - display: none; - @include transition(ease-out 0.2s); - &.show-result { - margin-top: 30px; - display: block; - } - &#success { color: $color-green; } - &#error { color: $color-red; } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/basic/_image.scss b/static/assets/css/scss/basic/_image.scss deleted file mode 100644 index aa398e0..0000000 --- a/static/assets/css/scss/basic/_image.scss +++ /dev/null @@ -1,125 +0,0 @@ -// -// Image Styles // -// -img { - width: auto; - max-width: 100%; - height: auto; - // - // Avatar mask // - // - &[class*='img-mask-avatar'] { - border-radius: 50%; - } - &.img-mask-avatar-xs { - min-width: 60px; - width: 60px; - height: 60px; - } - &.img-mask-avatar-sm { - min-width: 80px; - width: 80px; - height: 80px; - } - &.img-mask-avatar-md { - min-width: 100px; - width: 100px; - height: 100px; - } - &.img-mask-avatar-lg { - min-width: 120px; - width: 120px; - height: 120px; - } - &.img-mask-avatar-xl { - min-width: 140px; - width: 140px; - height: 140px; - } - &.img-mask-avatar-2xl { - min-width: 160px; - width: 160px; - height: 160px; - } - &.img-mask-avatar-3xl { - min-width: 180px; - width: 180px; - height: 180px; - } -} - -// -// Blob Shape Mask // -// -[class*='img-mask-blob'] { - display: inline-block; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; -} -.img-mask-blob-1 { - -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==); - mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==); -} - -.img-mask-blob-2 { - -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+); - mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+); -} -.img-mask-blob-3 { - -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); - mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); -} -.img-mask-blob-4 { - -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); - mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=); -} - -// -// Image Link box // -// -.img-link-box { - overflow: hidden; - position: relative; - @include transform(translate3d(0,0,0)); - a { - display: block; - } - img { - @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - &:hover, &:focus { - img { - @include transform(scale(1.04)); - } - } -} - -// -// Avatars Group // -// -.avatar-group { - display: block; - padding: 0; - li { - list-style-type: none; - display: inline-block; - margin-left: -12px; - padding: 0; - &:first-child { - margin-left: 0; - } - img { - width: 60px; - height: 60px; - border-radius: 50%; - @include box-shadow(0 3px 16px 0 rgba(0,0,0,0.13)); - border: 3px solid white; - } - } -} - -.aspect-ratio-2x1 { - width: 100%; - aspect-ratio: 1/0.5; - object-fit: cover; -} \ No newline at end of file diff --git a/static/assets/css/scss/basic/_list.scss b/static/assets/css/scss/basic/_list.scss deleted file mode 100644 index 1534a62..0000000 --- a/static/assets/css/scss/basic/_list.scss +++ /dev/null @@ -1,263 +0,0 @@ -// -// List styles // -// -ul { - margin: 0 0 -7px; - li { - margin: 0 0 7px; - ul, ol { - margin-top: 7px; - } - } - &[class*='list-'] { - padding: 0; - } - &.list-unstyled, - &.list-dash { - li { - list-style-type: none; - } - } - &.animate-links { - li { - a { - &:hover { - padding-left: 2px; - } - } - } - } - &.list-dash { - li { - &:before { - content: '-'; - padding-right: 7px; - } - ul, ol { - padding-left: 40px; - } - } - } - // - // Horizontal List // - // - &[class*='list-inline'] { - li { - display: inline-block; - } - } - &.list-inline { - margin-right: -7px; - margin-left: -7px; - li { - padding: 0 7px; - } - } - &.list-inline-sm { - margin-right: -3px; - margin-left: -3px; - li { - padding: 0 3px; - } - } - &.list-inline-lg { - margin-right: -14px; - margin-left: -14px; - li { - padding: 0 14px; - } - } - &.list-inline-dash { - li { &:after { content: '-'; } } - } - &.list-inline-slash { - li { &:after { content: '/'; } } - } - &.list-inline-dash, - &.list-inline-slash { - li { - &:after { - padding: 0 3px 0 6px; - } - &:last-child { - &:after { - content: ''; - padding: 0; - } - } - } - } -} -ol { - margin: 0 0 -7px; - li { - margin: 0 0 7px; - } - li { - ul, ol { - margin-top: 7px; - } - } - &.list-ordered { - list-style: none; - counter-reset: custom-counter; - padding-left: 0; - li { - position: relative; - padding-left: 34px; - counter-increment: custom-counter; - &::before { - content: counter(custom-counter); - } - ol { - list-style: none; - padding-left: 0; - } - } - &.style-2, - &.style-3, - &.style-4, - &.style-5 { - li { - &::before { - position: absolute; - top: 0; - left: 0; - width: 24px; - height: 24px; - border-radius: 50%; - font-size: 13px; - line-height: 24px; - text-align: center; - } - } - } - &.style-2 { - li { - &::before { - background: get-color("dark", 0.1); - color: black; - } - } - } - &.style-3 { - li { - &::before { - background: get-color("dark", 0.9); - color: white; - } - } - } - &.style-4 { - li { - &::before { - border: 1px solid get-color("dark", 0.2); - color: get-color("dark", 0.5); - } - } - } - &.style-5 { - li { - &::before { - border: 1px solid get-color("dark", 0.9); - color: black; - } - } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - ol { - &.list-ordered { - &.style-2 { - li { - &::before { - background: get-color("white", 0.2); - color: white; - } - } - } - &.style-3 { - li { - &::before { - background: white; - color: black; - } - } - } - &.style-4 { - li { - &::before { - border-color: get-color("white", 0.3); - color: get-color("white", 0.6); - } - } - } - &.style-5 { - li { - &::before { - border-color: white; - color: white; - } - } - } - } - } -} -@include breakpoint-less(md) { - ol { - margin: 0 0 -5px; - li { - margin: 0 0 5px; - } - } - ul { - margin: 0 0 -5px; - li { - margin: 0 0 5px; - ul, ol { - margin-top: 5px; - } - } - &.list-dash { - li { - &:before { - content: '-'; - padding-right: 6px; - } - a { - &:hover { - padding-left: 2px; - } - } - ul, ol { - padding-left: 30px; - } - } - } - &.list-inline-lg { - margin-right: -12px; - margin-left: -12px; - li { - padding: 0 12px; - } - } - &.list-inline { - margin-right: -6px; - margin-left: -6px; - li { - padding: 0 6px; - } - } - &.list-inline-sm { - margin-right: -2px; - margin-left: -2px; - li { - padding: 0 2px; - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/basic/_typography.scss b/static/assets/css/scss/basic/_typography.scss deleted file mode 100644 index 49fe065..0000000 --- a/static/assets/css/scss/basic/_typography.scss +++ /dev/null @@ -1,108 +0,0 @@ -// -// Typography Styles // -// -body { - color: $color-primary; - font-family: $font-family-primary; - font-size: 1rem; - font-weight: 400; - letter-spacing: 0; - @include breakpoint-less(md) { - font-size: 0.938rem; - } - &.theme-font-nunito { - font-family: $font-family-nunito; - } -} -h1,h2,h3,h4,h5,h6 { - letter-spacing: -0.3px; - line-height: 1.4; - color: get-color("dark"); - font-family: $font-family-poppins; - font-weight: $font-weight-semi-bold; -} -.theme-font-nunito { - h1,h2,h3,h4,h5,h6 { - font-family: $font-family-nunito; - } -} - -p { - margin: 0; - line-height: 1.74; /* 26px */ - @include breakpoint-less(md) { - line-height: 1.6; /* 24px */ - } -} - -.uppercase { - letter-spacing: 0.8px; - text-transform: uppercase; -} - -.font-small { - font-size: 0.9em; - line-height: 1.7; - @include breakpoint-less(md) { - font-size: 0.9em; - line-height: 1.7; - } -} -.font-large { - font-size: 1.063em; - line-height: 1.6; - @include breakpoint-less(md) { - font-size: 1.063em; - } -} - -// -// Letter Spacing // -// -.letter-spacing-1 { letter-spacing: 1px; } -.letter-spacing-2 { letter-spacing: 2px; } -.letter-spacing-3 { letter-spacing: 3px; } -.letter-spacing-4 { letter-spacing: 4px; } - -// -// Line Heights // -// -.line-height-100 { line-height: 100%; } -.line-height-110 { line-height: 110%; } -.line-height-120 { line-height: 120%; } -.line-height-130 { line-height: 130%; } -.line-height-140 { line-height: 140%; } -.line-height-150 { line-height: 150%; } -.line-height-160 { line-height: 160%; } - -// -// Font Icon Styles // -// -i { - display: inline-block; -} - -// -// Icon sizes // -// -.icon-5xl { - i { font-size: 2.8em; } -} -.icon-4xl { - i { font-size: 2.4em; } -} -.icon-3xl { - i { font-size: 2.13em; } -} -.icon-2xl { - i { font-size: 1.86em; } -} -.icon-xl { - i { font-size: 1.6em; } -} -.icon-lg { - i { font-size: 1.33em; } -} -.icon-sm { - i { font-size: 0.9em; } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_blog.scss b/static/assets/css/scss/components/_blog.scss deleted file mode 100644 index 1406374..0000000 --- a/static/assets/css/scss/components/_blog.scss +++ /dev/null @@ -1,107 +0,0 @@ -// -// Blog Styles // -// -.blog-card-wrapper { - position: relative; - background-position: center center; - background-attachment: scroll; - @include background-size(cover); - background-repeat: no-repeat; - width: 100%; - * { - @include transition(ease-out 0.12s); - } - .blog-card { - background: white; - border: 1px solid get-color("dark", 0.1); - } - &:hover { - color: get-color("white", 0.7); - h1,h2,h3,h4,h5,h6 { color: white; } - a { - &:not([class^='button']) { - color: get-color("white", 0.8); - &:hover, &:focus { color: white; } - } - } - .blog-card { - background: get-color("dark", 0.6); - } - .button-text-1, - .button-text-2, - .button-text-3 { - color: get-color("white", 0.8); - &:hover { - color: white; - } - } - .button-text-1 { - &:before { background: get-color("white", 0.3); } - &:after { background: white; } - } - .button-text-2 { - &:before { background: get-color("white", 0.4); } - &:after { background: white; } - } - .button-text-3 { - &:before { background: get-color("white", 0.8); } - &:hover { - &:before { background: white; } - } - } - } - @include breakpoint-above(lg) { - .blog-card { - padding: 36px 36px 36px 140px; - .blog-card-date { - position: absolute; - top: 50%; - left: 36px; - @include transform(translateY(-50%)); - text-align: center; - } - } - } - @include breakpoint-less(md) { - .blog-card { - padding: 24px; - } - } -} - - -// -// Comment box // -// -.comment-box { - position: relative; - margin-bottom: 30px; - padding-left: 80px; - .comment-user-avatar { - position: absolute; - top: 0; - left: 0; - background: $bg-gray; - width: 60px; - height: 60px; - border-radius: 50%; - text-align: center; - line-height: 60px; - img { - width: 60px; - height: 60px; - } - } - .comment-content { - position: relative; - .comment-time { - position: absolute; - top: 0; - right: 0; - text-align: right; - color: $color-primary-lighter; - font-style: italic; - font-size: 14px; - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_cookie-consent.scss b/static/assets/css/scss/components/_cookie-consent.scss deleted file mode 100644 index 6ce2f5b..0000000 --- a/static/assets/css/scss/components/_cookie-consent.scss +++ /dev/null @@ -1,17 +0,0 @@ -// -// Cookie Consent // -// -#cookie-consent { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 997; - visibility: visible; - opacity: 1; - @include transition(ease-out 0.2s); - &.consent-hidden { - visibility: hidden; - opacity: 0; - } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_fullscreen-menu.scss b/static/assets/css/scss/components/_fullscreen-menu.scss deleted file mode 100644 index 047085f..0000000 --- a/static/assets/css/scss/components/_fullscreen-menu.scss +++ /dev/null @@ -1,171 +0,0 @@ -// -// Fullscreen Menu Styles // -// -.fm-toggle { - margin-left: auto; - cursor: pointer; - @include transition(ease-out 0.2s); - .lines { - position: relative; - display: inline-block; - background: black; - width: 25px; - height: 2px; - margin: 0; - padding: 0; - vertical-align: middle; - @include transition(linear 0.12s); - &:before, &:after { - content: ''; - position: absolute; - left: 0; - background: black; - width: 25px; - height: 2px; - display: inline-block; - @include transition(linear 0.12s); - } - &:before { top: -7px;} - &:after { bottom: -7px;} - } - @include breakpoint-above(lg) { - .lines { - &:before { @include transform(scaleX(0.8)); @include transform-origin(100% 50%); } - &:after { @include transform(scaleX(0.6)); @include transform-origin(100% 50%); } - } - &:hover { - .lines { - &:before { @include transform(scaleX(1)); } - &:after { @include transform(scaleX(1)); } - } - } - } -} -.header { - &[class*='header-color'], &.transparent-light { - &:not(.transparent-dark) { - .fm-toggle { - .lines, .lines:before, .lines:after { background: white; } - } - } - } -} - -// -// Fullscreen Menu // -// -.fullscreen-menu { - position: fixed; - top: 0; - left: 0; - z-index: 996; - visibility: hidden; - opacity: 0; - width: 100%; - height: 100%; - @include transition(ease-out 0.2s); - .fm-wrapper { - @include transform(scale(0.98)); - height: 100%; - @include transition(ease-out 0.2s); - .position-top, - .position-middle, - .position-bottom { - padding: 0 30px; - } - @include breakpoint-above(md) { - .position-top, - .position-middle, - .position-bottom { - padding: 0 50px; - } - .position-top { top: 50px; } - .position-bottom { bottom: 50px; } - } - .fm-close { - position: absolute; - top: 50px; - right: 50px; - cursor: pointer; - span { - position: relative; - display: inline-block; - opacity: 0.8; - width: 60px; - height: 60px; - border-radius: 50%; - @include transition(ease-out 0.18s); - &:before, &:after { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: 14px; - height: 2px; - border-radius: 2px; - @include transition(ease-out 0.18s); - } - &:before { @include transform(translate(-50%, -50%) rotate(45deg)) } - &:after { @include transform(translate(-50%, -50%) rotate(-45deg)) } - } - &:hover { - span { - opacity: 1; - &:before { @include transform(translate(-50%, -50%) rotate(180deg)) } - &:after { @include transform(translate(-50%, -50%) rotate(180deg)) } - } - } - } - @include breakpoint-less(md) { - .fm-close { - top: 30px; - right: 30px; - } - } - @include breakpoint-less(sm) { - .fm-close { - top: 20px; - right: 20px; - span { - width: 50px; - height: 50px; - } - } - } - } - &.fm-show { - visibility: visible; - opacity: 1; - .fm-wrapper { - @include transform(scale(1)); - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - &.fullscreen-menu { - .fm-wrapper { - .fm-close { - span { - background: get-color("white", 0.1); - &:before, &:after { background: white; } - } - } - } - } -} -[class*='bg-gray'], -[class*='bg-white'] { - &.fullscreen-menu { - .fm-wrapper { - .fm-close { - span { - background: get-color("dark", 0.1); - &:before, &:after { background: black; } - } - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_gallery.scss b/static/assets/css/scss/components/_gallery.scss deleted file mode 100644 index 69e326d..0000000 --- a/static/assets/css/scss/components/_gallery.scss +++ /dev/null @@ -1,81 +0,0 @@ -// -// Gallery Styles // -// -.gallery-wrapper { - .gallery-box { - .gallery-img { - position: relative; - overflow: hidden; - a { - display: block; - &:before { - content: ''; - position: absolute; - top: 0; - left: 0; - z-index: 1; - opacity: 0; - background: get-color("white", 0.1); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - } - img { - @include transform(scale(1)); - width: 100%; - @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - &:hover { - &:before { - opacity: 1; - } - img { - @include transform(scale(1.04)); - } - } - .gallery-title { - position: absolute; - top: 50%; - left: 50%; - @include transform(translate(-50%,-50%)); - z-index: 2; - background: white; - padding: 10px 20px; - h1, h2, h3, h4, h5, h6 { - display: inline-block; - margin: 0; - } - } - } - } - } - // - // Gallery Image Hover Styles // - // - &.hover-style-2 { - .gallery-box { - .gallery-img { - a { - &:before { background: get-color("dark", 0.1); } - } - } - } - } - // - // Gallery Image border-radius // - // - &[class*='border-radius'] { - .gallery-box { - .gallery-img { - @include transform(translate3d(0,0,0)); - overflow: hidden; - } - } - } - &.border-radius { - .gallery-box .gallery-img { border-radius: 0.4em; } - } - &.border-radius-1 { - .gallery-box .gallery-img { border-radius: 1.0em; } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_header.scss b/static/assets/css/scss/components/_header.scss deleted file mode 100644 index 51a9f6c..0000000 --- a/static/assets/css/scss/components/_header.scss +++ /dev/null @@ -1,974 +0,0 @@ -// -// Header Menu // -// -.header { - top: 0; - z-index: 993; - overflow: visible; - background: white; - width: 100%; - height: 80px; - @include transition(ease-in-out 0.2s); - &.hide { - @include transform(translateY(-100%)); - } - .container, .container-fluid { - @include display-flex; - align-items: center; - height: 100%; - } - .header-logo { - display: inline-block; - .logo-light { - display: none; - } - * { - @include transition(linear 0.1s); - } - h1,h2,h3,h4,h5,h6 { - margin: 0; - } - img { - width: auto; - height: 54px; - max-height: 54px; - } - a { - color: get-color("dark"); - &:hover { color: get-color("dark"); } - } - } - .header-toggle { - position: relative; - display: inline-block; - width: 28px; - height: 28px; - margin-left: auto; - cursor: pointer; - span { - position: absolute; - top: 50%; - left: 0; - @include transform(translateY(-50%)); - background: get-color("dark"); - width: 100%; - height: 2px; - border-radius: 2px; - @include transition(linear 0.1s); - &:before, &:after { - content: ''; - position: absolute; - left: 0; - background: get-color("dark"); - width: 100%; - height: 2px; - border-radius: 2px; - @include transition(linear 0.1s); - } - &:before { top: -7px; } - &:after { bottom: -7px; } - } - &.toggle-close { - span { - background: transparent; - &:before { top: 0; bottom: 0; @include transform(rotate(-45deg)); } - &:after { top: 0; bottom: 0; @include transform(rotate(45deg)); } - } - } - } - .header-menu { - display: inline-block; - font-size: 0.938rem; - z-index: 995; - .nav { - display: block; - margin: 0; - padding: 0; - list-style-type: none; - margin: 0; - padding: 0; - ul { - list-style-type: none; - margin: 0; - padding: 0; - } - .nav-item { - text-align: left; - .nav-link { - padding: 0; - font-family: $font-family-poppins; - letter-spacing: -0.2px; - color: get-color("dark"); - &:hover, &.active { - color: get-color("dark"); - } - } - .nav-dropdown-toggle { - position: relative; - display: inline-block; - &:after { - content: '\f107'; - font-family: "Font Awesome 6 Free"; - font-weight: 900; - font-size: 0.8rem; - } - } - .nav-dropdown { - background: white; - h1,h2,h3,h4,h5,h6 { color: get-color("dark"); } - a { - &:not([class^='button'], [class^="link-social"]) { - color: $color-primary; - &:hover, &:focus { color: get-color("dark"); } - } - } - .nav-dropdown-item { - .nav-subdropdown-toggle { - position: absolute; - &:after { - content: '\f105'; - font-family: "Font Awesome 6 Free"; - font-weight: 900; - font-size: 0.8rem; - } - } - } - } - } - } - &.font-2 { - .nav { - .nav-item { - .nav-link { - font-size: 0.9em; - font-weight: 500; - letter-spacing: 1px; - text-transform: uppercase; - } - } - } - } - } - .header-menu-extra { - a { - &:not([class^='button'], [class^="link-social"]) { - color: get-color("dark"); - &:hover, &:focus { color: get-color("dark"); } - } - } - } - // - // Header Boxed // - // - &.header-boxed { - position: absolute; - top: 0; - left: 0; - } - // - // Positions // - // - &.sticky-autohide, &.sticky { - position: fixed; - top: 0; - left: 0; - @include box-shadow(0 0 36px 0 rgba(22,25,28,0.17)); - } -} -.theme-font-nunito { - .header { - .header-menu { - .nav { - .nav-item { - .nav-link { - font-family: $font-family-nunito; - } - } - } - } - } -} - -// -// Header Backgrounds // -// -.header { - // - // Header Dark // - // - &[class*='header-color'] { - &:not(.transparent-dark) { - .header-logo { - .logo-dark { - display: none; - } - .logo-light { - display: inline-block; - } - h1,h2,h3,h4,h5,h6 { color: white; } - a { - color: white; - &:hover { color: white; } - } - } - @include breakpoint-above(lg) { - .header-menu { - .nav { - .nav-item { - .nav-link, .nav-dropdown-toggle { - color: white; - &:hover, &:focus, &.active { color: white; } - } - .nav-link { - &:before { - background: get-color("white", 0.15); - } - } - } - } - } - } - .header-menu-extra { - a { - &:not([class^='button'], [class^="link-social"]) { - color: white; - &:hover, &:focus { color: white; } - } - } - } - .header-toggle { - span { - background: white; - &:before, &:after { background: white; } - } - &.toggle-close { - span { - background: transparent; - } - } - } - } - } - &.header-color-dark { background: $bg-dark; } - &.header-color-black { background: black; } - - // - // Transparent Dark, Light // - // - &.transparent-dark, &.transparent-light { - &:not(.sticky-autohide, .sticky) { - position: absolute; - top: 0; - left: 0; - } - background: transparent; - @include box-shadow(none); - } - &[class*='header-color'], &.transparent-light { - &.border-top, &.border-bottom { - border-color: get-color("white", 0.1); - } - } - &.transparent-light { - .header-logo { - .logo-dark { - display: none; - } - .logo-light { - display: inline-block; - } - h1,h2,h3,h4,h5,h6 { color: white; } - a { - color: white; - &:hover { color: white; } - } - } - .header-toggle { - span { - background: white; - &:before, &:after { background: white; } - } - &.toggle-close { - span { - background: transparent; - } - } - } - @include breakpoint-above(lg) { - .header-menu { - .nav { - .nav-item { - .nav-link, .nav-dropdown-toggle { - color: white; - &:hover, &:focus, &.active { color: white; } - } - .nav-link { - &:before { - background: get-color("white", 0.15); - } - } - } - } - } - } - .header-menu-extra { - a { - &:not([class^='button'], [class^="link-social"]) { - color: white; - &:hover, &:focus { color: white; } - } - } - } - } - - // - // Header Boxed // - // - &.header-boxed { - background: transparent; - .container, .container-fluid { - background: get-color("white", 0.9); - border-bottom-right-radius: 1.5em; - border-bottom-left-radius: 1.5em; - @include box-shadow(0 0 36px 0 rgba(22,25,28,0.1)); - } - .container-fluid { - width: auto; - margin: 0 30px; - } - &.sticky-autohide, &.sticky { - @include box-shadow(none); - } - &[class*='header-color'] { - background: transparent; - } - &.header-color-dark { - .container { - background: get-color("dark", 0.8); - } - } - &.header-color-black { - .container { - background: rgba(0, 0, 0, 0.8); - } - } - } -} - -@include breakpoint-above(lg) { - .header { - // - // Sizes // - // - .header-logo, .header-menu-extra { - z-index: 996; - } - .header-menu { - height: 80px; - } - &.header-lg { - .header-logo { - img { - height: 64px; - max-height: 64px; - } - } - .header-menu { - height: 90px; - } - } - &.header-xl { - .header-logo { - img { - height: 74px; - max-height: 74px; - } - } - .header-menu { - height: 100px; - } - } - - // - // Alignments // - // - &:not(.left, .center) { - .header-menu { - margin-left: auto; - } - } - &.left { - .header-logo { - margin-right: 30px; - } - .header-menu { - margin-right: auto; - } - } - &.center { - .header-logo { - margin-right: auto; - } - .header-menu { - .nav { - position: absolute; - top: 0; - right: 0; - width: 100%; - text-align: center; - } - } - } - .header-menu { - .nav { - .nav-item { - position: relative; - display: inline-block; - height: 100%; - margin: 0 0 0 20px; - &.mega-menu-item { - position: static; - .nav-link { - &:after { - content: '\f107'; - padding-left: 5px; - font-family: "Font Awesome 6 Free"; - font-weight: 900; - font-size: 0.8rem; - } - &.d-toggle { - padding-right: 0; - } - } - .nav-dropdown-toggle { - display: none; - } - } - &:first-child { - margin-left: 0; - } - .nav-link { - position: relative; - display: inline-block; - line-height: 80px; - &:before { - position: absolute; - right: 0; - bottom: 22px; - left: 0; - content: ''; - background: $bg-gray; - height: 0; - @include transition(all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - &.d-toggle { - padding-right: 16px; - } - } - .nav-dropdown-toggle { - position: absolute; - top: 50%; - right: 0; - @include transform(translateY(-50%)); - margin-top: -2px; - color: get-color("dark"); - &:hover { - color: get-color("dark"); - } - } - .nav-dropdown { - position: absolute; - top: 84px; - left: 0; - @include transform(translateY(10px)); - z-index: 995; - visibility: hidden; - opacity: 0; - background: white; - width: 240px; - @include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17)); - border-radius: 0.4em; - padding: 15px 0; - @include transition(ease-out 0.14s); - &:before { - content: ''; - position: absolute; - top: -4px; - width: 100%; - height: 4px; - } - .nav-dropdown-item { - position: relative; - display: block; - margin: 0; - padding: 0 15px; - .nav-dropdown-link { - position: relative; - display: block; - border-radius: 0.4em; - padding: 7px 15px; - @include transition(linear 0.06s); - &:hover { - background: $bg-gray; - padding: 7px 15px 7px 17px; - } - &.sd-toggle { - &:after { - position: absolute; - top: 50%; - right: 15px; - @include transform(translateY(-50%)); - content: '\f105'; - font-family: "Font Awesome 6 Free"; - font-weight: 900; - font-size: 0.8rem; - } - } - } - .nav-subdropdown-toggle { - display: none; - } - .nav-subdropdown { - position: absolute; - top: 0; - left: 228px; - visibility: hidden; - opacity: 0; - background: white; - width: 240px; - @include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17)); - border-radius: 0.4em; - padding: 15px; - @include transition(linear 0.06s); - .nav-subdropdown-item { - display: block; - margin: 0; - .nav-subdropdown-link { - display: block; - border-radius: 0.4em; - padding: 7px 15px; - @include transition(linear 0.06s); - &:hover { - background: $bg-gray; - padding: 7px 15px 7px 17px; - } - } - } - &.nav-subdropdown-lg { - width: 476px; - [class*='col'] { - &:first-child { - border-right: 1px solid $border-gray; - } - } - } - } - &:hover { - .nav-subdropdown { - visibility: visible; - opacity: 1; - } - } - } - } - .mega-menu-content { - position: absolute; - top: 84px; - right: 2em; - left: 2em; - @include transform(translateY(10px)); - z-index: 995; - visibility: hidden; - opacity: 0; - background: white; - width: auto; - @include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17)); - border-radius: 0.4em; - padding: 1em; - @include transition(ease-out 0.14s); - &:before { - content: ''; - position: absolute; - top: -4px; - width: 100%; - height: 4px; - } - } - &.mega-menu-item { - &:hover { - .mega-menu-content { - @include transform(translateY(0)); - visibility: visible; - opacity: 1; - } - } - } - &:hover { - .nav-link { - &:before { - height: 6px; - } - } - .nav-dropdown { - @include transform(translateY(0)); - visibility: visible; - opacity: 1; - } - } - } - } - &[class*='dropdown-color'] { - .nav { - .nav-item { - .nav-dropdown { - h1,h2,h3,h4,h5,h6 { color: white; } - a { - &:not([class^='button'], [class^="link-social"]) { - color: get-color("white", 0.8); - &:hover, &:focus { color: white; } - } - } - .nav-dropdown-item { - .nav-dropdown-link { - &:hover { - background: get-color("white", 0.1); - } - } - .nav-subdropdown { - .nav-subdropdown-item { - .nav-subdropdown-link { - &:hover { - background: get-color("white", 0.1); - } - } - } - &.nav-subdropdown-lg { - [class*='col'] { - border-color: get-color("white", 0.2); - } - } - } - } - } - } - } - } - &.dropdown-color-dark { - .nav { - .nav-item { - .nav-dropdown { - background: get-color("dark"); - .nav-dropdown-item { - .nav-subdropdown { - background: get-color("dark"); - } - } - } - } - } - } - } - &.transparent-dark { - .header-menu { - .nav { - .nav-item { - .nav-link { - &:before { - background: get-color("dark", 0.05); - } - } - } - } - } - } - .header-menu-extra { - display: inline-block; - margin-left: 30px; - } - .header-toggle { - display: none; - } - - // - // Header Boxed // - // - &.header-boxed { - .container, - .container-fluid { - backdrop-filter: blur(8px); - } - } - &:not(.center, .left) { - .header-menu { - .nav { - .nav-item { - &:last-child, - &:nth-last-child(2) { - .nav-dropdown { - right: 0; - left: auto; - .nav-dropdown-item { - .nav-subdropdown { - right: 228px; - left: auto; - } - } - } - } - } - } - } - .container-fluid { - .header-menu { - .nav { - .nav-item { - .nav-dropdown { - right: 0; - left: auto; - .nav-dropdown-item { - .nav-subdropdown { - right: 228px; - left: auto; - } - } - } - } - } - } - } - } - } -} -@include breakpoint-less(md) { - .header { - height: 70px; - .header-menu { - position: fixed; - top: 0; - left: -100%; - overflow-y: auto; - background: white; - width: 300px; - height: 100%; - @include box-shadow(0 0 36px 0 rgba(22,25,28,0.17)); - padding: 20px 30px; - @include transition(all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); - &.show { - left: 0; - } - .nav { - width: 100%; - margin: 0; - padding: 0; - .nav-item { - position: relative; - display: block; - width: 100%; - height: auto; - margin: 0; - border-bottom: 1px solid $border-gray; - padding: 12px 0; - &:last-child { - border: 0; - } - .nav-link { - display: inline-block; - width: auto; - height: auto; - color: $color-primary; - &:hover, &:focus, &.active { color: get-color("dark"); } - } - &.mega-menu-item { - .nav-link { - width: 100%; - &:after { - float: right; - } - } - .mega-menu-content { - padding-top: 12px; - } - } - .nav-dropdown-toggle { - position: absolute; - top: 13px; - right: 0; - width: 21px; - height: 21px; - text-align: right; - &.active { - color: get-color("dark"); - } - } - .nav-dropdown { - display: none; - background: white; - padding: 8px 0 0 20px; - &.show { - display: block; - } - .nav-dropdown-item { - position: relative; - margin: 0 0 8px; - &:last-child { - margin: 0; - } - .nav-dropdown-link { - &.active { - color: get-color("dark"); - } - } - .nav-subdropdown-toggle { - top: 0; - right: 0; - width: 21px; - height: 21px; - text-align: right; - &:after { - content: '\f107'; - } - } - .nav-subdropdown { - display: none; - padding: 8px 0 0 20px; - &.show { - display: block; - } - li { - margin: 0 0 8px; - &:last-child { - margin: 0; - } - } - } - } - } - .mega-menu-content { - display: none; - &.show { - display: block; - } - } - } - } - } - .header-menu-extra { - position: absolute; - top: 50%; - right: 80px; - left: auto; - @include transform(translateY(-50%)); - } - - // - // Header Boxed // - // - &.header-boxed { - .container, - .container-fluid { - background: get-color("white", 0.95); - } - } - - // - // Mobile Menu - Dark // - // - &[class*='mobile-menu-color'] { - .nav { - .nav-item { - border-color: get-color("white", 0.2); - .nav-link, - .nav-dropdown-toggle { - color: get-color("white", 0.8); - &:hover, &:focus, &.active { - color: white; - } - } - .nav-dropdown { - background: transparent; - a { - &:not([class^='button'], [class^="link-social"]) { - color: get-color("white", 0.8); - &:hover, &:focus { color: white; } - } - } - } - } - } - } - &.mobile-menu-color-dark { - .header-menu { background: $bg-dark; } - } - } -} -@include breakpoint-less(xs) { - .header { - &.header-boxed { - .container, - .container-fluid { - width: auto; - margin-right: 8px; - margin-left: 8px; - padding: 0 26px; - } - } - } -} - -// -// Header Sizes // -// -@include breakpoint-above(lg) { - .header-lg { - height: 90px; - .container-fluid { - padding: 0 40px; - } - .header-menu { - .nav { - .nav-item { - .nav-link { - line-height: 90px; - &:before { - bottom: 27px; - } - } - .nav-dropdown, .mega-menu-content { - top: 94px; - } - } - } - } - } - .header-xl { - height: 100px; - .container-fluid { - padding: 0 50px; - } - .header-menu { - .nav { - .nav-item { - .nav-link { - line-height: 100px; - &:before { - bottom: 32px; - } - } - .nav-dropdown, .mega-menu-content { - top: 104px; - } - } - } - } - } -} - -// -// Placeholders for Sticky Header // -// -.header-placeholder { height: 80px; } -.header-placeholder-lg { height: 90px; } -.header-placeholder-xl { height: 100px; } -@include breakpoint-less(md) { - .header-placeholder, .header-placeholder-lg, .header-placeholder-xl { height: 70px; } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_masonry.scss b/static/assets/css/scss/components/_masonry.scss deleted file mode 100644 index 3f6b49b..0000000 --- a/static/assets/css/scss/components/_masonry.scss +++ /dev/null @@ -1,97 +0,0 @@ -// -// Masonry Styles // -// -.masonry { - margin: 0 -1em -2em; - .masonry-item { - margin-bottom: 2em; - padding: 0 1em; - } - // - // Masonry - Columns // - // - &.column-1 { - .masonry-item { width: 100%; } - } - &.column-2 { - @include breakpoint-above(md) { - .masonry-item { width: 50%; } - } - } - &.column-3 { - @include breakpoint-above(md) { - .masonry-item { width: 50%; } - } - @include breakpoint-above(lg) { - .masonry-item { width: 33.33%; } - } - } - &.column-4 { - @include breakpoint-above(sm) { - .masonry-item { width: 50%; } - } - @include breakpoint-above(md) { - .masonry-item { width: 33.33%; } - } - @include breakpoint-above(lg) { - .masonry-item { width: 25%; } - } - } - &.column-5 { - @extend .column-4; - @include breakpoint-above(xl) { - .masonry-item { width: 20%; } - } - } - &.column-6 { - @extend .column-4; - @include breakpoint-above(xl) { - .masonry-item { width: 16.66%; } - } - } - // - // Masonry - Item Spacings // - // - &.spacing-0 { - margin: 0; - .masonry-item { - margin: 0; - padding: 0; - } - } - &.spacing-1 { - margin: 0 -0.5em -1em; - .masonry-item { - margin-bottom: 1em; - padding: 0 0.5em; - } - } - &.spacing-2 { - margin: 0 -1em -2em; - .masonry-item { - margin-bottom: 2em; - padding: 0 1em; - } - } - &.spacing-3 { - margin: 0 -1.5em -3em; - .masonry-item { - margin-bottom: 3em; - padding: 0 1.5em; - } - } - &.spacing-4 { - margin: 0 -2em -4em; - .masonry-item { - margin-bottom: 4em; - padding: 0 2em; - } - } - &.spacing-5 { - margin: 0 -2.5em -5em; - .masonry-item { - margin-bottom: 5em; - padding: 0 2.5em; - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_portfolio.scss b/static/assets/css/scss/components/_portfolio.scss deleted file mode 100644 index 1239e8a..0000000 --- a/static/assets/css/scss/components/_portfolio.scss +++ /dev/null @@ -1,555 +0,0 @@ -// -// Portfolio Styles // -// -.portfolio-masonry { - .portfolio-item { - width: 100%; - } - .portfolio-item { - text-align: left; - } - // - // Portfolio Columns // - // - &.column-1 { - .portfolio-item { width: 100%; } - } - &.column-2 { - @include breakpoint-above(md) { - .portfolio-item { width: 50%; } - } - } - &.column-3 { - @include breakpoint-above(md) { - .portfolio-item { width: 50%; } - } - @include breakpoint-above(lg) { - .portfolio-item { width: 33.33%; } - } - } - &.column-4 { - @include breakpoint-above(sm) { - .portfolio-item { width: 50%; } - } - @include breakpoint-above(md) { - .portfolio-item { width: 33.33%; } - } - @include breakpoint-above(lg) { - .portfolio-item { width: 25%; } - } - } - &.column-5 { - @extend .column-4; - @include breakpoint-above(xl) { - .portfolio-item { width: 20%; } - } - } - &.column-6 { - @extend .column-4; - @include breakpoint-above(xl) { - .portfolio-item { width: 16.66%; } - } - } - // - // Portfolio box spacings // - // - &.spacing-0 { - .portfolio-item { padding: 0; } - } - &.spacing-1 { - .portfolio-item { padding: 0.5em; } - } - &.spacing-2 { - .portfolio-item { padding: 1em; } - } - &.spacing-3 { - .portfolio-item { padding: 1.5em; } - } - &.spacing-4 { - .portfolio-item { padding: 2em; } - } - &.spacing-5 { - .portfolio-item { padding: 2.5em; } - } -} -.portfolio-masonry, -.portfolio-grid { - // - // Portfolio box border-radius // - // - &[class*='border-radius'] { - .portfolio-item { - .portfolio-box { - @include transform(translate3d(0,0,0)); - overflow: hidden; - } - } - } - &.border-radius { - .portfolio-item .portfolio-box { border-radius: 0.4em; } - } - &.border-radius-1 { - .portfolio-item .portfolio-box { border-radius: 1.0em; } - } -} -.text-center { - .portfolio-item { text-align: center; } -} -.text-end { - .portfolio-item { text-align: right; } -} - -.container { - .portfolio-masonry { - &.spacing-0 { margin: 0; } - &.spacing-1 { margin: -0.5em; } - &.spacing-2 { margin: -1em; } - &.spacing-3 { margin: -1.5em; } - &.spacing-4 { margin: -2em; } - &.spacing-5 { margin: -2.5em; } - } -} - -// -// Portfolio Filter Styles // -// -.filter { - ul { - margin: 0 -5px; - padding: 0; - li { - display: inline-block; - background: $button-gray-lighter; - border-radius: 30px; - margin: 0 5px; - padding: 7px 15px; - font: 500 0.9em $font-family-poppins; - letter-spacing: 1px; - text-transform: uppercase; - cursor: pointer; - @include transition(linear 0.1s); - &:hover { - background: $button-gray; - } - &.active, &.mixitup-control-active { - background: $bg-dark; - color: white; - } - } - } - // - // Filter Font Styles // - // - &.filter-font-2 { - ul { - li { - font-size: 15px; - letter-spacing: -0.2px; - text-transform: none; - } - } - } - // - // Filter Styles // - // - &.filter-style-2 { - ul { - margin: 0 -2px; - li { - background: transparent; - margin: 0 2px; - color: $color-primary; - &:hover, &.active, &.mixitup-control-active { - color: get-color("dark"); - } - &.active, &.mixitup-control-active { - background: $button-gray-lighter; - } - } - } - } - &.filter-style-3 { - ul { - margin: 0 -14px -8px; - li { - position: relative; - background: transparent; - margin: 0 14px 8px; - padding: 0; - color: $color-primary; - &:after { - content: ''; - position: absolute; - right: 0; - bottom: -1px; - left: 0; - background: get-color("dark"); - height: 1px; - @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); - } - &:hover, &.active, &.mixitup-control-active { - color: get-color("dark"); - } - &.active, &.mixitup-control-active { - &:after { - width: 100%; - @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); - } - } - } - } - } - &.filter-style-4 { - ul { - margin: 0 -14px -7px; - li { - background: transparent; - margin: 0 14px 7px; - padding: 0; - color: $color-primary-lighter; - &:hover, &.active, &.mixitup-control-active { - background: transparent; - color: get-color("dark"); - } - } - } - } -} -.theme-font-unito { - .filter { - ul { - li { - font: 600 0.9em $font-family-nunito; - } - } - &.filter-font-2 { - ul { - li { - font-size: 1em; - letter-spacing: 0; - } - } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .filter { - ul { - li { - background: transparent; - color: get-color("white", 0.7); - &:hover { - background: transparent; - color: white; - } - &.active, &.mixitup-control-active { - background: white; - color: get-color("dark"); - } - } - } - &.filter-style-2 { - ul { - li { - color: get-color("white", 0.7); - &:hover, &.active, &.mixitup-control-active { - color: white; - } - &.active, &.mixitup-control-active { - background: white; - color: get-color("dark"); - } - } - } - } - &.filter-style-3 { - ul { - li { - color: get-color("white", 0.7); - &:after { - background: white; - } - &:hover, &.active, &.mixitup-control-active { - color: white; - } - &.active, &.mixitup-control-active { - background: transparent; - } - } - } - } - &.filter-style-4 { - ul { - li { - background: transparent; - color: get-color("white", 0.7); - &:hover, &.active, &.mixitup-control-active { - background: transparent; - color: white; - } - } - } - } - } -} - -// -// Hover Styles // -// -.portfolio-item { - .portfolio-box { - position: relative; - .portfolio-img { - position: relative; - overflow: hidden; - img { - @include transform(scale(1)); - width: 100%; - @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - } - a { - position: absolute; - top: 0; - left: 0; - z-index: 2; - display: block; - width: 100%; - height: 100%; - } - &:hover { - .portfolio-img { - img { - @include transform(scale(1.04)); - @include filter(blur(1.5px)); - } - } - } - } -} -.portfolio-grid, .portfolio-masonry { - &:not(.hover-style-2, .hover-style-3) { - .portfolio-item { - .portfolio-box { - .portfolio-title { - position: absolute; - top: 0; - left: 0; - opacity: 0; - background-image: linear-gradient(to top, get-color("dark", 0.4), transparent); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - div { - position: absolute; - left: 30px; - bottom: 30px; - * { - opacity: 0; - @include transform(translateY(5px)); - margin-bottom: 0.5rem; - color: white; - @include transition(ease-out 0.12s); - &:first-child { @include transition-delay(0.05s); } - &:last-child { @include transition-delay(0.10s); margin-bottom: 0; } - } - span { - display: inline-block; - } - } - } - &:hover { - .portfolio-title { - opacity: 1; - * { - opacity: 1; - @include transform(translateY(0)); - } - } - } - } - } - } -} - -// -// Hover Style 2 // -// -.hover-style-2 { - .portfolio-item { - .portfolio-box { - .portfolio-title { - position: absolute; - top: 0; - left: 0; - opacity: 1; - background: get-color("dark", 0.1); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - &:before { - content: ''; - position: absolute; - top: 0; - left: 0; - opacity: 0; - background-image: linear-gradient(to top, get-color("dark", 0.3), transparent); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - } - div { - position: absolute; - top: 30px; - left: 30px; - span { - display: block; - } - * { - margin-bottom: 0.5rem; - color: white; - @include transition(ease-out 0.12s); - } - } - i { - position: absolute; - right: 30px; - bottom: 30px; - @include transform(translateY(5px)); - opacity: 0; - font-size: 1.2em; - color: white; - @include transition(ease-out 0.12s); - } - } - &:hover { - .portfolio-title { - &:before { - opacity: 1; - } - i { - @include transform(translateY(0)); - opacity: 1; - } - } - } - } - } -} - -// -// Hover style 3 // -// -.hover-style-3 { - .portfolio-item { - .portfolio-box { - .portfolio-title { - position: absolute; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; - .portfolio-title-item { - display: table; - @include transform(translateY(4px)); - visibility: hidden; - opacity: 0; - background: white; - margin-bottom: 0.25rem; - padding: 0.6rem 1rem; - @include transition(ease-out 0.12s); - &:last-child { - margin-bottom: 0; - } - &:nth-child(1) { @include transition-delay(0.05s); } - &:nth-child(2) { @include transition-delay(0.10s); } - &:nth-child(3) { @include transition-delay(0.15s); } - * { - margin-bottom: 0; - color: get-color("dark"); - } - } - } - @include breakpoint-less(md) { - .portfolio-title { - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; - } - } - &:hover { - .portfolio-title { - .portfolio-title-item { - @include transform(translateY(0)); - visibility: visible; - opacity: 1; - } - } - } - } - } -} - - -// -// Hero Portfolio // -// -.hero-portfolio-slider { - .hero-portfolio-box { - position: relative; - a { - display: block; - &:hover { - text-decoration: underline; - } - } - .hero-portfolio-img { - overflow: hidden; - @include transform(translate3d(0,0,0)); - img { - @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - } - .hero-portfolio-caption { - visibility: hidden; - opacity: 0; - position: absolute; - top: 50%; - left: -50px; - @include transform(translateY(-50%)); - background: get-color("dark", 0.9); - max-width: 70%; - padding: 1.5rem 2rem; - @include transition(ease-out 0.16s); - * { - color: white; - margin: 0; - } - @include breakpoint-less(sm) { - left: 50%; - @include transform(translate(-50%, -50%)); - padding: 1rem 1.5rem; - } - } - &:hover { - .hero-portfolio-img { - img { - @include transform(scale(1.04)); - } - } - } - } - .swiper-wrapper { - .swiper-slide { - &.swiper-slide-active { - .hero-portfolio-caption { - visibility: visible; - opacity: 1; - text-align: center; - } - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_preloader.scss b/static/assets/css/scss/components/_preloader.scss deleted file mode 100644 index 48d65b4..0000000 --- a/static/assets/css/scss/components/_preloader.scss +++ /dev/null @@ -1,531 +0,0 @@ -// -// Preloader Styles // -// -body { - &:after { - content: ''; - position: fixed; - top: 0; - left: 0; - z-index: 998; - background: white; - width: 100%; - height: 100%; - } - &.loaded { - &:after { - display: none; - } - } -} - -.preloader { - position: fixed; - top: 0; - left: 0; - z-index: 999; - visibility: visible; - opacity: 1; - background: white; - width: 100%; - height: 100%; - text-align: center; - div { - position: absolute; - top: 50%; - left: 50%; - @include transform(translate(-50%,-50%)); - } -} -.loaded { - .preloader { - visibility: hidden; - opacity: 0; - @include transition(ease-out 0.3s); - } -} - -// -// Preloader 1 // -// -.preloader-1 { - div { - position: relative; - width: 70px; - height: 70px; - .loader-circular { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - transform-origin: center center; - width: 70px; - height: 70px; - margin: auto; - animation: loader-one-rotate 2s linear infinite; - } - .loader-path { - fill: none; - stroke: get-color("dark"); - stroke-width: 2.5; - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - stroke-linecap: round; - stroke-miterlimit: 10; - animation: loader-one-dash 1.5s ease-in-out infinite; - } - } -} -// -// Preloader 1 - Color Options // -// -.preloader-dark { - .preloader-1 { - background: black; - div { - .loader-path { - stroke: white; - } - } - } -} -.preloader-blue { - .preloader-1 { - div { - .loader-path { - stroke: get-color("blue"); - } - } - } -} -.preloader-purple { - .preloader-1 { - div { - .loader-path { - stroke: get-color("purple"); - } - } - } -} -.preloader-pink-edge { - .preloader-1 { - div { - .loader-path { - stroke: get-color("pink-edge"); - } - } - } -} -.preloader-golden-yellow { - .preloader-1 { - div { - .loader-path { - stroke: get-color("golden-yellow"); - } - } - } -} -.preloader-very-peri { - .preloader-1 { - div { - .loader-path { - stroke: get-color("very-peri"); - } - } - } -} -.preloader-turquoise { - .preloader-1 { - div { - .loader-path { - stroke: get-color("turquoise"); - } - } - } -} -.preloader-spring-red { - .preloader-1 { - div { - .loader-path { - stroke: get-color("spring-red"); - } - } - } -} -.preloader-tan { - .preloader-1 { - div { - .loader-path { - stroke: get-color("tan"); - } - } - } -} -.preloader-aqua { - .preloader-1 { - div { - .loader-path { - stroke: get-color("aqua"); - } - } - } -} - -@keyframes loader-one-rotate { - 100% { transform: rotate(360deg); } -} -@keyframes loader-one-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 89, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 89, 200; - stroke-dashoffset: -124px; - } -} - -// -// Preloader 2 // -// -.preloader-2 { - div { - span { - display: inline-block; - opacity: 0.2; - background: black; - background: linear-gradient(to right, black 10%, transparent 40%); - width: 60px; - height: 60px; - border-radius: 50%; - @include animation(loader-two 0.6s infinite linear); - &:before, &:after { - content: ''; - position: absolute; - top: 0; - left: 0; - } - &:before { - background: black; - width: 50%; - height: 50%; - border-radius: 100% 0 0 0; - } - &:after { - right: 0; - bottom: 0; - background: white; - width: 90%; - height: 90%; - margin: auto; - border-radius: 50%; - } - } - } -} -@keyframes loader-two { - 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } -} -@-webkit-keyframes loader-two { - 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } -} -// -// Preloader 2 - Color Options // -// -.preloader-dark { - .preloader-2 { - background: black; - div { - span { - background: white; - background: linear-gradient(to right, white 10%, transparent 40%); - &:before { - background: white; - } - &:after { - background: black; - } - } - } - } -} -.preloader-blue { - .preloader-2 { - div { - span { - background: get-color("blue"); - background: linear-gradient(to right, get-color("blue") 10%, transparent 40%); - &:before { - background: get-color("blue"); - } - } - } - } -} -.preloader-purple { - .preloader-2 { - div { - span { - background: get-color("purple"); - background: linear-gradient(to right, get-color("purple") 10%, transparent 40%); - &:before { - background: get-color("purple"); - } - } - } - } -} -.preloader-pink-edge { - .preloader-2 { - div { - span { - background: get-color("pink-edge"); - background: linear-gradient(to right, get-color("pink-edge") 10%, transparent 40%); - &:before { - background: get-color("pink-edge"); - } - } - } - } -} -.preloader-golden-yellow { - .preloader-2 { - div { - span { - background: get-color("golden-yellow"); - background: linear-gradient(to right, get-color("golden-yellow") 10%, transparent 40%); - &:before { - background: get-color("golden-yellow"); - } - } - } - } -} -.preloader-very-peri { - .preloader-2 { - div { - span { - background: get-color("very-peri"); - background: linear-gradient(to right, get-color("very-peri") 10%, transparent 40%); - &:before { - background: get-color("very-peri"); - } - } - } - } -} -.preloader-turquoise { - .preloader-2 { - div { - span { - background: get-color("turquoise"); - background: linear-gradient(to right, get-color("turquoise") 10%, transparent 40%); - &:before { - background: get-color("turquoise"); - } - } - } - } -} -.preloader-spring-red { - .preloader-2 { - div { - span { - background: get-color("spring-red"); - background: linear-gradient(to right, get-color("spring-red") 10%, transparent 40%); - &:before { - background: get-color("spring-red"); - } - } - } - } -} -.preloader-tan { - .preloader-2 { - div { - span { - background: get-color("tan"); - background: linear-gradient(to right, get-color("tan") 10%, transparent 40%); - &:before { - background: get-color("tan"); - } - } - } - } -} -.preloader-aqua { - .preloader-2 { - div { - span { - background: get-color("aqua"); - background: linear-gradient(to right, get-color("aqua") 10%, transparent 40%); - &:before { - background: get-color("aqua"); - } - } - } - } -} - -// -// Preloader 3 // -// -.preloader-3 { - div { - width: 50px; - height: 50px; - span { - position: relative; - display: block; - &:before, &:after { - content: ''; - position: absolute; - top: 0; - left: 0; - background: get-color("dark", 0.1); - width: 50px; - height: 50px; - border-radius: 50%; - } - &:before { @include animation(loader-three-bounceIn 1.2s infinite ease-in-out); } - &:after { @include animation(loader-three-bounceOut 1.2s infinite ease-in-out); } - } - } -} -@-webkit-keyframes loader-three-bounceIn { - 0%, 100% { -webkit-transform: scale(0); } - 50% { -webkit-transform: scale(1.0); } -} -@keyframes loader-three-bounceIn { - 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } - 50% { -webkit-transform: scale(1.0); transform: scale(1.0); } -} -@-webkit-keyframes loader-three-bounceOut { - 0%, 100% { -webkit-transform: scale(1.0); } - 50% { -webkit-transform: scale(0); } -} -@keyframes loader-three-bounceOut { - 0%, 100% { -webkit-transform: scale(1.0); transform: scale(1.0); } - 50% { -webkit-transform: scale(0); transform: scale(0); } -} -// -// Preloader 3 - Color Options // -// -.preloader-dark { - .preloader-3 { - background: black; - div { - span { - &:before, &:after { - background: get-color("white", 0.2); - } - } - } - } -} -.preloader-blue { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("blue", 0.2); - } - } - } - } -} -.preloader-purple { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("purple", 0.2); - } - } - } - } -} -.preloader-pink-edge { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("pink-edge", 0.2); - } - } - } - } -} -.preloader-golden-yellow { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("golden-yellow", 0.2); - } - } - } - } -} -.preloader-very-peri { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("very-peri", 0.2); - } - } - } - } -} -.preloader-turquoise { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("turquoise", 0.2); - } - } - } - } -} -.preloader-spring-red { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("spring-red", 0.2); - } - } - } - } -} -.preloader-tan { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("tan", 0.2); - } - } - } - } -} -.preloader-aqua { - .preloader-3 { - div { - span { - &:before, &:after { - background: get-color("aqua", 0.2); - } - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/components/_section.scss b/static/assets/css/scss/components/_section.scss deleted file mode 100644 index 033ff39..0000000 --- a/static/assets/css/scss/components/_section.scss +++ /dev/null @@ -1,127 +0,0 @@ -// -// Sections Styles // -// -.section-xs { - padding: 50px 0; - &.bg-image { - .container, .container-fluid { padding: 50px 30px; } - } -} -.section-sm { - padding: 70px 0; - &.bg-image { - .container, .container-fluid { padding: 70px 30px; } - } -} -.section, .section-md { - padding: 100px 0; - &.bg-image { - .container, .container-fluid { padding: 100px 30px; } - } -} -.section-lg { - padding: 140px 0; - &.bg-image { - .container, .container-fluid { padding: 140px 30px; } - } -} -.section-xl { - padding: 180px 0; - &.bg-image { - .container, .container-fluid { padding: 180px 30px; } - } -} -.section-2xl { - padding: 220px 0; - &.bg-image { - .container, .container-fluid { padding: 220px 30px; } - } -} -@include breakpoint-less(sm) { - .section-xs { - padding: 30px 0; - &.bg-image { - .container, .container-fluid { padding: 30px 30px; } - } - } - .section-sm { - padding: 50px 0; - &.bg-image { - .container, .container-fluid { padding: 50px 30px; } - } - } - .section, .section-md { - padding: 80px 0; - &.bg-image { - .container, .container-fluid { padding: 80px 30px; } - } - } - .section-lg { - padding: 110px 0; - &.bg-image { - .container, .container-fluid { padding: 110px 30px; } - } - } - .section-xl { - padding: 140px 0; - &.bg-image { - .container, .container-fluid { padding: 140px 30px; } - } - } - .section-2xl { - padding: 170px 0; - &.bg-image { - .container, .container-fluid { padding: 170px 30px; } - } - } -} -@include breakpoint-less(xs) { - .section, .section-md { - padding: 70px 0; - &.bg-image { - .container, .container-fluid { padding: 70px 30px; } - } - } - .section-lg { - padding: 90px 0; - &.bg-image { - .container, .container-fluid { padding: 90px 30px; } - } - } - .section-xl { - padding: 120px 0; - &.bg-image { - .container, .container-fluid { padding: 120px 30px; } - } - } - .section-2xl { - padding: 150px 0; - &.bg-image { - .container, .container-fluid { padding: 150px 30px; } - } - } -} -.section-xs, -.section-sm, -.section, .section-md, -.section-lg, -.section-xl, -.section-2xl { - &.bg-image { - padding: 0; - } -} - -.section-fullscreen { - width: 100%; - height: 100vh; - .bg-black, - [class*='bg-white'], - [class*='bg-gray'], - [class*='bg-dark'], - [class*='bg-gradient'], - [class*='bg-color'], - .container, .container-fluid { - height: 100%; - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_accordion.scss b/static/assets/css/scss/elements/_accordion.scss deleted file mode 100644 index a70a00c..0000000 --- a/static/assets/css/scss/elements/_accordion.scss +++ /dev/null @@ -1,228 +0,0 @@ -// -// Accordion styles // -// -.accordion { - list-style-type: none; - padding: 0; - li { - border: 0; - margin-bottom: 8px; - padding: 0; - @include transition(linear 0.1s); - &:last-child { - margin-bottom: 0; - } - .accordion-title { - position: relative; - border: 1px solid get-color("dark", 0.1); - padding: 14px 24px; - cursor: pointer; - @include transition(linear 0.1s); - &:before, &:after { - content: ''; - position: absolute; - top: 50%; - @include transform(translateY(-50%)); - background: black; - } - &:before { - right: 24px; - width: 11px; - height: 1px; - } - &:after { - right: 29px; - width: 1px; - height: 11px; - @include transition(linear 0.1s); - } - h1,h2,h3,h4,h5,h6 { - margin: 0; - } - * { - @include transition(linear 0.1s); - } - } - .accordion-content { - overflow: hidden; - max-height: 0; - padding: 0 25px; - @include transition(ease-out 0.2s); - &:before { - content: ''; - display: block; - width: 100%; - height: 20px; - } - &:after { - content: ''; - display: block; - width: 100%; - height: 12px; - } - ul, ol { - li { - border: 0; - padding: 0; - &:last-child { - border: 0; - } - } - } - ul { - list-style-type: disc; - ul { list-style-type: circle; } - } - ol { - &.list-ordered { - li { - margin-bottom: 8px; - padding-left: 34px; - &:last-child { - margin: 0; - } - } - } - } - .nav { - list-style-type: none; - } - } - &.active { - .accordion-title { - border-color: get-color("dark", 0.9); - &:after { - @include transform(translateY(-50%) rotate(-90deg)); - } - } - } - } - // - // Accordion - Style 2 // - // - &.style-2 { - li { - margin-bottom: 14px; - padding: 0; - &:last-child { - margin-bottom: 0; - } - .accordion-title { - border: 0; - border-bottom: 1px solid get-color("dark", 0.2); - padding: 0 0 10px; - @include transition(linear 0.1s); - &:before, &:after { - margin-top: -6px; - } - &:before { right: 0; } - &:after { right: 5px; } - } - .accordion-content { - padding: 0 20px; - } - &.active { - .accordion-title { - border-bottom-color: get-color("dark", 0.9); - } - } - } - } - // - // Accordion - Style 3 // - // - &.style-3 { - li { - .accordion-title { - background: $bg-gray-lighter; - border: 0; - } - .accordion-content { - padding: 0 24px; - } - &.active { - .accordion-title { - background: $bg-dark; - color: get-color("white", 0.8); - &:before, &:after { - background: white; - } - h1,h2,h3,h4,h5,h6 { - color: white; - } - } - } - } - } - // - // Border Radius // - // - &.border-radius { - &:not(.style-2) { - li { - .accordion-title { - border-radius: 0.375em; - } - } - } - } - &.rounded { - &:not(.style-2) { - li { - .accordion-title { - border-radius: 50px; - } - } - } - } -} -[class*='bg-gray'] { - .accordion { - &.style-3 { - li { - .accordion-title { - background: white; - } - } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .accordion { - li { - .accordion-title { - border-color: get-color("white", 0.2); - &:before, &:after { - background: white; - } - } - &.active { - .accordion-title { - border-color: white; - } - } - } - &.style-3 { - li { - .accordion-title { - background: get-color("white", 0.1); - } - &.active { - .accordion-title { - background: white; - color: $color-primary; - &:before, &:after { - background: black; - } - h1,h2,h3,h4,h5,h6 { - color: black; - } - } - } - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_box.scss b/static/assets/css/scss/elements/_box.scss deleted file mode 100644 index 881b232..0000000 --- a/static/assets/css/scss/elements/_box.scss +++ /dev/null @@ -1,147 +0,0 @@ -// -// Box Styles // -// -.box-shadow { - @include box-shadow(0 10px 36px 0 rgba(22,24,26,0.1)); - @include transition(ease-out 0.16s); - &:hover { - @include box-shadow(0 10px 40px 0 rgba(22,24,26,0.15)); - } -} -.hover-shadow { - @include transition(ease-out 0.16s); - &:hover { - @include box-shadow(0 10px 36px 0 rgba(22,24,26,0.1)); - } -} -.hover-float { - @include transition(ease-out 0.16s); - &:hover { - @include transform(translateY(-4px)); - } -} -.hover-scale { - @include transition(ease-out 0.16s); - &:hover { - @include transform(scale(1.015)); - } -} -.hover-shrink { - @include transition(ease-out 0.16s); - &:hover { - @include transform(scale(0.985)); - } -} -.box-backdrop { - overflow: hidden; - border-radius: 0.5em; - border: 2px solid get-color("dark"); - @include box-shadow(4px 4px 0 0 get-color("dark")); -} - -// -// Square box // -// -[class*="square-box"], -[class*="circle-box"] { - display: inline-block; - text-align: center; - * { - margin: 0; - vertical-align: middle; - } -} -.square-box-xs { - width: 40px; - height: 40px; - line-height: 40px; - * { - line-height: 40px; - } -} -.square-box-sm { - width: 50px; - height: 50px; - line-height: 50px; - * { - line-height: 50px; - } -} -.square-box, .square-box-md { - width: 60px; - height: 60px; - line-height: 60px; - * { - line-height: 60px; - } -} -.square-box-lg { - width: 70px; - height: 70px; - line-height: 70px; - * { - line-height: 70px; - } -} -.square-box-xl { - width: 80px; - height: 80px; - line-height: 80px; - * { - line-height: 80px; - } -} - -// -// Circle Box // -// -[class*="circle-box"] { - border-radius: 50%; -} -.circle-box-xs { - width: 40px; - height: 40px; - line-height: 40px; - * { - line-height: 40px; - } -} -.circle-box-sm { - width: 50px; - height: 50px; - line-height: 50px; - * { - line-height: 50px; - } -} -.circle-box, .circle-box-md { - width: 60px; - height: 60px; - line-height: 60px; - * { - line-height: 60px; - } -} -.circle-box-lg { - width: 70px; - height: 70px; - line-height: 70px; - * { - line-height: 70px; - } -} -.circle-box-xl { - width: 80px; - height: 80px; - line-height: 80px; - * { - line-height: 80px; - } -} - -// -// Box border radius // -// -.border-radius { border-radius: 0.5em; overflow: hidden; } -.border-radius-1 { border-radius: 1em; overflow: hidden; } -.border-radius-2 { border-radius: 2em; overflow: hidden; } \ No newline at end of file diff --git a/static/assets/css/scss/elements/_button.scss b/static/assets/css/scss/elements/_button.scss deleted file mode 100644 index 7c518be..0000000 --- a/static/assets/css/scss/elements/_button.scss +++ /dev/null @@ -1,1258 +0,0 @@ -// -// Button styles // -// -a { - color: get-color("dark", 0.9); - text-decoration: none; - @include transition(linear 0.1s); - &:hover { - color: get-color("dark"); - text-decoration: none; - } -} -button { - background: transparent; - box-shadow: none; - border: 0; - padding: 0; - cursor: pointer; -} -a, button { - &:focus, &:active { - box-shadow: none; - outline: 0; - } -} - -.button { - position: relative; - display: inline-block; - overflow: hidden; - background: $button-gray; - border: 1px solid $button-gray; - padding: 5px 10px; - color: get-color("dark"); - font: 500 0.875em $font-family-poppins; - letter-spacing: 0.8px; - text-transform: uppercase; - @include transition(ease-out 0.12s); - i { - margin-right: 8px; - font-size: 15px; - } - &:hover { - color: get-color("dark"); - } -} -.theme-font-nunito { - .button { - font: 600 0.875em $font-family-nunito; - } -} - -// -// Button - Sizes // -// -.button-sm { padding: 12px 26px; } -.button-md { padding: 14px 34px; } -.button-lg { padding: 16px 42px; } -.button-xl { padding: 18px 50px; } -.button-fullwidth { width: 100%; text-align: center; } - -.button-gray { - background: $button-gray; - border: 0; - &:hover, &:focus { - background: $button-gray-darker; - color: get-color("dark"); - } -} -.button-dark { - background: $button-dark-lighter; - border: 0; - color: white; - &:hover, &:focus { - background: $button-dark; - color: white; - } -} -.button-white { - background: white; - border: 0; - color: get-color("dark"); - &:hover, &:focus { - background: get-color("white", 0.9); - border: 0; - color: get-color("dark"); - } -} -.button-white-2 { - background: get-color("white", 0.1); - border: 0; - color: white; - &:hover, &:focus { - background: get-color("white", 0.15); - color: white; - } -} - -// -// Social Buttons // -// -[class*='button-social'] { - border: 0; - @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); - &:hover, &:focus { - @include transform(translateY(-3px)); - @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); - opacity: 0.9; - } - &:not([class*='button-social-snapchat']) { - color: white; - &:hover, &:focus { - color: white; - } - } -} -.button-social-facebook { - background: $color-facebook; -} -.button-social-twitter { - background: $color-twitter; -} -.button-social-instagram { - background: $color-instagram; -} -.button-social-linkedin { - background: $color-linkedin; -} -.button-social-youtube { - background: $color-youtube; -} -.button-social-pinterest { - background: $color-pinterest; -} -.button-social-skype { - background: $color-skype; -} -.button-social-dribbble { - background: $color-dribbble; -} -.button-social-whatsapp { - background: $color-whatsapp; -} -.button-social-snapchat { - background: $color-snapchat; - color: get-color("dark"); - &:hover { - color: get-color("dark"); - } -} - -// -// Gradient Styles // -// -.button-gradient-1 { - background-image: $gradient-1; -} -.button-gradient-2 { - background-image: $gradient-2; -} -.button-gradient-3 { - background-image: $gradient-3; -} -.button-gradient-4 { - background-image: $gradient-4; -} -.button-gradient-5 { - background-image: $gradient-5; -} -.button-gradient-6 { - background-image: $gradient-6; -} -.button-gradient-7 { - background-image: $gradient-7; -} -[class*='button-gradient'] { - border: 0; - @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); - color: white; - &:hover, &:focus { - @include transform(translateY(-3px)); - @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); - opacity: 0.9; - color: white; - } -} - -// -// Colorful Styles // -// -.button-theme, -.button-blue, -.button-purple, -.button-pink-edge, -.button-golden-yellow, -.button-very-peri, -.button-turquoise, -.button-spring-red, -.button-tan, -.button-aqua { - border: 0; - @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); - color: white; - &:hover, &:focus { - @include transform(translateY(-3px)); - @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); - opacity: 0.9; - color: white; - } -} -.button-blue { - background: $bg-color-blue; -} -.button-purple { - background: $bg-color-purple; -} -.button-pink-edge { - background: $bg-color-pink-edge; -} -.button-golden-yellow { - background: $bg-color-golden-yellow; -} -.button-very-peri { - background: $bg-color-very-peri; -} -.button-turquoise { - background: $bg-color-turquoise; -} -.button-spring-red { - background: $bg-color-spring-red; -} -.button-tan { - background: $bg-color-tan; -} -.button-aqua { - background: $bg-color-aqua; -} - -// -// Colorful Outline // -// -[class*='button-outline'] { - background: transparent; -} -.button-outline-theme, -.button-outline-blue, -.button-outline-purple, -.button-outline-pink-edge, -.button-outline-golden-yellow, -.button-outline-very-peri, -.button-outline-turquoise, -.button-outline-spring-red, -.button-outline-tan, -.button-outline-aqua { - &:hover, &:focus { - color: white; - } -} -.button-outline-blue { - border-color: get-color("blue"); - color: get-color("blue"); - &:hover, &:focus { - background: get-color("blue"); - } -} -.button-outline-purple { - border-color: get-color("purple"); - color: get-color("purple"); - &:hover, &:focus { - background: get-color("purple"); - } -} -.button-outline-pink-edge { - border-color: get-color("pink-edge"); - color: get-color("pink-edge"); - &:hover, &:focus { - background: get-color("pink-edge"); - } -} -.button-outline-golden-yellow { - border-color: get-color("golden-yellow"); - color: get-color("golden-yellow"); - &:hover, &:focus { - background: get-color("golden-yellow"); - } -} -.button-outline-very-peri { - border-color: get-color("very-peri"); - color: get-color("very-peri"); - &:hover, &:focus { - background: get-color("very-peri"); - } -} -.button-outline-turquoise { - border-color: get-color("turquoise"); - color: get-color("turquoise"); - &:hover, &:focus { - background: get-color("turquoise"); - } -} -.button-outline-spring-red { - border-color: get-color("spring-red"); - color: get-color("spring-red"); - &:hover, &:focus { - background: get-color("spring-red"); - } -} -.button-outline-tan { - border-color: get-color("tan"); - color: get-color("tan"); - &:hover, &:focus { - background: get-color("tan"); - } -} -.button-outline-aqua { - border-color: get-color("aqua"); - color: get-color("aqua"); - &:hover, &:focus { - background: get-color("aqua"); - } -} - -// -// Button - Outline // -// -.button-outline-gray { - border-color: get-color("dark", 0.15); - &:hover, &:focus { - border-color: $button-dark; - color: get-color("dark"); - } -} -.button-outline-dark { - border-color: $button-dark; - &:hover, &:focus { - background: $button-dark; - border-color: transparent; - color: white; - } -} -.button-outline-white { - border-color: get-color("white", 0.3); - color: white; - &:hover, &:focus { - border-color: white; - color: white; - } -} -.button-outline-white-2 { - border-color: white; - color: white; - &:hover, &:focus { - background: white; - color: get-color("dark"); - } -} - -// -// Button - Reveal Icon // -// -[class*='button-reveal'] { - span, i { - @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - span { - position: relative; - } - i { - position: absolute; - top: 50%; - @include transform(translateY(-50%)); - opacity: 0; - margin: 0; - } - &:hover, &:focus { - i { - opacity: 1; - } - } -} -[class*='button-reveal-left'] { - span { left: 0; } - &:hover, &:focus { - span { left: 12px; } - } -} -[class*='button-reveal-right'] { - span { right: 0; } - &:hover, &:focus { - span { right: 12px; } - } -} - -.button-reveal-left-dark, .button-reveal-right-dark { - background: $button-dark-lighter; - border: 0; - color: white; - &:hover, &:focus { - background: $button-dark; - color: white; - } -} -.button-reveal-left-white, .button-reveal-right-white { - background: white; - border: 0; - color: get-color("dark"); - &:hover, &:focus { - background: white; - color: get-color("dark"); - } -} - -// -// Button - Reveal Icon Outline // -// -.button-reveal-left-outline-dark, -.button-reveal-right-outline-dark { - background: transparent; - border-color: $button-dark; - &:hover, &:focus { - border-color: get-color("dark", 0.15); - color: get-color("dark"); - } -} -.button-reveal-left-outline-white, -.button-reveal-right-outline-white { - background: transparent; - border-color: get-color("white", 0.3); - color: white; - &:hover, &:focus { - border-color: white; - color: white; - } -} - -.button-sm { - &[class*='button-reveal-left'] { - i { left: 20px; } - &:hover, &:focus { - i { left: 10px; } - } - } - &[class*='button-reveal-right'] { - i { right: 20px; } - &:hover, &:focus { - i { right: 10px; } - } - } -} -.button-md { - &[class*='button-reveal-left'] { - i { left: 30px; } - &:hover, &:focus { - i { left: 18px; } - } - } - &[class*='button-reveal-right'] { - i { right: 30px; } - &:hover, &:focus { - i { right: 18px; } - } - } -} -.button-lg { - &[class*='button-reveal-left'] { - i { left: 40px; } - &:hover, &:focus { - i { left: 28px; } - } - } - &[class*='button-reveal-right'] { - i { right: 40px; } - &:hover, &:focus { - i { right: 28px; } - } - } -} -.button-xl { - &[class*='button-reveal-left'] { - i { left: 50px; } - &:hover, &:focus { - i { left: 38px; } - } - } - &[class*='button-reveal-right'] { - i { right: 50px; } - &:hover, &:focus { - i { right: 38px; } - } - } -} - -// -// Button Backdrop // -// -.button-backdrop-dark { - background: white; - border-radius: 0.5em; - border: 2px solid get-color("dark"); - @include box-shadow(4px 4px 0 0 get-color("dark")); - &:hover, &:focus { - @include box-shadow(2px 2px 0 0 get-color("dark")); - } -} -.button-backdrop-white { - background: black; - border-radius: 0.5em; - border: 2px solid white; - @include box-shadow(4px 4px 0 0 white); - color: white; - &:hover, &:focus { - @include box-shadow(2px 2px 0 0 white); - color: white; - } -} -[class*='button-backdrop-color'] { - border-radius: 0.5em; - border: 2px solid get-color("dark"); - @include box-shadow(4px 4px 0 0 get-color("dark")); - color: white; - &:hover, &:focus { - @include box-shadow(2px 2px 0 0 get-color("dark")); - color: white; - } -} -.button-backdrop-color-aqua { - background: get-color("aqua"); -} -.button-backdrop-color-blue { - background: get-color("blue"); -} -.button-backdrop-color-golden-yellow { - background: get-color("golden-yellow"); -} -.button-backdrop-color-pink-edge { - background: get-color("pink-edge"); -} -.button-backdrop-color-purple { - background: get-color("purple"); -} -.button-backdrop-color-spring-red { - background: get-color("spring-red"); -} -.button-backdrop-color-tan { - background: get-color("tan"); -} -.button-backdrop-color-turquoise { - background: get-color("turquoise"); -} -.button-backdrop-color-very-peri { - background: get-color("very-peri"); -} - -// -// Text Buttons // -// -.button-text-1, -.button-text-2, -.button-text-3 { - position: relative; - display: inline-block; - color: black; - font-family: $font-family-poppins; - letter-spacing: -0.2px; -} -.theme-font-nunito { - .button-text-1, - .button-text-2, - .button-text-3 { - font-family: $font-family-nunito; - } -} -.button-text-1 { - &:before { - content: ''; - position: absolute; - bottom: -1px; - left: 0; - background: get-color("dark", 0.2); - width: 100%; - height: 1px; - } - &:after { - content: ''; - position: absolute; - right: 0; - bottom: -1px; - left: 0; - background: black; - height: 1px; - @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); - } - &:hover { - &:after { - width: 100%; - @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); - } - } -} -.button-text-2 { - &:before { - content: ''; - position: absolute; - top: 40%; - right: 0; - left: 0; - background: get-color("dark", 0.15); - height: 40%; - @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); - } - &:after { - content: ''; - position: absolute; - bottom: -1px; - right: 0; - left: 0; - background: black; - height: 1px; - @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); - } - &:hover { - &:before { @include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); } - &:after { @include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both); } - } -} -.button-text-3 { - padding-left: 30px; - @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); - &:before { - content: ''; - position: absolute; - top: 50%; - left: 0; - @include transform(translateY(-50%)); - background: black; - width: 20px; - height: 1px; - @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - &:hover { - padding-left: 40px; - &:before { - width: 30px; - } - } -} -@-webkit-keyframes button-line-out { - 0% { - @include transform(scaleX(1)); - @include transform-origin(100% 50%); - } - 100% { - @include transform(scaleX(0)); - @include transform-origin(100% 50%); - } -} -@keyframes button-line-out { - 0% { - @include transform(scaleX(1)); - @include transform-origin(100% 50%); - } - 100% { - @include transform(scaleX(0)); - @include transform-origin(100% 50%); - } -} -@-webkit-keyframes button-line-in { - 0% { - @include transform(scaleX(0)); - @include transform-origin(0 50%); - } - 100% { - @include transform(scale(1)); - @include transform-origin(0 50%); - } -} -@keyframes button-line-in { - 0% { - @include transform(scaleX(0)); - @include transform-origin(0 50%); - } - 100% { - @include transform(scale(1)); - @include transform-origin(0 50%); - } -} - -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .button-text-1, - .button-text-2, - .button-text-3 { - color: get-color("white", 0.8); - &:hover { - color: white; - } - } - .button-text-1 { - &:before { background: get-color("white", 0.3); } - &:after { background: white; } - } - .button-text-2 { - &:before { background: get-color("white", 0.4); } - &:after { background: white; } - } - .button-text-3 { - &:before { background: get-color("white", 0.8); } - &:hover { - &:before { background: white; } - } - } -} - - -// -// Template Circle Button // -// -.button-circle { - background: $button-gray; - display: inline-block; - border: 1px solid $button-gray; - border-radius: 50%; - color: get-color("dark"); - text-align: center; - @include transition(ease-out 0.12s); - &:hover { - color: $color-primary; - } - // - // Template Circle Button // - // - &.button-circle-gray { - background: $button-gray; - border: 0; - &:hover, &:focus { - background: $button-gray-darker; - color: get-color("dark"); - } - } - &.button-circle-dark { - background: $button-dark-lighter; - border: 0; - color: white; - &:hover, &:focus { - background: $button-dark; - color: white; - } - } - &.button-circle-white { - background: white; - border: 0; - color: get-color("dark"); - &:hover, &:focus { - background: get-color("white", 0.9); - color: get-color("dark"); - } - } - &.button-circle-white-2 { - background: get-color("white", 0.1); - border: 0; - color: white; - &:hover, &:focus { - background: get-color("white", 0.15); - color: white; - } - } - - - // - // Template Circle Button - Outline // - // - &[class*='button-circle-outline'] { - background: transparent; - } - &.button-circle-outline-gray { - border-color: get-color("dark", 0.15); - &:hover, &:focus { - border-color: $button-dark; - color: get-color("dark"); - } - } - &.button-circle-outline-dark { - border-color: $button-dark; - &:hover, &:focus { - background: $button-dark; - border-color: transparent; - color: white; - } - } - &.button-circle-outline-white { - border-color: get-color("white", 0.3); - color: white; - &:hover, &:focus { - border-color: white; - color: white; - } - } - &.button-circle-outline-white-2 { - border-color: white; - color: white; - &:hover, &:focus { - background: white; - color: get-color("dark"); - } - } - &.button-circle-outline-aqua { - border-color: get-color("aqua"); - color: get-color("aqua"); - &:hover, &:focus { - background: get-color("aqua"); - color: white; - } - } - &.button-circle-outline-theme, - &.button-circle-outline-aqua, - &.button-circle-outline-blue, - &.button-circle-outline-golden-yellow, - &.button-circle-outline-pink-edge, - &.button-circle-outline-purple, - &.button-circle-outline-spring-red, - &.button-circle-outline-tan, - &.button-circle-outline-turquoise, - &.button-circle-outline-very-peri { - &:hover, &:focus { - color: white; - } - } - &.button-circle-outline-blue { - border-color: get-color("blue"); - color: get-color("blue"); - &:hover, &:focus { - background: get-color("blue"); - } - } - &.button-circle-outline-golden-yellow { - border-color: get-color("golden-yellow"); - color: get-color("golden-yellow"); - &:hover, &:focus { - background: get-color("golden-yellow"); - } - } - &.button-circle-outline-pink-edge { - border-color: get-color("pink-edge"); - color: get-color("pink-edge"); - &:hover, &:focus { - background: get-color("pink-edge"); - } - } - &.button-circle-outline-purple { - border-color: get-color("purple"); - color: get-color("purple"); - &:hover, &:focus { - background: get-color("purple"); - } - } - &.button-circle-outline-spring-red { - border-color: get-color("spring-red"); - color: get-color("spring-red"); - &:hover, &:focus { - background: get-color("spring-red"); - } - } - &.button-circle-outline-tan { - border-color: get-color("tan"); - color: get-color("tan"); - &:hover, &:focus { - background: get-color("tan"); - } - } - &.button-circle-outline-turquoise { - border-color: get-color("turquoise"); - color: get-color("turquoise"); - &:hover, &:focus { - background: get-color("turquoise"); - } - } - &.button-circle-outline-very-peri { - border-color: get-color("very-peri"); - color: get-color("very-peri"); - &:hover, &:focus { - background: get-color("very-peri"); - } - } - // - // Circle Button - Gradient // - // - &.button-circle-gradient-1 { - background-image: $gradient-1; - &:hover, &:focus { - background-image: $gradient-1; - } - } - &.button-circle-gradient-2 { - background-image: $gradient-2; - &:hover, &:focus { - background-image: $gradient-2; - } - } - &.button-circle-gradient-3 { - background-image: $gradient-3; - &:hover, &:focus { - background-image: $gradient-3; - } - } - &.button-circle-gradient-4 { - background-image: $gradient-4; - &:hover, &:focus { - background-image: $gradient-4; - } - } - &.button-circle-gradient-5 { - background-image: $gradient-5; - &:hover, &:focus { - background-image: $gradient-5; - } - } - &.button-circle-gradient-6 { - background-image: $gradient-6; - &:hover, &:focus { - background-image: $gradient-6; - } - } - &.button-circle-gradient-7 { - background-image: $gradient-7; - &:hover, &:focus { - background-image: $gradient-7; - } - } - &.button-circle-theme, - &.button-circle-blue, - &.button-circle-purple, - &.button-circle-pink-edge, - &.button-circle-golden-yellow, - &.button-circle-very-peri, - &.button-circle-turquoise, - &.button-circle-spring-red, - &.button-circle-tan, - &.button-circle-aqua { - border: 0; - @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); - color: white; - &:hover, &:focus { - @include transform(translateY(-3px)); - @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); - opacity: 0.9; - color: white; - } - } - &.button-circle-blue { - background: $bg-color-blue; - } - &.button-circle-purple { - background: $bg-color-purple; - } - &.button-circle-pink-edge { - background: $bg-color-pink-edge; - } - &.button-circle-golden-yellow { - background: $bg-color-golden-yellow; - } - &.button-circle-very-peri { - background: $bg-color-very-peri; - } - &.button-circle-turquoise { - background: $bg-color-turquoise; - } - &.button-circle-spring-red { - background: $bg-color-spring-red; - } - &.button-circle-tan { - background: $bg-color-tan; - } - &.button-circle-aqua { - background: $bg-color-aqua; - } - // - // Button Circle - Social // - // - &[class*='button-circle-social'] { - color: white; - &:hover { - color: white; - } - } - &.button-circle-social-facebook { - background: $color-facebook; - } - &.button-circle-social-twitter { - background: $color-twitter; - } - &.button-circle-social-instagram { - background: $color-instagram; - } - &.button-circle-social-linkedin { - background: $color-linkedin; - } - &.button-circle-social-youtube { - background: $color-youtube; - } - &.button-circle-social-pinterest { - background: $color-pinterest; - } - &.button-circle-social-skype { - background: $color-skype; - } - &.button-circle-social-dribbble { - background: $color-dribbble; - } - &.button-circle-social-snapchat { - background: $color-snapchat; - color: get-color("dark"); - &:hover { - color: get-color("dark"); - } - } - &.button-circle-social-whatsapp { - background: $color-whatsapp; - } -} -[class*='button-circle-gradient'] { - border: 0; - @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); - color: white; - &:hover, &:focus { - @include transform(translateY(-3px)); - @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); - opacity: 0.9; - color: white; - } -} -[class*='button-circle-social'] { - border: 0; - @include box-shadow(0 6px 30px 0 rgba(21,25,29,0.13)); - &:hover, &:focus { - @include transform(translateY(-3px)); - @include box-shadow(0 6px 36px 0 rgba(21,25,29,0.19)); - opacity: 0.9; - } -} - - -// -// Template Circle Button - Sizes // -// -.button-circle-sm { - width: 40px; - height: 40px; - line-height: 40px; - i { line-height: 40px; } -} -.button-circle-md { - width: 50px; - height: 50px; - line-height: 50px; - i { line-height: 50px; } -} -.button-circle-lg { - width: 60px; - height: 60px; - line-height: 60px; - i { line-height: 60px; } -} -.button-circle-xl { - width: 70px; - height: 70px; - line-height: 70px; - i { line-height: 70px; } -} - - -// -// Template Circle Button - Hover Slide // -// -.button-circle-hover-slide { - position: relative; - display: inline-block; - overflow: hidden; - i { - position: absolute; - left: 50%; - @include transition(ease-out 0.22s); - &:first-child { - top: 50%; - @include transform(translateX(-50%) translateY(-50%)); - opacity: 1; - } - &:last-child { - top: 100%; - @include transform(translateX(-50%)); - opacity: 0; - } - } - &:hover { - i { - &:first-child { - top: -100%; - @include transform(translateX(-50%) translateY(0)); - opacity: 0; - } - &:last-child { - top: 50%; - @include transform(translateX(-50%) translateY(-50%)); - opacity: 1; - } - } - } -} - - -// -// Button Animation - Ripple // -// -.button-circle-ripple { - position: relative; - z-index: 1; - &:before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - @include transform(translate(-50%, -50%)); - z-index: -1; - opacity: 1; - background: get-color("dark", 0.15); - width: 100%; - height: 100%; - border-radius: 50%; - @include animation(button-ripple 1.8s ease-out infinite); - } - &.button-circle-dark { - &:before { - background: get-color("dark", 0.15); - } - } - &.button-circle-white, &.button-circle-white-2 { - &:before { - background: get-color("white", 0.2); - } - } - &.button-circle-outline-white, &.button-circle-outline-white-2 { - &:before { - background: get-color("white", 0.15); - } - } -} -@-webkit-keyframes button-ripple { - 0% { - opacity: 1; - width: 100%; - height: 100%; - } - 60% { - opacity: 0; - width: 160%; - height: 160%; - } - 100% { - opacity: 0; - width: 100%; - height: 100%; - } -} -@keyframes button-ripple { - 0% { - opacity: 1; - width: 100%; - height: 100%; - } - 60% { - opacity: 0; - width: 160%; - height: 160%; - } - 100% { - opacity: 0; - width: 100%; - height: 100%; - } -} - -// -// Buttons Font Styles // -// -.button-font-2 { - font-size: 0.938em; - letter-spacing: -0.2px; - text-transform: none; -} -.theme-font-nunito { - .button-font-2 { - font-size: 1em; - letter-spacing: 0; - } -} - -// -// Button - Radius // -// -.button-radius { - border-radius: 0.5em; -} -.button-rounded { - border-radius: 50px; -} - -// -// Button - Border // -// -.button-border-2, -.button-border-2.button-circle { - border-width: 2px; -} - -// -// Button Hover - Float // -// -.button-hover-float { - &:hover, &:focus { - @include transform(translateY(-3px)); - } -} -// -// Button Hover - Scale // -// -.button-hover-scale { - &:hover, &:focus { - @include transform(scale(1.03)); - } - &.button-circle { - &:hover, &:focus { - @include transform(scale(1.04)); - } - } -} -// -// Button Hover - Shrink // -// -.button-hover-shrink { - &:hover, &:focus { - @include transform(scale(0.97)); - } - &.button-circle { - &:hover, &:focus { - @include transform(scale(0.96)); - } - } -} -// -// Button - Shadow // -// -.button-shadow { - @include box-shadow(0 6px 30px 0 rgba(22,24,26,0.1)); - &:hover, &:focus { - @include box-shadow(0 6px 36px 0 rgba(22,24,26,0.15)); - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_clients.scss b/static/assets/css/scss/elements/_clients.scss deleted file mode 100644 index 807b733..0000000 --- a/static/assets/css/scss/elements/_clients.scss +++ /dev/null @@ -1,135 +0,0 @@ -// -// Clients Styles // -// -.client-box { - text-align: center; - a { - img { - opacity: 0.4; - @include transition(ease-out 0.16s); - } - &:hover, &:focus { - img { - opacity: 1; - } - } - } -} -.owl-carousel { - .client-box { - img { display: inline-block; } - } -} -// -// Clients Grid // -// -.clients-grid { - list-style-type: none; - overflow: hidden; - margin: 0; - padding: 0; - text-align: center; - li { - position: relative; - float: left; - width: 16.6%; - margin: 0; - padding: 30px; - &:before, &:after { - content: ''; - position: absolute; - } - &:before { - top: 0; - left: -1px; - height: 100%; - border-left: 1px dashed get-color("dark", 0.1); - } - &:after { - left: 0; - bottom: -1px; - width: 100%; - border-bottom: 1px dashed get-color("dark", 0.1); - } - a { - img { - opacity: 0.4; - @include transition(ease-out 0.16s); - } - &:hover, &:focus { - img { - opacity: 1; - } - } - } - } - @include breakpoint-less(md) { - li { width: 25%; } - } - @include breakpoint-less(sm) { - li { width: 33.3%; } - } - @include breakpoint-less(xs) { - li { width: 50%; } - } - &.column-5 { - li { width: 20%; } - @include breakpoint-less(md) { - li { width: 25%; } - } - @include breakpoint-less(sm) { - li { width: 33.3%; } - } - @include breakpoint-less(xs) { - li { width: 50%; } - } - } - &.column-4 { - li { width: 25%; } - @include breakpoint-less(sm) { - li { width: 33.3%; } - } - @include breakpoint-less(xs) { - li { width: 50%; } - } - } - &.column-3 { - li { width: 33.3%; } - @include breakpoint-less(sm) { - li { width: 50%; } - } - } - &.column-2 { - li { width: 50%; } - } - // - // Border Style - Solid // - // - &.border-style-solid { - border: 0; - li { - &:before { border-left-style: solid; } - &:after { border-bottom-style: solid; } - } - } - // - // Border Style - Dotted // - // - &.border-style-dotted { - border: 0; - li { - &:before { border-left-style: dotted; } - &:after { border-bottom-style: dotted; } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .clients-grid { - li { - &:before, &:after { border-color: get-color("white", 0.2); } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_feature-box.scss b/static/assets/css/scss/elements/_feature-box.scss deleted file mode 100644 index 7bd9b6b..0000000 --- a/static/assets/css/scss/elements/_feature-box.scss +++ /dev/null @@ -1,102 +0,0 @@ -// -// Feature box // -// -.feature-box { - @include display-flex; - flex-wrap: wrap; - align-items: center; - position: relative; - min-height: 50px; - padding-left: 74px; - @include breakpoint-less(md) { - padding-left: 66px; - } - .feature-box-icon { - position: absolute; - top: 0; - left: 0; - width: 50px; - height: 50px; - border-radius: 50%; - text-align: center; - @include transition(ease-out 0.16s); - * { - margin: 0; - line-height: 50px; - vertical-align: middle; - @include transition(ease-out 0.16s); - } - a { - display: block; - } - // - // Positions // - // - &.middle { - top: 50%; - @include transform(translateY(-50%)); - } - } - h1,h2,h3,h4,h5,h6 { - width: 100%; - } - // - // Sizes // - // - &.feature-box-xl { - min-height: 70px; - padding-left: 94px; - @include breakpoint-less(md) { - padding-left: 86px; - } - .feature-box-icon { - width: 70px; - height: 70px; - * { - line-height: 70px; - } - } - } - &.feature-box-lg { - min-height: 60px; - padding-left: 84px; - @include breakpoint-less(md) { - padding-left: 80px; - } - .feature-box-icon { - width: 60px; - height: 60px; - * { - line-height: 60px; - } - } - } - &.feature-box-sm { - min-height: 40px; - padding-left: 64px; - @include breakpoint-less(md) { - padding-left: 56px; - } - .feature-box-icon { - width: 40px; - height: 40px; - * { - line-height: 40px; - } - } - } - &.feature-box-xs { - min-height: 32px; - padding-left: 54px; - @include breakpoint-less(md) { - padding-left: 48px; - } - .feature-box-icon { - width: 32px; - height: 32px; - * { - line-height: 32px; - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_hoverbox.scss b/static/assets/css/scss/elements/_hoverbox.scss deleted file mode 100644 index 426ac06..0000000 --- a/static/assets/css/scss/elements/_hoverbox.scss +++ /dev/null @@ -1,482 +0,0 @@ -// -// Hover box Styles // -// -[class^="hoverbox"] { - overflow: hidden; - position: relative; - @include transform(translate3d(0,0,0)); - display: inline-block; - img { - @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); - } -} - -// -// Hover box - Style 1 // -// -.hoverbox-1 { - &:before { - content: ''; - position: absolute; - top: 0; - left: 0; - z-index: 1; - visibility: hidden; - opacity: 0; - background: get-color("dark", 0.5); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - } - &:hover, &:focus { - &:before { - visibility: visible; - opacity: 1; - } - img { - @include transform(scale(1.04)); - } - .hover-content { - visibility: visible; - opacity: 1; - } - } - .hover-content { - position: absolute; - z-index: 2; - visibility: hidden; - opacity: 0; - color: get-color("white", 0.7); - @include transition(ease-out 0.12s); - h1,h2,h3,h4,h5,h6 { - color: white; - } - &.center { - top: 50%; - right: 0; - left: 0; - @include transform(translateY(-50%)); - width: 100%; - margin-top: 5px; - padding: 0 30px; - &:hover, &:focus { - margin-top: 0; - } - } - &.bottom { - right: 0; - bottom: 0; - left: 0; - @include transform(translateY(5px)); - width: 100%; - padding: 30px; - &:hover, &:focus { - @include transform(translateY(0)); - } - } - } -} - - -// -// Hover box - Style 2 // -// -.hoverbox-2 { - &:before { - content: ''; - position: absolute; - top: 16px; - right: 16px; - bottom: 16px; - left: 16px; - @include transform(scale(0.99)); - z-index: 1; - visibility: hidden; - opacity: 0; - background: get-color("white", 0.9); - backdrop-filter: blur(5px); - @include transition(ease-out 0.12s); - } - .hover-content { - position: absolute; - top: 50%; - right: 16px; - left: 16px; - @include transform(translateY(-50%)); - z-index: 2; - visibility: hidden; - opacity: 0; - margin-top: 4px; - padding: 0 30px; - @include transition(ease-out 0.12s); - @include breakpoint-less(md) { - padding: 0 20px; - } - } - &:hover, &:focus { - &:before { - @include transform(scale(1)); - visibility: visible; - opacity: 1; - } - img { - @include transform(scale(1.04)); - } - .hover-content { - visibility: visible; - opacity: 1; - margin-top: 0; - } - } -} - -.hoverbox-2, -.hoverbox-3 { - .hover-content { - color: $color-primary; - h1,h2,h3,h4,h5,h6 { color: get-color("dark"); } - a { - &:not([class^='button']) { - color: get-color("dark", 0.9); - &:hover, &:focus { color: get-color("dark"); } - } - } - } -} - -// -// Hover box - Style 3 // -// -.hoverbox-3 { - .hover-content { - position: absolute; - right: 16px; - bottom: 16px; - left: 16px; - @include transform(translateY(4px)); - z-index: 1; - visibility: hidden; - opacity: 0; - background: get-color("white", 0.9); - backdrop-filter: blur(5px); - padding: 30px; - @include transition(ease-out 0.12s); - @include breakpoint-less(md) { - padding: 20px; - } - } - &:hover, &:focus { - img { - @include transform(scale(1.04)); - } - .hover-content { - @include transform(translateY(0)); - visibility: visible; - opacity: 1; - } - } -} - -// -// Hover box - Style 4 // -// -.hoverbox-4 { - &:after { - content: ''; - position: absolute; - top: 0; - left: 0; - background: get-color("dark", 0.4); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - } - .content, - .hover-content { - position: absolute; - z-index: 1; - color: get-color("white", 0.7); - @include transition(ease-out 0.12s); - h1,h2,h3,h4,h5,h6 { - color: white; - } - } - .hover-content { - visibility: hidden; - opacity: 0; - } - &:hover, &:focus { - &:after { - background: get-color("dark", 0.5); - } - img { - @include transform(scale(1.04)); - } - .content { - visibility: hidden; - opacity: 0; - } - .hover-content { - visibility: visible; - opacity: 1; - } - } -} -.hoverbox-4 { - &.center { - .content, - .hover-content { - top: 50%; - left: 0; - @include transform(translateY(-50%)); - width: 100%; - padding: 0 30px; - } - .hover-content { - margin-top: 5px; - } - &:hover, &:focus { - .content { - margin-top: -5px; - } - .hover-content { - margin-top: 0; - } - } - } - &.bottom { - .content, - .hover-content { - bottom: 0; - left: 0; - width: 100%; - padding: 30px; - } - .hover-content { - @include transform(translateY(5px)); - } - &:hover, &:focus { - .content { - @include transform(translateY(-5px)); - } - .hover-content { - @include transform(translateY(0)); - } - } - } -} - -// -// Hover box - Style 5 // -// -.hoverbox-5 { - &:after { - content: ''; - position: absolute; - top: 0; - left: 0; - background: get-color("dark", 0.4); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - } - .content, - .hover-content { - position: absolute; - z-index: 1; - left: 0; - width: 100%; - padding: 30px; - color: get-color("white", 0.7); - h1,h2,h3,h4,h5,h6 { - color: white; - } - } - .content { - top: 0; - } - .hover-content { - bottom: 0; - @include transform(translateY(5px)); - visibility: hidden; - opacity: 0; - @include transition(ease-out 0.12s); - } - &:hover, &:focus { - &:after { - background: get-color("dark", 0.5); - } - img { - @include transform(scale(1.04)); - } - .hover-content { - @include transform(translateY(0)); - visibility: visible; - opacity: 1; - } - } -} - -// -// Hover box - Style 6 // -// -.hoverbox-6 { - a { - display: block; - &:before { - content: ''; - position: absolute; - top: 0; - left: 0; - z-index: 1; - opacity: 0; - background: get-color("white", 0.1); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - } - } - .content { - position: absolute; - z-index: 2; - display: inline-block; - background: get-color("white", 0.9); - backdrop-filter: blur(5px); - padding: 10px 16px; - color: get-color("dark", 0.9); - h1,h2,h3,h4,h5,h6 { - margin: 0; - color: get-color("dark", 0.9); - } - &.top { - top: 16px; - left: 16px; - } - &.center { - top: 50%; - left: 50%; - @include transform(translate(-50%, -50%)); - } - &.bottom { - bottom: 16px; - left: 16px; - } - } - &:hover, &:focus { - a { - &:before { - opacity: 1; - } - } - img { - @include transform(scale(1.04)); - } - } -} - -.hoverbox-7 { - &:before { - content: ''; - position: absolute; - top: 0; - left: 0; - z-index: 1; - visibility: hidden; - opacity: 0; - background-image: linear-gradient(0deg, get-color("dark", 0.5) 0%, get-color("dark", 0.1) 100%); - width: 100%; - height: 100%; - @include transition(ease-out 0.12s); - } - .hover-content { - position: absolute; - top: 0; - left: 0; - z-index: 2; - width: 100%; - height: 100%; - color: get-color("white", 0.7); - h1,h2,h3,h4,h5,h6 { - color: white; - } - .top { - position: absolute; - top: 0; - right: 0; - left: 0; - -webkit-transform: translateY(5px); - transform: translateY(5px); - opacity: 0; - padding: 30px; - @include transition(ease-out 0.12s); - } - .bottom { - position: absolute; - right: 0; - bottom: 0; - left: 0; - -webkit-transform: translateY(5px); - transform: translateY(5px); - opacity: 0; - padding: 30px; - @include transition(ease-out 0.12s); - } - } - &:hover, &:focus { - &:before { - visibility: visible; - opacity: 1; - } - img { - @include transform(scale(1.04)); - } - .hover-content { - visibility: visible; - opacity: 1; - .top, .bottom { - -webkit-transform: translateY(0); - transform: translateY(0); - opacity: 1; - } - .top { @include transition-delay(0.05s); } - .bottom { @include transition-delay(0.10s); } - } - } -} - -.hoverbox-1, -.hoverbox-2, -.hoverbox-4, -.hoverbox-5, -.hoverbox-7 { - a { - &:not([class^='button']) { - color: get-color("white", 0.7); - &:hover, &:focus { color: white; } - } - } - a { - &.button-text-1, - &.button-text-2, - &.button-text-3 { - color: get-color("white", 0.8); - &:hover { - color: white; - } - } - &.button-text-1 { - &:before { background: get-color("white", 0.3); } - &:after { background: white; } - } - &.button-text-2 { - &:before { background: get-color("white", 0.4); } - &:after { background: white; } - } - &.button-text-3 { - &:before { background: get-color("white", 0.8); } - &:hover { - &:before { background: white; } - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_lightbox.scss b/static/assets/css/scss/elements/_lightbox.scss deleted file mode 100644 index a35299f..0000000 --- a/static/assets/css/scss/elements/_lightbox.scss +++ /dev/null @@ -1,180 +0,0 @@ -// -// Lightbox Styles // -// -.lightbox-image-box, -.lightbox-media-box { - position: relative; - overflow: hidden; - display: block; - &[class*='border-radius'] { - @include transform(translate3d(0,0,0)); - } - &:after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 0; - background: get-color("dark", 0.1); - @include transition(ease-out 0.12s); - } - img { - @include transform(scale(1)); - @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - i { - z-index: 1; - position: absolute; - top: 50%; - left: 50%; - @include transform(translate(-50%, -50%)); - background: get-color("dark", 0.6); - width: 60px; - height: 60px; - border-radius: 50%; - text-align: center; - line-height: 60px; - color: get-color("white", 0.9); - @include transition(ease-out 0.16s); - } - &.icon-xl, &.icon-2xl { - i { - width: 70px; - height: 70px; - line-height: 70px; - } - } - &.icon-3xl, &.icon-4xl, &.icon-5xl { - i { - width: 80px; - height: 80px; - line-height: 80px; - } - } - &:hover { - &:after { - opacity: 1; - } - img { - @include transform(scale(1.04)); - } - i { - @include transform(translate(-50%, -50%) scale(0.94)); - } - } -} - -.mfp-bg { - background: black; -} -.mfp-container, -.mfp-bg { - opacity: 0; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - @include transition(ease-out 0.16s); -} -.mfp-container { - @include transform(scale(0.98)); - padding: 0 20px; -} -.mfp-ready { - .mfp-container { - @include transform(scale(1)); - opacity: 1; - } - &.mfp-bg { - opacity: 0.97; - } -} -.mfp-removing { - .mfp-container, - &.mfp-bg { - opacity: 0; - } - .mfp-container { - @include transform(scale(0.98)); - } -} - -button { - &.mfp-close { - display: block; - top: -5px; - opacity: 1; - width: auto; - height: auto; - line-height: auto; - font-size: 24px; - @include transition(linear 0.1s); - &:hover { - top: -5px; - opacity: 1; - color: #fff; - } - } -} -.mfp-iframe-holder { - .mfp-close { - top: -45px; - &:hover { top: -45px; } - } -} -.mfp-close-btn-in { - .mfp-close { - color: rgba(255, 255, 255, 0.7); - } -} - -.mfp-arrow { - @include transition(linear 0.1s); -} -.mfp-arrow-left { - &:before { border-right: 0; } -} -.mfp-arrow-right { - &:before { border-left: 0; } -} - -@include breakpoint-less(xs) { - button.mfp-arrow { - background: get-color("dark", 0.5); - width: 70px; - height: 70px; - margin-top: -35px; - &:active { - margin-top: -35px; - } - } - button.mfp-arrow-left { - margin-left: 20px; - &:before, &:after { - margin-top: 15px; - margin-left: 20px; - } - } - button.mfp-arrow-right { - margin-right: 20px; - &:before, &:after { - margin-top: 15px; - margin-left: 30px; - } - } -} - -.mfp-bottom-bar { - margin-top: -30px; - .mfp-title { - color: get-color("white", 0.7); - } - .mfp-counter { - color: get-color("white", 0.6); - font-size: 14px; - } -} - -.mfp-iframe-scaler iframe, .mfp-figure::after { - @include box-shadow(0 0 14px 0 rgba(0,0,0,0.3)); -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_map.scss b/static/assets/css/scss/elements/_map.scss deleted file mode 100644 index ca0e516..0000000 --- a/static/assets/css/scss/elements/_map.scss +++ /dev/null @@ -1,16 +0,0 @@ -// -// Google Map Styles // -// -.gmap { width: 100%; } -.gmap-xs { height: 300px; } -.gmap-sm { height: 350px; } -.gmap-md { height: 400px; } -.gmap-lg { height: 470px; } -.gmap-xl { height: 550px; } -@include breakpoint-less(md) { - .gmap-xs { height: 250px; } - .gmap-sm { height: 300px; } - .gmap-md { height: 350px; } - .gmap-lg { height: 400px; } - .gmap-xl { height: 450px; } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_page-scroll-progress.scss b/static/assets/css/scss/elements/_page-scroll-progress.scss deleted file mode 100644 index f523e5b..0000000 --- a/static/assets/css/scss/elements/_page-scroll-progress.scss +++ /dev/null @@ -1,34 +0,0 @@ -// -// Page Scroll Progress // -// -.page-progress-container { - position: fixed; - bottom: 0; - left: 0; - z-index: 999; - width: 100%; - height: 4px; -} -.page-progress-bar { - height: 4px; - width: 0%; - background-image: $gradient-1; - &.page-progress-gradient-2 { - background-image: $gradient-2; - } - &.page-progress-gradient-3 { - background-image: $gradient-3; - } - &.page-progress-gradient-4 { - background-image: $gradient-4; - } - &.page-progress-gradient-5 { - background-image: $gradient-5; - } - &.page-progress-gradient-6 { - background-image: $gradient-6; - } - &.page-progress-gradient-7 { - background-image: $gradient-7; - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_pie-chart.scss b/static/assets/css/scss/elements/_pie-chart.scss deleted file mode 100644 index 4a341fe..0000000 --- a/static/assets/css/scss/elements/_pie-chart.scss +++ /dev/null @@ -1,22 +0,0 @@ -// -// Pie Chart styles // -// -.pie-chart { - position: relative; - display: inline-block; -} -.pie-chart-content { - position: absolute; - top: 50%; - left: 0; - @include transform(translateY(-50%)); - width: 100%; - margin-top: -3px; - padding: 0 20px; - text-align: center; -} -.pie-chart-content .percent { - &::after { - content: '%'; - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_progress-bar.scss b/static/assets/css/scss/elements/_progress-bar.scss deleted file mode 100644 index aab2946..0000000 --- a/static/assets/css/scss/elements/_progress-bar.scss +++ /dev/null @@ -1,109 +0,0 @@ -// -// Animated Progress bar Styles // -// -.progress-box { - * { - margin: 0; - } - .animated-progress { - position: relative; - background: get-color("dark", 0.1); - height: 5px; - margin-top: 2px; - border-radius: 3px; - div { - position: absolute; - display: block; - background: get-color("dark"); - width: 50%; - height: 100%; - border-radius: 3px; - color: get-color("dark"); - @include transition(width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)); - @include transition-delay(0.1s); - &::after { - content: attr(data-progress) '%'; - position: absolute; - top: -24px; - right: 0; - } - } - } - &.progress-blue { - .animated-progress { - div { - background: $bg-color-blue; - } - } - } - &.progress-purple { - .animated-progress { - div { - background: $bg-color-purple; - } - } - } - &.progress-pink-edge { - .animated-progress { - div { - background: $bg-color-pink-edge; - } - } - } - &.progress-golden-yellow { - .animated-progress { - div { - background: $bg-color-golden-yellow; - } - } - } - &.progress-very-peri { - .animated-progress { - div { - background: $bg-color-very-peri; - } - } - } - &.progress-turquoise { - .animated-progress { - div { - background: $bg-color-turquoise; - } - } - } - &.progress-spring-red { - .animated-progress { - div { - background: $bg-color-spring-red; - } - } - } - &.progress-tan { - .animated-progress { - div { - background: $bg-color-tan; - } - } - } - &.progress-aqua { - .animated-progress { - div { - background: $bg-color-aqua; - } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .progress-box { - .animated-progress { - background: get-color("white", 0.3); - div { - background: white; - color: white; - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_section-divider.scss b/static/assets/css/scss/elements/_section-divider.scss deleted file mode 100644 index 955b4e0..0000000 --- a/static/assets/css/scss/elements/_section-divider.scss +++ /dev/null @@ -1,98 +0,0 @@ -// -// Section Dividers // -// -[class*='section-divider-'] { - position: relative; - overflow: hidden; - &:before { - content: ''; - position: absolute; - } -} -.section-divider-waves-top { - &:before { - top: -1px; - left: 0; - @include transform(rotate(180deg)); - background-image: url(../../assets/svg/waves.svg); - background-size: 100% 100%; - width: 100%; - height: 70px; - } -} -.section-divider-waves-bottom { - &:before { - bottom: -1px; - left: 0; - background-image: url(../../assets/svg/waves.svg); - background-size: 100% 100%; - width: 100%; - height: 70px; - } -} -.section-divider-wavesOpacity-top { - &:before { - top: -1px; - left: -5%; - background-image: url(../../assets/svg/wavesOpacity.svg); - background-size: 100% 100%; - width: 110%; - height: 70px; - } -} -.section-divider-wavesOpacity-bottom { - &:before { - bottom: -1px; - left: -5%; - @include transform(rotate(180deg)); - background-image: url(../../assets/svg/wavesOpacity.svg); - background-size: 100% 100%; - width: 110%; - height: 70px; - } -} -.section-divider-curve-top { - &:before { - top: 0; - left: -5%; - @include transform(rotate(180deg)); - background-image: url(../../assets/svg/curve.svg); - background-size: 100% 100%; - width: 110%; - height: 60px; - } -} -.section-divider-curve-bottom { - &:before { - bottom: 0; - left: -5%; - background-image: url(../../assets/svg/curve.svg); - background-size: 100% 100%; - width: 110%; - height: 60px; - } -} -@include breakpoint-less(md) { - .section-divider-waves-top, - .section-divider-waves-bottom { - &:before { - left: -20%; - width: 140%; - height: 50px; - } - } - .section-divider-wavesOpacity-top, - .section-divider-wavesOpacity-bottom { - &:before { - left: -25%; - width: 150%; - height: 50px; - } - } - .section-divider-curve-top, - .section-divider-curve-bottom { - &:before { - height: 50px; - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_slider.scss b/static/assets/css/scss/elements/_slider.scss deleted file mode 100644 index 09aea92..0000000 --- a/static/assets/css/scss/elements/_slider.scss +++ /dev/null @@ -1,715 +0,0 @@ -// -// Slider styles // -// -.owl-carousel { - &[data-owl-nav="true"] { - &:not([class*='owl-nav-']) { - padding: 0 56px; - @include breakpoint-less(md) { - padding: 0 48px; - } - } - } - .owl-item { - img { width: auto; } - } - .owl-nav { - position: absolute; - top: 50%; - right: 0; - left: 0; - @include transform(translateY(-50%)); - z-index: -1; - height: 36px; - button { - &.owl-prev { left: 0; } - &.owl-next { right: 0; } - &.owl-next, &.owl-prev { - position: absolute; - width: 36px; - height: 36px; - border-radius: 50%; - color: get-color("dark", 0.6); - @include transition(ease-out 0.16s); - i { - font-size: 1.3em; - line-height: 36px; - } - &:hover, &:focus { - background: $bg-gray; - color: black; - } - } - } - @include breakpoint-less(md) { - height: 32px; - button { - &.owl-next, &.owl-prev { - width: 32px; - height: 32px; - i { - font-size: 1em; - line-height: 32px; - } - } - } - } - } - &.owl-nav-left, &.owl-nav-right { - .owl-nav { - padding-bottom: 0; - } - } - .owl-dots { - margin-top: 20px; - margin-right: -2px; - margin-left: -2px; - text-align: center; - line-height: 0; - @include breakpoint-less(md) { - margin-top: 16px; - } - .owl-dot { - position: relative; - display: inline-block; - width: 20px; - height: 20px; - margin: 0 2px; - vertical-align: middle; - &:before, &:after { - content: ''; - position: absolute; - border-radius: 50%; - @include transition(ease-out 0.16s); - } - &:before { - top: 2px; - right: 2px; - bottom: 2px; - left: 2px; - opacity: 0; - background: transparent; - border: 1px solid black; - } - &:after { - top: 50%; - left: 50%; - @include transform(translate(-50%,-50%)); - opacity: 0.3; - background: black; - width: 6px; - height: 6px; - } - &:hover, &:focus, &.active { - &:after { - opacity: 1; - } - } - &.active { - &:before, &:after { - opacity: 1; - } - &:before { - top: 0; - right: 0; - bottom: 0; - left: 0; - } - } - } - } - &:not([data-owl-dots="false"], [class*='owl-dots-over']) { - .owl-nav { - margin-top: -20px; - @include breakpoint-less(md) { - margin-top: -18px; - } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .owl-carousel { - &:not([class*='owl-dots-over'], [class*='owl-nav-over']) { - .owl-nav { - button { - &.owl-next, &.owl-prev { - color: get-color("white", 0.7); - &:hover, &:focus { - background: get-color("white", 0.15); - color: white; - } - } - } - } - .owl-dots { - .owl-dot { - &:before { border-color: white; } - &:after { background: white; opacity: 0.5; } - &:hover, &:focus, &.active { - &:after { - opacity: 1; - } - } - } - } - } - } -} -[class*='bg-gray'], -[class*='bg-light'] { - .owl-carousel { - .owl-nav { - button { - &.owl-next, &.owl-prev { - &:hover, &:focus { - background: get-color("dark", 0.05); - } - } - } - } - } -} - -// -// Owl Nav - Left, Right // -// -.owl-carousel { - &.owl-nav-left, - &.owl-nav-right { - .owl-nav { - height: auto; - button { - position: static; - display: block; - margin: 8px 0; - &.owl-prev, &.owl-next { - right: auto; - left: auto; - } - } - } - } - &.owl-nav-left { - padding: 0 0 0 56px; - @include breakpoint-less(md) { - padding: 0 0 0 48px; - } - .owl-nav { - right: auto; - } - } - &.owl-nav-right { - padding: 0 56px 0 0; - @include breakpoint-less(md) { - padding: 0 48px 0 0; - } - .owl-nav { - left: auto; - } - } -} - -// -// Owl Nav Overlay // -// -.owl-carousel { - &.owl-nav-overlay { - .owl-nav { - z-index: 1; - padding-bottom: 0; - button { - &.owl-next, &.owl-prev { - opacity: 1; - background: get-color("dark", 0.3); - width: 50px; - height: 50px; - border: 0; - border-radius: 50%; - color: get-color("white", 0.8); - text-align: center; - i { - line-height: 50px; - } - &:hover, &:focus { - opacity: 1; - background: get-color("dark", 0.4); - color: white; - } - } - } - } - @include breakpoint-above(lg) { - .owl-nav { - opacity: 0; - @include transition(ease-out 0.16s); - } - &:hover { - .owl-nav { opacity: 1; } - } - } - @include breakpoint-less(md) { - .owl-nav { - display: none; - } - } - } - &.owl-nav-overlay { - .owl-nav { - height: 50px; - button { - &.owl-prev { left: 20px; } - &.owl-next { right: 20px; } - } - } - &:not([data-owl-dots="false"], [class*='owl-dots-over']) { - .owl-nav { - margin-top: -20px; - } - } - } -} - -// -// Owl Dots - Left, Right // -// -.owl-carousel { - &.owl-dots-left { - .owl-dots { text-align: left; } - } - &.owl-dots-right { - .owl-dots { text-align: right; } - } -} - -// -// Owl Dots Overlay // -// -.owl-carousel { - &.owl-dots-overlay { - .owl-dots { - position: absolute; - bottom: 20px; - background: get-color("dark", 0.3); - border-radius: 20px; - margin: 0; - padding: 5px; - @include breakpoint-less(md) { - bottom: 16px; - } - .owl-dot { - &:before { border-color: white; } - &:after { background: white; opacity: 0.5; } - &:hover, &:focus, &.active { - &:after { - opacity: 1; - } - } - } - } - } - &.owl-dots-overlay { - .owl-dots { - right: auto; - left: 50%; - @include transform(translateX(-50%)); - } - &.owl-nav-overlap-right { - .owl-dots { - margin-left: -12.5px; - } - } - &.owl-nav-left { - .owl-dots { - margin-left: 28px; - } - } - &.owl-nav-right { - .owl-dots { - margin-left: -28px; - } - } - @include breakpoint-above(lg) { - &.owl-nav-overlap-left { - .owl-dots { - margin-left: 12.5px; - } - } - } - @include breakpoint-less(md) { - &.owl-nav-overlap-left, &.owl-nav-overlap-right { - .owl-dots { - margin-left: -10px; - } - } - } - } -} - -// -// Owl Dots Overlap // -// -.owl-carousel { - &.owl-dots-overlap, - &.owl-dots-overlap-left, - &.owl-dots-overlap-right { - .owl-dots { - position: absolute; - bottom: 0; - background: white; - border-radius: 20px; - @include box-shadow(0 6px 30px 0 rgba(22,24,26,0.13)); - margin: 0; - padding: 5px; - &:hover, &:focus { - @include box-shadow(0 6px 36px 0 rgba(22,24,26,0.19)); - } - .owl-dot { - &:before { border-color: get-color("dark"); } - &:after { background: get-color("dark"); opacity: 0.3; } - &:hover, &:focus, &.active { - &:after { - opacity: 1; - } - } - } - } - } - &.owl-dots-overlap { - .owl-dots { - right: auto; - left: 50%; - @include transform(translateY(50%) translateX(-50%)); - } - &.owl-nav-left { - .owl-dots { - margin-left: 28px; - } - } - &.owl-nav-right { - .owl-dots { - margin-left: -28px; - } - } - &.owl-nav-overlap-right { - .owl-dots { - margin-left: -12.5px; - } - } - @include breakpoint-above(lg) { - &.owl-nav-overlap-left { - .owl-dots { - margin-left: 12.5px; - } - } - } - } - - &.owl-dots-overlap-left, - &.owl-dots-overlap-right { - .owl-dots { - @include transform(translateY(50%)); - } - } - &.owl-dots-overlap-left { - .owl-dots { - right: auto; - left: 20px; - @include breakpoint-less(md) { - left: 16px; - } - } - &[data-owl-nav="true"], &.owl-nav-left { - &:not(.owl-nav-right, [class*='owl-nav-over']) { - .owl-dots { - left: 76px; - @include breakpoint-less(md) { - left: 64px; - } - } - } - } - &.owl-nav-overlap { - .owl-dots { - left: 45px; - } - } - @include breakpoint-above(lg) { - &.owl-nav-overlap-left { - .owl-dots { - left: 45px; - } - } - } - } - &.owl-dots-overlap-right { - .owl-dots { - right: 20px; - left: auto; - @include breakpoint-less(md) { - right: 16px; - } - } - &[data-owl-nav="true"], &.owl-nav-right { - &:not(.owl-nav-left, [class*='owl-nav-over']) { - .owl-dots { - right: 76px; - @include breakpoint-less(md) { - right: 64px; - } - } - } - } - &.owl-nav-overlap, &.owl-nav-overlap-right { - .owl-dots { - right: 45px; - @include breakpoint-less(md) { - right: 36px; - } - } - } - } -} - -// -// Owl Nav Overlap // -// -.owl-carousel { - &.owl-nav-overlap { - padding: 0 25px; - .owl-nav { - right: 25px; - left: 25px; - z-index: 1; - height: 50px; - button { - opacity: 1; - background: white; - width: 50px; - height: 50px; - border-radius: 50%; - @include box-shadow(0 10px 36px 0 rgba(22,24,26,0.13)); - color: get-color("dark"); - &.owl-prev { - right: auto; - left: 0; - @include transform(translateX(-50%)); - } - &.owl-next { - right: 0; - left: auto; - @include transform(translateX(50%)); - } - &:hover, &:focus { - opacity: 1; - background: white; - color: get-color("dark"); - @include box-shadow(0 10px 40px 0 rgba(22,24,26,0.19)); - } - } - } - &:not([data-owl-dots="false"], [class*='owl-dots-over']) { - .owl-nav { - margin-top: -20px; - @include breakpoint-less(md) { - margin-top: -18px; - } - } - } - @include breakpoint-less(md) { - padding: 0 20px; - .owl-nav { - right: 20px; - left: 20px; - height: 40px; - button.owl-prev, - button.owl-next { - width: 40px; - height: 40px; - } - } - } - } - &.owl-nav-overlap-left { - @include breakpoint-above(lg) { - padding: 0 0 0 25px; - .owl-nav { - left: 25px; - right: auto; - @include transform(translateY(-50%) translateX(-50%)); - } - } - } - &.owl-nav-overlap-right { - padding: 0 25px 0 0; - .owl-nav { - left: auto; - right: 25px; - @include transform(translateY(-50%) translateX(50%)); - } - } - &.owl-nav-overlap-left, - &.owl-nav-overlap-right { - .owl-nav { - z-index: 1; - width: 50px; - height: auto; - padding-bottom: 0; - button.owl-prev, - button.owl-next { - position: static; - right: 0; - left: 0; - opacity: 1; - background: white; - width: 50px; - height: 50px; - margin: 4px 0; - border-radius: 50%; - @include box-shadow(0 10px 36px 0 rgba(22,24,26,0.13)); - color: get-color("dark"); - &:hover, &:focus { - opacity: 1; - background: white; - @include box-shadow(0 10px 40px 0 rgba(22,24,26,0.19)); - color: get-color("dark"); - } - } - } - &:not([data-owl-dots="false"], [class*='owl-dots-over']) { - .owl-nav { - margin-top: -20px; - @include breakpoint-less(md) { - margin-top: -18px; - } - } - } - @include breakpoint-less(md) { - padding: 0 20px 0 0; - .owl-nav { - left: auto; - right: 20px; - @include transform(translateY(-50%) translateX(50%)); - width: 40px; - button.owl-prev, - button.owl-next { - width: 40px; - height: 40px; - } - } - } - } -} - - -// -// Swiper // -// -.hero-portfolio-slider { - @include breakpoint-less(md) { - padding: 0 30px; - } - .swiper-wrapper { - .swiper-slide { - @include transform(scale(0.9)); - opacity: 0.9; - @include transition(ease-in 0.16s); - &.swiper-slide-active { - @include transform(scale(1)); - opacity: 1; - } - } - } - .swiper-pagination { - .swiper-pagination-bullet { - position: relative; - display: inline-block; - opacity: 1; - background: transparent; - width: 20px; - height: 20px; - margin: 0 2px; - vertical-align: middle; - &:before, &:after { - content: ''; - position: absolute; - border-radius: 50%; - @include transition(ease-out 0.16s); - } - &:before { - top: 2px; - right: 2px; - bottom: 2px; - left: 2px; - opacity: 0; - background: transparent; - border: 1px solid black; - } - &:after { - top: 50%; - left: 50%; - @include transform(translate(-50%,-50%)); - opacity: 0.3; - background: black; - width: 6px; - height: 6px; - } - &:hover, &:focus, &.swiper-pagination-bullet-active { - &:after { - opacity: 1; - } - } - &.swiper-pagination-bullet-active { - &:before, &:after { - opacity: 1; - } - &:before { - top: 0; - right: 0; - bottom: 0; - left: 0; - } - } - } - &.swiper-pagination-horizontal { - position: absolute; - bottom: 20px; - left: 50%; - @include transform(translateX(-50%)); - background: get-color("dark", 0.3); - width: auto; - border-radius: 20px; - margin: 0; - padding: 5px; - @include breakpoint-less(md) { - bottom: 16px; - } - .swiper-pagination-bullet { - &:before { border-color: white; } - &:after { background: white; opacity: 0.5; } - &:hover, &:focus, &.swiper-pagination-bullet-active { - &:after { - opacity: 1; - } - } - } - } - } -} - -// -// Sliding Text // -// -.sliding-text, -.sliding-text-reverse { - .swiper-slide { - width: auto; - } -} -.sliding-boxes .swiper-wrapper, -.sliding-text .swiper-wrapper, -.sliding-text-reverse .swiper-wrapper { - transition-timing-function: linear; -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_team.scss b/static/assets/css/scss/elements/_team.scss deleted file mode 100644 index 6b95fa0..0000000 --- a/static/assets/css/scss/elements/_team.scss +++ /dev/null @@ -1,129 +0,0 @@ -// -// Team Styles // -// -.team-wrapper { - .team-box { - text-align: center; - .team-img { - position: relative; - overflow: hidden; - margin-bottom: 20px; - img { - @include transform(scale(1)); - width: 100%; - @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - div { - position: absolute; - top: 0; - left: 0; - opacity: 0; - background: get-color("dark", 0.4); - width: 100%; - height: 100%; - text-align: center; - @include transition(ease-out 0.12s); - ul { - list-style-type: none; - position: absolute; - top: 50%; - right: 0; - left: 0; - @include transform(translateY(-50%) scale(0.96)); - margin: 0 -7px; - padding: 0 30px; - @include transition(ease-out 0.12s); - li { - display: inline-block; - margin: 0 7px; - a { - &:not([class^='button'], [class^="link-social"]) { - color: white; - &:hover { - color: get-color("white", 0.7); - } - } - } - } - } - } - &:hover { - img { - @include transform(scale(1.04)); - @include filter(blur(1.5px)); - } - div { - opacity: 1; - ul { - @include transform(translateY(-50%) scale(1)); - } - } - } - } - span { - color: $color-primary-lighter; - } - } - &.team-box-hover-2 { - .team-box { - .team-img { - div { - top: auto; - bottom: 16px; - right: 16px; - left: 16px; - @include transform(translateY(5px)); - background: white; - width: auto; - height: auto; - padding: 15px 20px; - ul { - position: static; - top: auto; - @include transform(translateY(0) scale(1)); - padding: 0; - li { - a { - &:not([class^='button'], [class^="link-social"]) { - color: $color-primary; - &:hover, &:focus { color: get-color("dark"); } - } - } - } - } - } - &:hover { - img { - @include filter(blur(0)); - } - div { - @include transform(translateY(0)); - ul { - @include transform(translateY(0) scale(1)); - } - } - } - } - } - } - &[class*='border-radius'] { - .team-box { - .team-img { - @include transform(translate3d(0,0,0)); - overflow: hidden; - } - } - } - &.border-radius { - .team-box .team-img { border-radius: 0.4em; } - } - &.border-radius-1 { - .team-box .team-img { border-radius: 1.0em; } - } -} -.text-start { - .team-box { text-align: left; } -} -.text-end { - .team-box { text-align: right; } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_testimonial.scss b/static/assets/css/scss/elements/_testimonial.scss deleted file mode 100644 index 37b412b..0000000 --- a/static/assets/css/scss/elements/_testimonial.scss +++ /dev/null @@ -1,125 +0,0 @@ -// -// Testimonial Styles // -// -.testimonial-box { - max-width: 730px; - margin: 0 auto; - text-align: center; - img { - width: 80px; - height: 80px; - border-radius: 50%; - margin-right: auto; - margin-left: auto; - } -} -// -// Testimonial Grid // -// -.testimonial-grid { - overflow: hidden; - - &.column-2 { - @include breakpoint-above(lg) { - .testimonial-grid-box { - width: 50%; - } - } - } - &.column-1 { - .testimonial-grid-box { - width: 100%; - padding: 30px 0; - } - } - - .testimonial-grid-box { - position: relative; - float: left; - width: 33.3%; - padding: 30px; - &:before, &:after { - content: ''; - position: absolute; - } - &:before { - top: 0; - left: -1px; - height: 100%; - border-left: 1px dashed get-color("dark", 0.1); - } - &:after { - left: 0; - bottom: -1px; - width: 100%; - border-bottom: 1px dashed get-color("dark", 0.1); - } - .testimonial-img { - float: left; - margin-right: 20px; - img { - width: 80px; - height: 80px; - border-radius: 50%; - } - } - .testimonial-content { - overflow: hidden; - } - } - @include breakpoint-less(md) { - .testimonial-grid-box { - width: 50%; - } - } - @include breakpoint-less(sm) { - .testimonial-grid-box { - width: 100%; - padding: 30px 0; - } - } - // - // Border Style - Solid // - // - &.border-style-solid { - border: 0; - .testimonial-grid-box { - &:before { border-left-style: solid; } - &:after { border-bottom-style: solid; } - } - } - // - // Border Style - Dotted // - // - &.border-style-dotted { - border: 0; - .testimonial-grid-box { - &:before { border-left-style: dotted; } - &:after { border-bottom-style: dotted; } - } - } - // - // Borderless // - // - &.border-0 { - margin: -15px; - .testimonial-grid-box { - padding: 15px; - &:before, &:after { border: 0; } - } - } - @include breakpoint-less(sm) { - &.border-0 { - margin: -15px 0; - .testimonial-grid-box { padding: 15px 0; } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .testimonial-grid-box { - &:before, &:after { border-color: get-color("white", 0.2); } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_text-link.scss b/static/assets/css/scss/elements/_text-link.scss deleted file mode 100644 index 4cc1114..0000000 --- a/static/assets/css/scss/elements/_text-link.scss +++ /dev/null @@ -1,215 +0,0 @@ -// -// Text Link Styles // -// -*[class*='text-link-'] { - color: get-color("dark", 0.9); - &:hover, &:focus { - color: get-color("dark"); - } -} -.text-link-1 { - &:hover { text-decoration: underline; } -} -.text-link-2 { - position: relative; - &:before { - content: ''; - position: absolute; - bottom: -2px; - background: get-color("dark", 0.9); - width: 0; - height: 1px; - @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - &:hover { - &:before { - width: 100%; - } - } -} -.text-link-2 { - &:before { left: 0; } -} -.text-link-3 { - position: relative; - &:before { - content: ''; - position: absolute; - bottom: -2px; - left: 0; - @include transform(translateY(3px)); - opacity: 0; - background: get-color("dark", 0.9); - width: 100%; - height: 1px; - @include transition(linear 0.1s); - } - &:hover { - &:before { - @include transform(translateY(0)); - opacity: 1; - } - } -} -.text-link-4 { - position: relative; - &:before, &:after { - content: ''; - position: absolute; - bottom: -2px; - height: 1px; - @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - &:before { - left: 0; - background: get-color("dark", 0.2); - width: 100%; - } - &:after { - background: get-color("dark", 0.9); - width: 0; - } - &:hover { - &:after { - width: 100%; - } - } -} -.text-link-4 { - &:after { left: 0; } -} -.text-link-5 { - position: relative; - &:before, &:after { - content: ''; - position: absolute; - bottom: -2px; - left: 0; - width: 100%; - height: 1px; - @include transition(linear 0.1s); - } - &:before { - background: get-color("dark", 0.2); - } - &:after { - opacity: 0; - @include transform(translateY(3px)); - background: get-color("dark", 0.9); - } - &:hover { - &:before { - opacity: 0; - } - &:after { - @include transform(translateY(0)); - opacity: 1; - } - } -} -.text-link-6 { - position: relative; - &:before { - content: ''; - position: absolute; - bottom: 4px; - left: 0; - background: get-color("dark", 0.2); - width: 0; - height: 6px; - @include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1)); - } - &:hover { - &:before { - width: 100%; - } - } -} - -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - *[class*='text-link-'] { - color: get-color("white", 0.8); - &:hover, &:focus { - color: white; - } - } - .text-link-2, .text-link-3 { - &:before { background: white; } - } - .text-link-4, .text-link-5 { - &:before { background: get-color("white", 0.3); } - &:after { background: white; } - } - .text-link-6 { - &:before { background: get-color("white", 0.3); } - } -} - -[class*='link-social-'] { - &:hover { - opacity: 0.7; - } -} -.link-social-facebook { - color: $color-facebook; - &:hover { - color: $color-facebook; - } -} -.link-social-twitter { - color: $color-twitter; - &:hover { - color: $color-twitter; - } -} -.link-social-instagram { - color: $color-instagram; - &:hover { - color: $color-instagram; - } -} -.link-social-linkedin { - color: $color-linkedin; - &:hover { - color: $color-linkedin; - } -} -.link-social-youtube { - color: $color-youtube; - &:hover { - color: $color-youtube; - } -} -.link-social-pinterest { - color: $color-pinterest; - &:hover { - color: $color-pinterest; - } -} -.link-social-skype { - color: $color-skype; - &:hover { - color: $color-skype; - } -} -.link-social-dribbble { - color: $color-dribbble; - &:hover { - color: $color-dribbble; - } -} -.link-social-snapchat { - color: $color-snapchat; - &:hover { - color: $color-snapchat; - } -} -.link-social-whatsapp { - color: $color-whatsapp; - &:hover { - color: $color-whatsapp; - } -} \ No newline at end of file diff --git a/static/assets/css/scss/elements/_timeline.scss b/static/assets/css/scss/elements/_timeline.scss deleted file mode 100644 index 2ae3f91..0000000 --- a/static/assets/css/scss/elements/_timeline.scss +++ /dev/null @@ -1,246 +0,0 @@ -// -// Timeline Styles // -// -.timeline-wrapper { - position: relative; - &:before { - content: ''; - position: absolute; - top: 0; - background: $border-gray; - width: 1px; - height: 100%; - } - .timeline { - .timeline-date { - position: relative; - &:before { - content: ''; - position: absolute; - top: 31px; - background: $border-gray; - width: 20px; - height: 20px; - border-radius: 50%; - } - &:after { - content: ''; - position: absolute; - top: 37px; - background: get-color("dark"); - width: 8px; - height: 8px; - border-radius: 50%; - } - } - } -} -@include breakpoint-above(lg) { - .timeline-wrapper { - position: relative; - &:before { - left: 50%; - @include transform(translateX(-50%)); - } - .timeline { - position: relative; - .timeline-date, .timeline-content { - width: 50%; - padding: 30px; - } - .timeline-date { - position: absolute; - top: 0; - left: 0; - text-align: right; - &:before { - right: -10px; - } - &:after { - right: -4px; - } - h1,h2,h3,h4,h5,h6 { - position: relative; - text-align: right; - } - } - .timeline-content { - margin-left: 50%; - } - &:nth-child(even) { - .timeline-date { - left: 50%; - text-align: left; - &:before { - right: auto; - left: -10px; - } - &:after { - right: auto; - left: -4px; - } - h1,h2,h3,h4,h5,h6 { - text-align: left; - } - } - .timeline-content { - margin-left: 0; - text-align: right; - } - } - } - // - // Timeline left // - // - &.timeline-left { - &:before { - left: 200px; - @include transform(translateX(0)); - } - .timeline { - .timeline-date { - width: 200px; - padding: 30px 30px 0 0; - } - .timeline-content { - width: auto; - margin: 0 0 0 200px; - padding: 30px 0 0 30px; - text-align: left; - } - &:nth-child(even) { - .timeline-date { - left: auto; - text-align: right; - &:before { - right: -10px; - left: auto; - } - &:after { - right: -4px; - left: auto; - } - h1,h2,h3,h4,h5,h6 { - text-align: right; - } - } - } - &:last-child { - .timeline-date, .timeline-content { - padding-bottom: 30px; - } - } - } - } - // - // Timeline Right // - // - &.timeline-right { - &:before { - right: 200px; - left: auto; - @include transform(translateX(0)); - } - .timeline { - .timeline-date { - right: 0; - left: auto; - width: 200px; - padding: 30px 0 0 30px; - text-align: left; - &:before { - right: auto; - left: -10px; - } - &:after { - right: auto; - left: -4px; - } - h1,h2,h3,h4,h5,h6 { - text-align: left; - } - } - .timeline-content { - width: auto; - margin: 0 200px 0 0; - padding: 30px 30px 0 0; - text-align: right; - } - &:nth-child(even) { - .timeline-date { - left: auto; - text-align: left; - &:before { - left: -10px; - } - &:after { - left: -4px; - } - h1,h2,h3,h4,h5,h6 { - text-align: left; - } - } - } - &:last-child { - .timeline-date, .timeline-content { - padding-bottom: 30px; - } - } - } - } // end Timeline Right // - } -} -@include breakpoint-less(md) { - .timeline-wrapper { - padding-left: 30px; - &:before { - left: 0; - } - .timeline { - margin-bottom: 30px; - &:first-child { - padding-top: 30px; - } - &:last-child { - margin-bottom: 0; - padding-bottom: 30px; - } - .timeline-date { - &:before { - top: 1px; - left: -40px; - } - &:after { - top: 7px; - left: -34px; - } - } - } - } -} -@include breakpoint-less(xs) { - .timeline-wrapper { - padding-left: 20px; - .timeline { - .timeline-date { - &:before { left: -30px; } - &:after { left: -24px; } - } - } - } -} - -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .timeline-wrapper { - &:before { background: get-color("white", 0.2); } - .timeline { - .timeline-date { - &:before { background: get-color("white", 0.2); } - &:after { background: white; } - } - } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/helpers/_custom.scss b/static/assets/css/scss/helpers/_custom.scss deleted file mode 100644 index d1701d5..0000000 --- a/static/assets/css/scss/helpers/_custom.scss +++ /dev/null @@ -1,3 +0,0 @@ -// -// Your Custom Styles // -// \ No newline at end of file diff --git a/static/assets/css/scss/helpers/_mixins.scss b/static/assets/css/scss/helpers/_mixins.scss deleted file mode 100644 index 912ad47..0000000 --- a/static/assets/css/scss/helpers/_mixins.scss +++ /dev/null @@ -1,97 +0,0 @@ -// -// Mixins // -// -@mixin display-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -@mixin background-size($background-size) { - -webkit-background-size: $background-size; - -moz-background-size: $background-size; - background-size: $background-size; -} - -@mixin box-shadow($box-shadow) { - -webkit-box-shadow: $box-shadow; - box-shadow: $box-shadow; -} - -@mixin text-shadow($text-shadow) { - -webkit-text-shadow: $text-shadow; - text-shadow: $text-shadow; -} - -@mixin filter($filter) { - -webkit-filter: $filter; - filter: $filter; -} - -@mixin transition($transition) { - -webkit-transition: $transition; - transition: $transition; -} -@mixin transition-delay($transition-delay) { - -webkit-transition-delay: $transition-delay; - transition-delay: $transition-delay; -} -@mixin transition-duration($transition-duration) { - -webkit-transition-duration: $transition-duration; - transition-duration: $transition-duration; -} - -@mixin transform($transform) { - -webkit-transform: $transform; - transform: $transform; -} -@mixin transform-origin($transform-origin) { - -webkit-transform-origin: $transform-origin; - transform-origin: $transform-origin; -} - -@mixin animation($animation) { - -webkit-animation: $animation; - animation: $animation; -} -@mixin animation-delay($animation-delay) { - -webkit-animation-delay: $animation-delay; - animation-delay: $animation-delay; -} -@mixin animation-fill-mode($animation-fill-mode) { - -webkit-animation-fill-mode: $animation-fill-mode; - animation-fill-mode: $animation-fill-mode; -} - -@mixin breakpoint-above($class) { - @if $class == xs { - @media (min-width: 0) { @content; } - } - @else if $class == sm { - @media (min-width: 576px) { @content; } - } - @else if $class == md { - @media (min-width: 768px) { @content; } - } - @else if $class == lg { - @media (min-width: 992px) { @content; } - } - @else if $class == xl { - @media (min-width: 1200px) { @content; } - } -} -@mixin breakpoint-less($class) { - @if $class == xs { - @media (max-width: 575.98px) { @content; } - } - @else if $class == sm { - @media (max-width: 767.98px) { @content; } - } - @else if $class == md { - @media (max-width: 991.98px) { @content; } - } - @else if $class == lg { - @media (max-width: 1199.98px) { @content; } - } -} \ No newline at end of file diff --git a/static/assets/css/scss/helpers/_utilities.scss b/static/assets/css/scss/helpers/_utilities.scss deleted file mode 100644 index f577fdb..0000000 --- a/static/assets/css/scss/helpers/_utilities.scss +++ /dev/null @@ -1,464 +0,0 @@ -:root { - --bs-dark-rgb: 24, 28, 32; - --bs-border-color: get-color("dark", 0.1); -} - -// -// Background colors // -// -@each $name, $rgb in $colors { - @for $i from 1 through 9 { - .bg-#{$name}-0#{$i} { - background: rgba(nth($rgb, 1), nth($rgb, 2), nth($rgb, 3), $i * 0.1); - } - } -} -@each $name, $rgb in $colors { - @for $i from 1 through 9 { - .bg-color-#{$name}-0#{$i} { - background: rgba(nth($rgb, 1), nth($rgb, 2), nth($rgb, 3), $i * 0.1); - } - } -} - -.bg-dark-lighter { background: $bg-dark-lighter; } -.bg-dark-lightest { background: $bg-dark-lightest; } -.bg-dark { background: get-color("dark"); } -.bg-gray { background: $bg-gray; } -.bg-gray-lighter { background: $bg-gray-lighter; } -.bg-gray-lightest { background: $bg-gray-lightest; } - -// -// Light Backgrounds // -// -.bg-light-blue { background: $bg-light-blue; } -.bg-light-purple { background: $bg-light-purple; } -.bg-light-pink-edge { background: $bg-light-pink-edge; } -.bg-light-golden-yellow { background: $bg-light-golden-yellow; } -.bg-light-very-peri { background: $bg-light-very-peri; } -.bg-light-turquoise { background: $bg-light-turquoise; } -.bg-light-spring-red { background: $bg-light-spring-red; } -.bg-light-tan { background: $bg-light-tan; } -.bg-light-aqua { background: $bg-light-aqua; } - -// -// Color Backgrounds // -// -.bg-color-blue { background: get-color("blue"); } -.bg-color-purple { background: get-color("purple"); } -.bg-color-golden-yellow { background: get-color("golden-yellow"); } -.bg-color-pink-edge { background: get-color("pink-edge"); } -.bg-color-very-peri { background: get-color("very-peri"); } -.bg-color-turquoise { background: get-color("turquoise"); } -.bg-color-spring-red { background: get-color("spring-red"); } -.bg-color-tan { background: get-color("tan"); } -.bg-color-aqua { background: get-color("aqua"); } - -// -// Gradient Backgrounds // -// -.bg-gradient-1 { background-image: $gradient-1; } -.bg-gradient-2 { background-image: $gradient-2; } -.bg-gradient-3 { background-image: $gradient-3; } -.bg-gradient-4 { background-image: $gradient-4; } -.bg-gradient-5 { background-image: $gradient-5; } -.bg-gradient-6 { background-image: $gradient-6; } -.bg-gradient-7 { background-image: $gradient-7; } - -.bg-white-content { - color: $color-primary; - h1,h2,h3,h4,h5,h6 { color: get-color("dark"); } - a { - &:not([class^='button']) { - color: get-color("dark", 0.9); - &:hover, &:focus { color: get-color("dark"); } - } - } -} -.bg-dark-content { - color: get-color("white", 0.7); - h1,h2,h3,h4,h5,h6 { color: white; } - a { - &:not([class^='button']) { - color: get-color("white", 0.9); - &:hover, &:focus { color: white; } - } - } -} -[class*='bg-white'] { - @extend .bg-white-content; -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - @extend .bg-dark-content; - [class*='bg-white'] { - @extend .bg-white-content; - } -} - -// -// Font Families // -// -.font-family-primary { font-family: $font-family-primary } -.font-family-playfair { font-family: $font-family-playfair } -.font-family-poppins { font-family: $font-family-poppins } -.font-family-nunito { font-family: $font-family-nunito } -.font-family-outfit { font-family: $font-family-outfit } - -// -// Font Weights // -// -.fw-thin { font-weight: $font-weight-thin; } -.fw-medium { font-weight: $font-weight-medium; } -.fw-semi-bold { font-weight: $font-weight-semi-bold; } -.fw-black { font-weight: $font-weight-black; } - -// -// Text Colors // -// -@for $i from 1 through 9 { - *.text-white-0#{$i} { - color: rgba(nth($color-white, 1), nth($color-white, 2), nth($color-white, 3), $i * 0.1); - } -} -@for $i from 1 through 9 { - *.text-dark-0#{$i} { - color: rgba(nth($color-dark, 1), nth($color-dark, 2), nth($color-dark, 3), $i * 0.1); - } -} - -*.text-dark { color: get-color("dark"); } -*.text-red { color: $color-red-lighter; } -*.text-green { color: $color-green-lighter; } -*.text-blue { color: get-color("blue"); } -*.text-purple { color: get-color("purple"); } -*.text-golden-yellow { color: get-color("golden-yellow"); } -*.text-pink-edge { color: get-color("pink-edge"); } -*.text-very-peri { color: get-color("very-peri"); } -*.text-turquoise { color: get-color("turquoise"); } -*.text-spring-red { color: get-color("spring-red"); } -*.text-tan { color: get-color("tan"); } -*.text-aqua { color: get-color("aqua"); } - -[class*='text-gradient'] { - display: inline-block; -} -.text-gradient-1 { - background-image: $gradient-1; - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} -.text-gradient-2 { - background-image: $gradient-2; - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} -.text-gradient-3 { - background-image: $gradient-3; - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} -.text-gradient-4 { - background-image: $gradient-4; - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} -.text-gradient-5 { - background-image: $gradient-5; - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} -.text-gradient-6 { - background-image: $gradient-6; - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} -.text-gradient-7 { - background-image: $gradient-7; - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} - - -// -// Text Highlight // -// -[class*='text-highlight'] { - position: relative; - display: inline-block; - &:before { - content: ''; - position: absolute; - bottom: -2px; - left: 0; - width: 100%; - height: 4px; - border-radius: 2px; - } -} -.text-highlight { - &:before { background: get-color("dark", 0.2); } -} -.text-highlight-gradient { - &:before { background-image: $gradient-1; } -} -.text-highlight-gradient-2 { - &:before { background-image: $gradient-2; } -} -.text-highlight-gradient-3 { - &:before { background-image: $gradient-3; } -} -.text-highlight-gradient-4 { - &:before { background-image: $gradient-4; } -} -.text-highlight-gradient-5 { - &:before { background-image: $gradient-5; } -} -.text-highlight-gradient-6 { - &:before { background-image: $gradient-6; } -} -.text-highlight-gradient-7 { - &:before { background-image: $gradient-7; } -} -h1,h2 { - &[class*='text-highlight'] { - &:before { - bottom: -2px; - height: 6px; - border-radius: 3px; - } - } -} -h3 { - &[class*='text-highlight'] { - &:before { - bottom: -2px; - height: 5px; - border-radius: 3px; - } - } -} -h1 { - &.display-1 { - &[class*='text-highlight'] { - &:before { - bottom: -8px; - height: 10px; - border-radius: 5px; - } - } - } - &.display-2 { - &[class*='text-highlight'] { - &:before { - bottom: -6px; - height: 8px; - border-radius: 4px; - } - } - } - &.display-3 { - &[class*='text-highlight'] { - &:before { - bottom: -6px; - height: 8px; - border-radius: 4px; - } - } - } - &.display-4 { - &[class*='text-highlight'] { - &:before { - bottom: -6px; - height: 7px; - border-radius: 4px; - } - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .text-highlight { - &:before { - background: get-color("white", 0.3); - } - } -} - -// -// Stroke Text // -// -.stroke-text { - color: get-color("dark"); - -webkit-text-fill-color: transparent; - -webkit-text-stroke-width: 1.0px; - -webkit-text-stroke-color: get-color("dark"); - @include breakpoint-above(md) { - -webkit-text-stroke-width: 1.2px; - } - @include breakpoint-above(lg) { - -webkit-text-stroke-width: 1.4px; - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .stroke-text { - color: white; - -webkit-text-stroke-color: white; - } - .bg-white, - [class*='bg-white'] { - .stroke-text { - color: get-color("dark"); - -webkit-text-stroke-color: get-color("dark"); - } - } -} - -// -// Fancy Text // -// -.fancy-text { - -webkit-text-fill-color: transparent; - -webkit-text-stroke-width: 1.0px; - -webkit-text-stroke-color: get-color("dark"); - @include text-shadow(3px 3px 0 rgb(219, 221, 223)); - @include breakpoint-above(md) { -webkit-text-stroke-width: 1.2px; } - @include breakpoint-above(lg) { -webkit-text-stroke-width: 1.4px; } - &.display-1, &.display-2, &.display-3 { - @include text-shadow(4px 4px 0 rgb(219, 221, 223)); - } - @include breakpoint-above(md) { - &.display-1, &.display-2, &.display-3 { - @include text-shadow(5px 5px 0 rgb(219, 221, 223)); - } - &.display-4 { - @include text-shadow(4px 4px 0 rgb(219, 221, 223)); - } - } -} -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .fancy-text { - color: white; - -webkit-text-stroke-color: white; - @include text-shadow(3px 3px 0 rgb(46, 48, 50)); - &.display-1, &.display-2, &.display-3 { - @include text-shadow(4px 4px 0 rgb(46, 48, 50)); - } - @include breakpoint-above(md) { - &.display-1, &.display-2, &.display-3 { - @include text-shadow(5px 5px 0 rgb(46, 48, 50)); - } - &.display-4 { - @include text-shadow(4px 4px 0 rgb(46, 48, 50)); - } - } - } - [class*='bg-white'] { - .fancy-text { - color: get-color("dark"); - -webkit-text-stroke-color: get-color("dark"); - @include text-shadow(3px 3px 0 rgb(219, 221, 223)); - &.display-1, &.display-2, &.display-3 { - @include text-shadow(4px 4px 0 rgb(219, 221, 223)); - } - @include breakpoint-above(md) { - &.display-1, &.display-2, &.display-3 { - @include text-shadow(5px 5px 0 rgb(219, 221, 223)); - } - &.display-4 { - @include text-shadow(4px 4px 0 rgb(219, 221, 223)); - } - } - } - } -} - -// -// Borders // -// -.border-top, -.border-right, -.border-bottom, -.border-left { - border-width: 0; - border-style: solid; - border-color: get-color("dark", 0.1); -} -.border-top { border-top-width: 1px; } -.border-right { border-right-width: 1px; } -.border-bottom { border-bottom-width: 1px; } -.border-left { border-left-width: 1px; } - -.bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { - .border, .border-top, .border-right, .border-bottom, .border-left { - border-color: get-color("white", 0.2) !important; - } -} - -// -// Border Styles // -// -.border-style-dotted { border-style: dotted; } -.border-style-dashed { border-style: dashed; } - -// -// Negative Margin // -// -.n-margin-1 { - margin-top: -1rem; -} -.n-margin-2 { - margin-top: -2rem; -} -.n-margin-3 { - margin-top: -3rem; -} -.n-margin-4 { - margin-top: -4rem; -} -.n-margin-5 { - margin-top: -5rem; -} -.n-margin-6 { - margin-top: -6rem; -} - -// -// Backdrop Filter // -// -.backdrop-filter-blur { - backdrop-filter: blur(5px); -} - -// -// Opacity // -// -.opacity-10 { - opacity: 0.1; -} -.opacity-15 { - opacity: 0.15; -} -.opacity-20 { - opacity: 0.2; -} \ No newline at end of file diff --git a/static/assets/css/scss/helpers/_variables.scss b/static/assets/css/scss/helpers/_variables.scss deleted file mode 100644 index 5770563..0000000 --- a/static/assets/css/scss/helpers/_variables.scss +++ /dev/null @@ -1,126 +0,0 @@ -// -// Font // -// -$font-family-primary: 'Open Sans', sans-serif; -$font-family-playfair: 'Playfair Display', serif; -$font-family-poppins: 'Poppins', sans-serif; -$font-family-nunito: 'Nunito', sans-serif; -$font-family-outfit: 'Outfit', sans-serif; -$font-weight-black: 900; -$font-weight-extra-bold: 800; -$font-weight-bold: 700; -$font-weight-semi-bold: 600; -$font-weight-medium: 500; -$font-weight-regular: 400; -$font-weight-light: 300; -$font-weight-extra-light: 200; -$font-weight-thin: 100; - -// -// Colors // -// -$colors: ( - "white": (255, 255, 255), - "dark": (18, 21, 24), - "blue": (0, 147, 233), - "purple": (183, 33, 255), - "golden-yellow": (255, 182, 87), - "pink-edge": (254, 154, 182), - "very-peri": (102, 103, 171), - "turquoise": (76, 191, 166), - "spring-red": (190, 31, 53), - "tan": (210, 180, 140), - "aqua": (3, 212, 216) -); -@function get-color($color-name, $opacity: null) { - @if not map-has-key($colors, $color-name) { - @warn "Color `#{$color-name}` not found in $colors map."; - @return null; - } - - $color: map-get($colors, $color-name); - - @if $opacity == null { - @return rgb(nth($color, 1), nth($color, 2), nth($color, 3)); - } @else { - @return rgba(nth($color, 1), nth($color, 2), nth($color, 3), $opacity); - } -} -$color-white: map-get($colors, "white"); -$color-dark: map-get($colors, "dark"); -$color-dark-lighter: rgb(25, 28, 31); -$color-primary: #7C7C7C; -$color-primary-lighter: #AAAAAA; -$color-green: #24963e; -$color-green-lighter: #28a745; -$color-red: #c62f3e; -$color-red-lighter: #dc3545; - -// -// Social Colors // -// -$color-facebook: #1877F2; -$color-twitter: #1DA1F2; -$color-instagram: #E4405F; -$color-linkedin: #0A66C2; -$color-youtube: #CD201F; -$color-pinterest: #BD081C; -$color-skype: #00AFF0; -$color-dribbble: #EA4C89; -$color-snapchat: #FFFC00; -$color-whatsapp: #25D366; - -// -// Gradient Colors // -// -$gradient-1: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); -$gradient-2: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); -$gradient-3: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); -$gradient-4: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); -$gradient-5: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); -$gradient-6: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); -$gradient-7: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); - -// -// Background colors // -// -$bg-dark: rgb(24, 28, 32); -$bg-dark-lighter: rgb(32, 36, 40); -$bg-dark-lightest: rgb(40, 44, 48); -$bg-gray: rgb(238, 242, 246); -$bg-gray-lighter: rgb(241, 245, 249); -$bg-gray-lightest: rgb(244, 248, 252); - -$bg-light-blue: #e2f2fb; -$bg-light-purple: #F5E4FF; -$bg-light-pink-edge: #FEE6ED; -$bg-light-golden-yellow: #FFEFDB; -$bg-light-very-peri: #EDEDF5; -$bg-light-turquoise: #E2F4F0; -$bg-light-spring-red: #F7E5E7; -$bg-light-tan: #f6f0e8; -$bg-light-aqua: #CEF6F7; - -$bg-color-blue: #0093E9; -$bg-color-purple: #B721FF; -$bg-color-pink-edge: #FE9AB6; -$bg-color-golden-yellow: #FFB657; -$bg-color-very-peri: #6667AB; -$bg-color-turquoise: #4cbfa6; -$bg-color-spring-red: #BE1F35; -$bg-color-tan: #d2b48c; -$bg-color-aqua: #03D4D8; - -// -// Border colors // -// -$border-gray: rgb(226, 230, 234); - -// -// Button colors // -// -$button-dark: rgb(24, 28, 32); -$button-dark-lighter: rgb(32, 36, 40); -$button-gray: rgb(228, 232, 236); -$button-gray-lighter: rgb(238, 242, 246); -$button-gray-darker: rgb(220, 224, 228); \ No newline at end of file diff --git a/static/assets/css/scss/theme.scss b/static/assets/css/scss/theme.scss deleted file mode 100644 index e9deb39..0000000 --- a/static/assets/css/scss/theme.scss +++ /dev/null @@ -1,65 +0,0 @@ -// -// Import Helpers // -// -@import "helpers/variables"; -@import "helpers/mixins"; - -// -// Import Google Fonts // -// -@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@200;300;400;500;600;700;800&display=swap'); - - -// -// Import Basic styles // -// -@import "basic/base"; -@import "basic/background"; -@import "basic/form"; -@import "basic/image"; -@import "basic/list"; -@import "basic/typography"; - -// -// Import Elements // -// -@import "elements/accordion"; -@import "elements/box"; -@import "elements/button"; -@import "elements/clients"; -@import "elements/feature-box"; -@import "elements/hoverbox"; -@import "elements/lightbox"; -@import "elements/map"; -@import "elements/page-scroll-progress"; -@import "elements/pie-chart"; -@import "elements/progress-bar"; -@import "elements/section-divider"; -@import "elements/slider"; -@import "elements/team"; -@import "elements/testimonial"; -@import "elements/text-link"; -@import "elements/timeline"; - -// -// Import Components // -// -@import "components/blog"; -@import "components/cookie-consent"; -@import "components/fullscreen-menu"; -@import "components/gallery"; -@import "components/header"; -@import "components/masonry"; -@import "components/portfolio"; -@import "components/preloader"; -@import "components/section"; - -// -// Import Utilities // -// -@import "helpers/utilities"; - -// -// Import Custom Styles // -// -@import "helpers/custom"; \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-aqua.css b/static/assets/css/theme-colors/theme-color-aqua.css deleted file mode 100644 index 489ed83..0000000 --- a/static/assets/css/theme-colors/theme-color-aqua.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - Aqua -* --------------------------------------------------*/ -.theme-color-aqua a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #03D4D8; -} - -.theme-color-aqua [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-aqua [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-aqua .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-aqua .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #03D4D8; -} - - -.theme-color-aqua .bg-color-theme { - background: #03D4D8; -} - -.theme-color-aqua .bg-color-theme-09 { - background: rgba(3, 212, 216, 0.9); -} - -.theme-color-aqua .bg-color-theme-08 { - background: rgba(3, 212, 216, 0.8); -} - -.theme-color-aqua .bg-color-theme-07 { - background: rgba(3, 212, 216, 0.7); -} - -.theme-color-aqua .bg-color-theme-06 { - background: rgba(3, 212, 216, 0.6); -} - -.theme-color-aqua .bg-color-theme-05 { - background: rgba(3, 212, 216, 0.5); -} - -.theme-color-aqua .bg-color-theme-04 { - background: rgba(3, 212, 216, 0.4); -} - -.theme-color-aqua .bg-color-theme-03 { - background: rgba(3, 212, 216, 0.3); -} - -.theme-color-aqua .bg-color-theme-02 { - background: rgba(3, 212, 216, 0.2); -} - -.theme-color-aqua .bg-color-theme-01 { - background: rgba(3, 212, 216, 0.1); -} - -.theme-color-aqua .bg-light-theme { - background: #CEF6F7; -} - -.theme-color-aqua .button-theme { - background: #03D4D8; -} - -.theme-color-aqua .button-outline-theme { - border-color: #03D4D8; - color: #03D4D8; -} - -.theme-color-aqua .button-outline-theme:hover, .theme-color-aqua .button-outline-theme:focus { - background: #03D4D8; - color: white; -} - -.theme-color-aqua .button-circle-theme { - background: #03D4D8; -} - -.theme-color-aqua .button-circle-outline-theme { - border-color: #03D4D8; - color: #03D4D8; -} - -.theme-color-aqua .button-circle-outline-theme:hover, .theme-color-aqua .button-circle-outline-theme:focus { - background: #03D4D8; -} - -.theme-color-aqua .button-backdrop-color-theme { - background: #03D4D8; -} - -.theme-color-aqua .button-text-theme.button-text-1, .theme-color-aqua .button-text-theme.button-text-2, .theme-color-aqua .button-text-theme.button-text-3 { - color: #03D4D8; -} - -.theme-color-aqua .button-text-theme.button-text-1:hover, .theme-color-aqua .button-text-theme.button-text-2:hover, .theme-color-aqua .button-text-theme.button-text-3:hover { - color: #03D4D8; -} - -.theme-color-aqua .button-text-theme.button-text-1:before { - background: rgba(3, 212, 216, 0.3); -} - -.theme-color-aqua .button-text-theme.button-text-1:after { - background: #03D4D8; -} - -.theme-color-aqua .button-text-theme.button-text-2:before { - background: rgba(3, 212, 216, 0.1); -} - -.theme-color-aqua .button-text-theme.button-text-2:after { - background: #03D4D8; -} - -.theme-color-aqua .button-text-theme.button-text-3:before { - background: #03D4D8; -} - -.theme-color-aqua .button-text-theme.button-text-3:hover:before { - background: #03D4D8; -} - -.theme-color-aqua .bg-black .button-text-theme.button-text-1, .theme-color-aqua .bg-black .button-text-theme.button-text-2, .theme-color-aqua .bg-black .button-text-theme.button-text-3, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #03D4D8; -} - -.theme-color-aqua .bg-black .button-text-theme.button-text-1:hover, .theme-color-aqua .bg-black .button-text-theme.button-text-2:hover, .theme-color-aqua .bg-black .button-text-theme.button-text-3:hover, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #03D4D8; -} - -.theme-color-aqua .bg-black .button-text-theme.button-text-1:before, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(3, 212, 216, 0.3); -} - -.theme-color-aqua .bg-black .button-text-theme.button-text-1:after, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #03D4D8; -} - -.theme-color-aqua .bg-black .button-text-theme.button-text-2:before, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(3, 212, 216, 0.3); -} - -.theme-color-aqua .bg-black .button-text-theme.button-text-2:after, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #03D4D8; -} - -.theme-color-aqua .bg-black .button-text-theme.button-text-3:before, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #03D4D8; -} - -.theme-color-aqua .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #03D4D8; -} - -.theme-color-aqua .text-color-theme { - color: #03D4D8; -} - -.theme-color-aqua .progress-box.progress-theme .animated-progress div { - background: #03D4D8; -} - -.theme-color-aqua [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-aqua [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-aqua.preloader-theme .preloader-1 div .loader-path { - stroke: #03D4D8; -} - -.theme-color-aqua.preloader-theme .preloader-2 div span { - background: #03D4D8; - background: linear-gradient(to right, #03D4D8 10%, transparent 40%); -} - -.theme-color-aqua.preloader-theme .preloader-2 div span:before { - background: #03D4D8; -} - -.theme-color-aqua.preloader-theme .preloader-3 div span:before, .theme-color-aqua.preloader-theme .preloader-3 div span:after { - background: rgba(3, 212, 216, 0.2); -} - -.theme-color-aqua .accordion li .accordion-title { - border-color: rgba(3, 212, 216, 0.1); -} - -.theme-color-aqua .accordion li .accordion-title:before, .theme-color-aqua .accordion li .accordion-title:after { - background: #03D4D8; -} - -.theme-color-aqua .accordion li .accordion-title h1, .theme-color-aqua .accordion li .accordion-title h2, .theme-color-aqua .accordion li .accordion-title h3, .theme-color-aqua .accordion li .accordion-title h4, .theme-color-aqua .accordion li .accordion-title h5, .theme-color-aqua .accordion li .accordion-title h6 { - color: #03D4D8; -} - -.theme-color-aqua .accordion li.active .accordion-title { - border-color: #03D4D8; -} - -.theme-color-aqua .accordion.style-3 li .accordion-title { - background: #CEF6F7; -} - -.theme-color-aqua .accordion.style-3 li.active .accordion-title { - background: #03D4D8; - color: white; -} - -.theme-color-aqua .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-aqua .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-aqua .bg-black .accordion li .accordion-title, -.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-aqua .bg-black .accordion li .accordion-title:before, .theme-color-aqua .bg-black .accordion li .accordion-title:after, -.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-aqua .bg-black .accordion li.active .accordion-title, -.theme-color-aqua [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #03D4D8; -} - -.theme-color-aqua .bg-black .accordion.style-3 li .accordion-title, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #03D4D8; - color: white; -} - -.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-aqua [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-aqua [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-aqua .text-link-2:before, -.theme-color-aqua .text-link-3:before, -.theme-color-aqua .text-link-4:before { - background: #03D4D8; -} - -.theme-color-aqua .text-link-5:after, -.theme-color-aqua .text-link-6:after, -.theme-color-aqua .text-link-7:after { - background: #03D4D8; -} - -.theme-color-aqua .text-link-8:before { - background: rgba(3, 212, 216, 0.1); -} - -.theme-color-aqua .bg-black .text-link-2:before, -.theme-color-aqua .bg-black .text-link-3:before, -.theme-color-aqua .bg-black .text-link-4:before, -.theme-color-aqua [class*='bg-dark'] .text-link-2:before, -.theme-color-aqua [class*='bg-dark'] .text-link-3:before, -.theme-color-aqua [class*='bg-dark'] .text-link-4:before { - background: #03D4D8; -} - -.theme-color-aqua .bg-black .text-link-5:after, -.theme-color-aqua .bg-black .text-link-6:after, -.theme-color-aqua .bg-black .text-link-7:after, -.theme-color-aqua [class*='bg-dark'] .text-link-5:after, -.theme-color-aqua [class*='bg-dark'] .text-link-6:after, -.theme-color-aqua [class*='bg-dark'] .text-link-7:after { - background: #03D4D8; -} - -.theme-color-aqua .bg-black .text-link-8:before, -.theme-color-aqua [class*='bg-dark'] .text-link-8:before { - background: rgba(3, 212, 216, 0.1); -} - -.theme-color-aqua [class*='bg-gradient'] .text-link-2:before, .theme-color-aqua [class*='bg-gradient'] .text-link-3:before, .theme-color-aqua [class*='bg-gradient'] .text-link-4:before, -.theme-color-aqua [class*='bg-color'] .text-link-2:before, -.theme-color-aqua [class*='bg-color'] .text-link-3:before, -.theme-color-aqua [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-aqua [class*='bg-gradient'] .text-link-5:before, .theme-color-aqua [class*='bg-gradient'] .text-link-6:before, .theme-color-aqua [class*='bg-gradient'] .text-link-7:before, -.theme-color-aqua [class*='bg-color'] .text-link-5:before, -.theme-color-aqua [class*='bg-color'] .text-link-6:before, -.theme-color-aqua [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-aqua [class*='bg-gradient'] .text-link-5:after, .theme-color-aqua [class*='bg-gradient'] .text-link-6:after, .theme-color-aqua [class*='bg-gradient'] .text-link-7:after, -.theme-color-aqua [class*='bg-color'] .text-link-5:after, -.theme-color-aqua [class*='bg-color'] .text-link-6:after, -.theme-color-aqua [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-aqua [class*='bg-gradient'] .text-link-8:before, -.theme-color-aqua [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-aqua .form-style-2 input:focus, .theme-color-aqua .form-style-2 textarea:focus, .theme-color-aqua .form-style-2 .custom-select:focus, .theme-color-aqua .form-style-2 .form-control:focus, -.theme-color-aqua .form-style-4 input:focus, -.theme-color-aqua .form-style-4 textarea:focus, -.theme-color-aqua .form-style-4 .custom-select:focus, -.theme-color-aqua .form-style-4 .form-control:focus { - border-color: #03D4D8; -} diff --git a/static/assets/css/theme-colors/theme-color-blue.css b/static/assets/css/theme-colors/theme-color-blue.css deleted file mode 100644 index 7a65e15..0000000 --- a/static/assets/css/theme-colors/theme-color-blue.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - Blue -* --------------------------------------------------*/ -.theme-color-blue a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #0093E9; -} - -.theme-color-blue [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-blue [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-blue .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-blue .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #0093E9; -} - - -.theme-color-blue .bg-color-theme { - background: #0093E9; -} - -.theme-color-blue .bg-color-theme-09 { - background: rgba(0, 147, 233, 0.9); -} - -.theme-color-blue .bg-color-theme-08 { - background: rgba(0, 147, 233, 0.8); -} - -.theme-color-blue .bg-color-theme-07 { - background: rgba(0, 147, 233, 0.7); -} - -.theme-color-blue .bg-color-theme-06 { - background: rgba(0, 147, 233, 0.6); -} - -.theme-color-blue .bg-color-theme-05 { - background: rgba(0, 147, 233, 0.5); -} - -.theme-color-blue .bg-color-theme-04 { - background: rgba(0, 147, 233, 0.4); -} - -.theme-color-blue .bg-color-theme-03 { - background: rgba(0, 147, 233, 0.3); -} - -.theme-color-blue .bg-color-theme-02 { - background: rgba(0, 147, 233, 0.2); -} - -.theme-color-blue .bg-color-theme-01 { - background: rgba(0, 147, 233, 0.1); -} - -.theme-color-blue .bg-light-theme { - background: #e2f2fb; -} - -.theme-color-blue .button-theme { - background: #0093E9; -} - -.theme-color-blue .button-outline-theme { - border-color: #0093E9; - color: #0093E9; -} - -.theme-color-blue .button-outline-theme:hover, .theme-color-blue .button-outline-theme:focus { - background: #0093E9; - color: white; -} - -.theme-color-blue .button-circle-theme { - background: #0093E9; -} - -.theme-color-blue .button-circle-outline-theme { - border-color: #0093E9; - color: #0093E9; -} - -.theme-color-blue .button-circle-outline-theme:hover, .theme-color-blue .button-circle-outline-theme:focus { - background: #0093E9; -} - -.theme-color-blue .button-backdrop-color-theme { - background: #0093E9; -} - -.theme-color-blue .button-text-theme.button-text-1, .theme-color-blue .button-text-theme.button-text-2, .theme-color-blue .button-text-theme.button-text-3 { - color: #0093E9; -} - -.theme-color-blue .button-text-theme.button-text-1:hover, .theme-color-blue .button-text-theme.button-text-2:hover, .theme-color-blue .button-text-theme.button-text-3:hover { - color: #0093E9; -} - -.theme-color-blue .button-text-theme.button-text-1:before { - background: rgba(0, 147, 233, 0.3); -} - -.theme-color-blue .button-text-theme.button-text-1:after { - background: #0093E9; -} - -.theme-color-blue .button-text-theme.button-text-2:before { - background: rgba(0, 147, 233, 0.1); -} - -.theme-color-blue .button-text-theme.button-text-2:after { - background: #0093E9; -} - -.theme-color-blue .button-text-theme.button-text-3:before { - background: #0093E9; -} - -.theme-color-blue .button-text-theme.button-text-3:hover:before { - background: #0093E9; -} - -.theme-color-blue .bg-black .button-text-theme.button-text-1, .theme-color-blue .bg-black .button-text-theme.button-text-2, .theme-color-blue .bg-black .button-text-theme.button-text-3, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #0093E9; -} - -.theme-color-blue .bg-black .button-text-theme.button-text-1:hover, .theme-color-blue .bg-black .button-text-theme.button-text-2:hover, .theme-color-blue .bg-black .button-text-theme.button-text-3:hover, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #0093E9; -} - -.theme-color-blue .bg-black .button-text-theme.button-text-1:before, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(0, 147, 233, 0.3); -} - -.theme-color-blue .bg-black .button-text-theme.button-text-1:after, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #0093E9; -} - -.theme-color-blue .bg-black .button-text-theme.button-text-2:before, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(0, 147, 233, 0.3); -} - -.theme-color-blue .bg-black .button-text-theme.button-text-2:after, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #0093E9; -} - -.theme-color-blue .bg-black .button-text-theme.button-text-3:before, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #0093E9; -} - -.theme-color-blue .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #0093E9; -} - -.theme-color-blue .text-color-theme { - color: #0093E9; -} - -.theme-color-blue .progress-box.progress-theme .animated-progress div { - background: #0093E9; -} - -.theme-color-blue [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-blue [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-blue.preloader-theme .preloader-1 div .loader-path { - stroke: #0093E9; -} - -.theme-color-blue.preloader-theme .preloader-2 div span { - background: #0093E9; - background: linear-gradient(to right, #0093E9 10%, transparent 40%); -} - -.theme-color-blue.preloader-theme .preloader-2 div span:before { - background: #0093E9; -} - -.theme-color-blue.preloader-theme .preloader-3 div span:before, .theme-color-blue.preloader-theme .preloader-3 div span:after { - background: rgba(0, 147, 233, 0.2); -} - -.theme-color-blue .accordion li .accordion-title { - border-color: rgba(0, 147, 233, 0.1); -} - -.theme-color-blue .accordion li .accordion-title:before, .theme-color-blue .accordion li .accordion-title:after { - background: #0093E9; -} - -.theme-color-blue .accordion li .accordion-title h1, .theme-color-blue .accordion li .accordion-title h2, .theme-color-blue .accordion li .accordion-title h3, .theme-color-blue .accordion li .accordion-title h4, .theme-color-blue .accordion li .accordion-title h5, .theme-color-blue .accordion li .accordion-title h6 { - color: #0093E9; -} - -.theme-color-blue .accordion li.active .accordion-title { - border-color: #0093E9; -} - -.theme-color-blue .accordion.style-3 li .accordion-title { - background: #e2f2fb; -} - -.theme-color-blue .accordion.style-3 li.active .accordion-title { - background: #0093E9; - color: white; -} - -.theme-color-blue .accordion.style-3 li.active .accordion-title:before, .theme-color-blue .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-blue .accordion.style-3 li.active .accordion-title h1, .theme-color-blue .accordion.style-3 li.active .accordion-title h2, .theme-color-blue .accordion.style-3 li.active .accordion-title h3, .theme-color-blue .accordion.style-3 li.active .accordion-title h4, .theme-color-blue .accordion.style-3 li.active .accordion-title h5, .theme-color-blue .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-blue .bg-black .accordion li .accordion-title, -.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-blue .bg-black .accordion li .accordion-title:before, .theme-color-blue .bg-black .accordion li .accordion-title:after, -.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-blue .bg-black .accordion li.active .accordion-title, -.theme-color-blue [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #0093E9; -} - -.theme-color-blue .bg-black .accordion.style-3 li .accordion-title, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #0093E9; - color: white; -} - -.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-blue [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-blue [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-blue [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-blue .text-link-2:before, -.theme-color-blue .text-link-3:before, -.theme-color-blue .text-link-4:before { - background: #0093E9; -} - -.theme-color-blue .text-link-5:after, -.theme-color-blue .text-link-6:after, -.theme-color-blue .text-link-7:after { - background: #0093E9; -} - -.theme-color-blue .text-link-8:before { - background: rgba(0, 147, 233, 0.1); -} - -.theme-color-blue .bg-black .text-link-2:before, -.theme-color-blue .bg-black .text-link-3:before, -.theme-color-blue .bg-black .text-link-4:before, -.theme-color-blue [class*='bg-dark'] .text-link-2:before, -.theme-color-blue [class*='bg-dark'] .text-link-3:before, -.theme-color-blue [class*='bg-dark'] .text-link-4:before { - background: #0093E9; -} - -.theme-color-blue .bg-black .text-link-5:after, -.theme-color-blue .bg-black .text-link-6:after, -.theme-color-blue .bg-black .text-link-7:after, -.theme-color-blue [class*='bg-dark'] .text-link-5:after, -.theme-color-blue [class*='bg-dark'] .text-link-6:after, -.theme-color-blue [class*='bg-dark'] .text-link-7:after { - background: #0093E9; -} - -.theme-color-blue .bg-black .text-link-8:before, -.theme-color-blue [class*='bg-dark'] .text-link-8:before { - background: rgba(0, 147, 233, 0.1); -} - -.theme-color-blue [class*='bg-gradient'] .text-link-2:before, .theme-color-blue [class*='bg-gradient'] .text-link-3:before, .theme-color-blue [class*='bg-gradient'] .text-link-4:before, -.theme-color-blue [class*='bg-color'] .text-link-2:before, -.theme-color-blue [class*='bg-color'] .text-link-3:before, -.theme-color-blue [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-blue [class*='bg-gradient'] .text-link-5:before, .theme-color-blue [class*='bg-gradient'] .text-link-6:before, .theme-color-blue [class*='bg-gradient'] .text-link-7:before, -.theme-color-blue [class*='bg-color'] .text-link-5:before, -.theme-color-blue [class*='bg-color'] .text-link-6:before, -.theme-color-blue [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-blue [class*='bg-gradient'] .text-link-5:after, .theme-color-blue [class*='bg-gradient'] .text-link-6:after, .theme-color-blue [class*='bg-gradient'] .text-link-7:after, -.theme-color-blue [class*='bg-color'] .text-link-5:after, -.theme-color-blue [class*='bg-color'] .text-link-6:after, -.theme-color-blue [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-blue [class*='bg-gradient'] .text-link-8:before, -.theme-color-blue [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-blue .form-style-2 input:focus, .theme-color-blue .form-style-2 textarea:focus, .theme-color-blue .form-style-2 .custom-select:focus, .theme-color-blue .form-style-2 .form-control:focus, -.theme-color-blue .form-style-4 input:focus, -.theme-color-blue .form-style-4 textarea:focus, -.theme-color-blue .form-style-4 .custom-select:focus, -.theme-color-blue .form-style-4 .form-control:focus { - border-color: #0093E9; -} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-golden-yellow.css b/static/assets/css/theme-colors/theme-color-golden-yellow.css deleted file mode 100644 index f7bdb3c..0000000 --- a/static/assets/css/theme-colors/theme-color-golden-yellow.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - Golden Yellow -* --------------------------------------------------*/ -.theme-color-golden-yellow a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #FFB657; -} - -.theme-color-golden-yellow [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-golden-yellow [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-golden-yellow .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-golden-yellow .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #FFB657; -} - - -.theme-color-golden-yellow .bg-color-theme { - background: #FFB657; -} - -.theme-color-golden-yellow .bg-color-theme-09 { - background: rgba(255, 182, 87, 0.9); -} - -.theme-color-golden-yellow .bg-color-theme-08 { - background: rgba(255, 182, 87, 0.8); -} - -.theme-color-golden-yellow .bg-color-theme-07 { - background: rgba(255, 182, 87, 0.7); -} - -.theme-color-golden-yellow .bg-color-theme-06 { - background: rgba(255, 182, 87, 0.6); -} - -.theme-color-golden-yellow .bg-color-theme-05 { - background: rgba(255, 182, 87, 0.5); -} - -.theme-color-golden-yellow .bg-color-theme-04 { - background: rgba(255, 182, 87, 0.4); -} - -.theme-color-golden-yellow .bg-color-theme-03 { - background: rgba(255, 182, 87, 0.3); -} - -.theme-color-golden-yellow .bg-color-theme-02 { - background: rgba(255, 182, 87, 0.2); -} - -.theme-color-golden-yellow .bg-color-theme-01 { - background: rgba(255, 182, 87, 0.1); -} - -.theme-color-golden-yellow .bg-light-theme { - background: #FFEFDB; -} - -.theme-color-golden-yellow .button-theme { - background: #FFB657; -} - -.theme-color-golden-yellow .button-outline-theme { - border-color: #FFB657; - color: #FFB657; -} - -.theme-color-golden-yellow .button-outline-theme:hover, .theme-color-golden-yellow .button-outline-theme:focus { - background: #FFB657; - color: white; -} - -.theme-color-golden-yellow .button-circle-theme { - background: #FFB657; -} - -.theme-color-golden-yellow .button-circle-outline-theme { - border-color: #FFB657; - color: #FFB657; -} - -.theme-color-golden-yellow .button-circle-outline-theme:hover, .theme-color-golden-yellow .button-circle-outline-theme:focus { - background: #FFB657; -} - -.theme-color-golden-yellow .button-backdrop-color-theme { - background: #FFB657; -} - -.theme-color-golden-yellow .button-text-theme.button-text-1, .theme-color-golden-yellow .button-text-theme.button-text-2, .theme-color-golden-yellow .button-text-theme.button-text-3 { - color: #FFB657; -} - -.theme-color-golden-yellow .button-text-theme.button-text-1:hover, .theme-color-golden-yellow .button-text-theme.button-text-2:hover, .theme-color-golden-yellow .button-text-theme.button-text-3:hover { - color: #FFB657; -} - -.theme-color-golden-yellow .button-text-theme.button-text-1:before { - background: rgba(255, 182, 87, 0.3); -} - -.theme-color-golden-yellow .button-text-theme.button-text-1:after { - background: #FFB657; -} - -.theme-color-golden-yellow .button-text-theme.button-text-2:before { - background: rgba(255, 182, 87, 0.1); -} - -.theme-color-golden-yellow .button-text-theme.button-text-2:after { - background: #FFB657; -} - -.theme-color-golden-yellow .button-text-theme.button-text-3:before { - background: #FFB657; -} - -.theme-color-golden-yellow .button-text-theme.button-text-3:hover:before { - background: #FFB657; -} - -.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-2, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-3, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #FFB657; -} - -.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:hover, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:hover, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:hover, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #FFB657; -} - -.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:before, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(255, 182, 87, 0.3); -} - -.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:after, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #FFB657; -} - -.theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:before, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(255, 182, 87, 0.3); -} - -.theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:after, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #FFB657; -} - -.theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:before, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #FFB657; -} - -.theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #FFB657; -} - -.theme-color-golden-yellow .text-color-theme { - color: #FFB657; -} - -.theme-color-golden-yellow .progress-box.progress-theme .animated-progress div { - background: #FFB657; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-golden-yellow [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-golden-yellow.preloader-theme .preloader-1 div .loader-path { - stroke: #FFB657; -} - -.theme-color-golden-yellow.preloader-theme .preloader-2 div span { - background: #FFB657; - background: linear-gradient(to right, #FFB657 10%, transparent 40%); -} - -.theme-color-golden-yellow.preloader-theme .preloader-2 div span:before { - background: #FFB657; -} - -.theme-color-golden-yellow.preloader-theme .preloader-3 div span:before, .theme-color-golden-yellow.preloader-theme .preloader-3 div span:after { - background: rgba(255, 182, 87, 0.2); -} - -.theme-color-golden-yellow .accordion li .accordion-title { - border-color: rgba(255, 182, 87, 0.1); -} - -.theme-color-golden-yellow .accordion li .accordion-title:before, .theme-color-golden-yellow .accordion li .accordion-title:after { - background: #FFB657; -} - -.theme-color-golden-yellow .accordion li .accordion-title h1, .theme-color-golden-yellow .accordion li .accordion-title h2, .theme-color-golden-yellow .accordion li .accordion-title h3, .theme-color-golden-yellow .accordion li .accordion-title h4, .theme-color-golden-yellow .accordion li .accordion-title h5, .theme-color-golden-yellow .accordion li .accordion-title h6 { - color: #FFB657; -} - -.theme-color-golden-yellow .accordion li.active .accordion-title { - border-color: #FFB657; -} - -.theme-color-golden-yellow .accordion.style-3 li .accordion-title { - background: #FFEFDB; -} - -.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title { - background: #FFB657; - color: white; -} - -.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-golden-yellow .bg-black .accordion li .accordion-title, -.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-golden-yellow .bg-black .accordion li .accordion-title:before, .theme-color-golden-yellow .bg-black .accordion li .accordion-title:after, -.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-golden-yellow .bg-black .accordion li.active .accordion-title, -.theme-color-golden-yellow [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #FFB657; -} - -.theme-color-golden-yellow .bg-black .accordion.style-3 li .accordion-title, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #FFB657; - color: white; -} - -.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-golden-yellow [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-golden-yellow .text-link-2:before, -.theme-color-golden-yellow .text-link-3:before, -.theme-color-golden-yellow .text-link-4:before { - background: #FFB657; -} - -.theme-color-golden-yellow .text-link-5:after, -.theme-color-golden-yellow .text-link-6:after, -.theme-color-golden-yellow .text-link-7:after { - background: #FFB657; -} - -.theme-color-golden-yellow .text-link-8:before { - background: rgba(255, 182, 87, 0.1); -} - -.theme-color-golden-yellow .bg-black .text-link-2:before, -.theme-color-golden-yellow .bg-black .text-link-3:before, -.theme-color-golden-yellow .bg-black .text-link-4:before, -.theme-color-golden-yellow [class*='bg-dark'] .text-link-2:before, -.theme-color-golden-yellow [class*='bg-dark'] .text-link-3:before, -.theme-color-golden-yellow [class*='bg-dark'] .text-link-4:before { - background: #FFB657; -} - -.theme-color-golden-yellow .bg-black .text-link-5:after, -.theme-color-golden-yellow .bg-black .text-link-6:after, -.theme-color-golden-yellow .bg-black .text-link-7:after, -.theme-color-golden-yellow [class*='bg-dark'] .text-link-5:after, -.theme-color-golden-yellow [class*='bg-dark'] .text-link-6:after, -.theme-color-golden-yellow [class*='bg-dark'] .text-link-7:after { - background: #FFB657; -} - -.theme-color-golden-yellow .bg-black .text-link-8:before, -.theme-color-golden-yellow [class*='bg-dark'] .text-link-8:before { - background: rgba(255, 182, 87, 0.1); -} - -.theme-color-golden-yellow [class*='bg-gradient'] .text-link-2:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-3:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-4:before, -.theme-color-golden-yellow [class*='bg-color'] .text-link-2:before, -.theme-color-golden-yellow [class*='bg-color'] .text-link-3:before, -.theme-color-golden-yellow [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .text-link-5:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-6:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-7:before, -.theme-color-golden-yellow [class*='bg-color'] .text-link-5:before, -.theme-color-golden-yellow [class*='bg-color'] .text-link-6:before, -.theme-color-golden-yellow [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-golden-yellow [class*='bg-gradient'] .text-link-5:after, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-6:after, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-7:after, -.theme-color-golden-yellow [class*='bg-color'] .text-link-5:after, -.theme-color-golden-yellow [class*='bg-color'] .text-link-6:after, -.theme-color-golden-yellow [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-golden-yellow [class*='bg-gradient'] .text-link-8:before, -.theme-color-golden-yellow [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-golden-yellow .form-style-2 input:focus, .theme-color-golden-yellow .form-style-2 textarea:focus, .theme-color-golden-yellow .form-style-2 .custom-select:focus, .theme-color-golden-yellow .form-style-2 .form-control:focus, -.theme-color-golden-yellow .form-style-4 input:focus, -.theme-color-golden-yellow .form-style-4 textarea:focus, -.theme-color-golden-yellow .form-style-4 .custom-select:focus, -.theme-color-golden-yellow .form-style-4 .form-control:focus { - border-color: #FFB657; -} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-pink-edge.css b/static/assets/css/theme-colors/theme-color-pink-edge.css deleted file mode 100644 index 9dd0978..0000000 --- a/static/assets/css/theme-colors/theme-color-pink-edge.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - Pink Edge -* --------------------------------------------------*/ -.theme-color-pink-edge a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #FE9AB6; -} - -.theme-color-pink-edge [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-pink-edge [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-pink-edge .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-pink-edge .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #FE9AB6; -} - - -.theme-color-pink-edge .bg-color-theme { - background: #FE9AB6; -} - -.theme-color-pink-edge .bg-color-theme-09 { - background: rgba(254, 154, 182, 0.9); -} - -.theme-color-pink-edge .bg-color-theme-08 { - background: rgba(254, 154, 182, 0.8); -} - -.theme-color-pink-edge .bg-color-theme-07 { - background: rgba(254, 154, 182, 0.7); -} - -.theme-color-pink-edge .bg-color-theme-06 { - background: rgba(254, 154, 182, 0.6); -} - -.theme-color-pink-edge .bg-color-theme-05 { - background: rgba(254, 154, 182, 0.5); -} - -.theme-color-pink-edge .bg-color-theme-04 { - background: rgba(254, 154, 182, 0.4); -} - -.theme-color-pink-edge .bg-color-theme-03 { - background: rgba(254, 154, 182, 0.3); -} - -.theme-color-pink-edge .bg-color-theme-02 { - background: rgba(254, 154, 182, 0.2); -} - -.theme-color-pink-edge .bg-color-theme-01 { - background: rgba(254, 154, 182, 0.1); -} - -.theme-color-pink-edge .bg-light-theme { - background: #FEE6ED; -} - -.theme-color-pink-edge .button-theme { - background: #FE9AB6; -} - -.theme-color-pink-edge .button-outline-theme { - border-color: #FE9AB6; - color: #FE9AB6; -} - -.theme-color-pink-edge .button-outline-theme:hover, .theme-color-pink-edge .button-outline-theme:focus { - background: #FE9AB6; - color: white; -} - -.theme-color-pink-edge .button-circle-theme { - background: #FE9AB6; -} - -.theme-color-pink-edge .button-circle-outline-theme { - border-color: #FE9AB6; - color: #FE9AB6; -} - -.theme-color-pink-edge .button-circle-outline-theme:hover, .theme-color-pink-edge .button-circle-outline-theme:focus { - background: #FE9AB6; -} - -.theme-color-pink-edge .button-backdrop-color-theme { - background: #FE9AB6; -} - -.theme-color-pink-edge .button-text-theme.button-text-1, .theme-color-pink-edge .button-text-theme.button-text-2, .theme-color-pink-edge .button-text-theme.button-text-3 { - color: #FE9AB6; -} - -.theme-color-pink-edge .button-text-theme.button-text-1:hover, .theme-color-pink-edge .button-text-theme.button-text-2:hover, .theme-color-pink-edge .button-text-theme.button-text-3:hover { - color: #FE9AB6; -} - -.theme-color-pink-edge .button-text-theme.button-text-1:before { - background: rgba(254, 154, 182, 0.3); -} - -.theme-color-pink-edge .button-text-theme.button-text-1:after { - background: #FE9AB6; -} - -.theme-color-pink-edge .button-text-theme.button-text-2:before { - background: rgba(254, 154, 182, 0.1); -} - -.theme-color-pink-edge .button-text-theme.button-text-2:after { - background: #FE9AB6; -} - -.theme-color-pink-edge .button-text-theme.button-text-3:before { - background: #FE9AB6; -} - -.theme-color-pink-edge .button-text-theme.button-text-3:hover:before { - background: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .button-text-theme.button-text-1, .theme-color-pink-edge .bg-black .button-text-theme.button-text-2, .theme-color-pink-edge .bg-black .button-text-theme.button-text-3, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:hover, .theme-color-pink-edge .bg-black .button-text-theme.button-text-2:hover, .theme-color-pink-edge .bg-black .button-text-theme.button-text-3:hover, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:before, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(254, 154, 182, 0.3); -} - -.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:after, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .button-text-theme.button-text-2:before, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(254, 154, 182, 0.3); -} - -.theme-color-pink-edge .bg-black .button-text-theme.button-text-2:after, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .button-text-theme.button-text-3:before, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #FE9AB6; -} - -.theme-color-pink-edge .text-color-theme { - color: #FE9AB6; -} - -.theme-color-pink-edge .progress-box.progress-theme .animated-progress div { - background: #FE9AB6; -} - -.theme-color-pink-edge [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-pink-edge [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-pink-edge.preloader-theme .preloader-1 div .loader-path { - stroke: #FE9AB6; -} - -.theme-color-pink-edge.preloader-theme .preloader-2 div span { - background: #FE9AB6; - background: linear-gradient(to right, #FE9AB6 10%, transparent 40%); -} - -.theme-color-pink-edge.preloader-theme .preloader-2 div span:before { - background: #FE9AB6; -} - -.theme-color-pink-edge.preloader-theme .preloader-3 div span:before, .theme-color-pink-edge.preloader-theme .preloader-3 div span:after { - background: rgba(254, 154, 182, 0.2); -} - -.theme-color-pink-edge .accordion li .accordion-title { - border-color: rgba(254, 154, 182, 0.1); -} - -.theme-color-pink-edge .accordion li .accordion-title:before, .theme-color-pink-edge .accordion li .accordion-title:after { - background: #FE9AB6; -} - -.theme-color-pink-edge .accordion li .accordion-title h1, .theme-color-pink-edge .accordion li .accordion-title h2, .theme-color-pink-edge .accordion li .accordion-title h3, .theme-color-pink-edge .accordion li .accordion-title h4, .theme-color-pink-edge .accordion li .accordion-title h5, .theme-color-pink-edge .accordion li .accordion-title h6 { - color: #FE9AB6; -} - -.theme-color-pink-edge .accordion li.active .accordion-title { - border-color: #FE9AB6; -} - -.theme-color-pink-edge .accordion.style-3 li .accordion-title { - background: #FEE6ED; -} - -.theme-color-pink-edge .accordion.style-3 li.active .accordion-title { - background: #FE9AB6; - color: white; -} - -.theme-color-pink-edge .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-pink-edge .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-pink-edge .bg-black .accordion li .accordion-title, -.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-pink-edge .bg-black .accordion li .accordion-title:before, .theme-color-pink-edge .bg-black .accordion li .accordion-title:after, -.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-pink-edge .bg-black .accordion li.active .accordion-title, -.theme-color-pink-edge [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .accordion.style-3 li .accordion-title, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #FE9AB6; - color: white; -} - -.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-pink-edge [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-pink-edge .text-link-2:before, -.theme-color-pink-edge .text-link-3:before, -.theme-color-pink-edge .text-link-4:before { - background: #FE9AB6; -} - -.theme-color-pink-edge .text-link-5:after, -.theme-color-pink-edge .text-link-6:after, -.theme-color-pink-edge .text-link-7:after { - background: #FE9AB6; -} - -.theme-color-pink-edge .text-link-8:before { - background: rgba(254, 154, 182, 0.1); -} - -.theme-color-pink-edge .bg-black .text-link-2:before, -.theme-color-pink-edge .bg-black .text-link-3:before, -.theme-color-pink-edge .bg-black .text-link-4:before, -.theme-color-pink-edge [class*='bg-dark'] .text-link-2:before, -.theme-color-pink-edge [class*='bg-dark'] .text-link-3:before, -.theme-color-pink-edge [class*='bg-dark'] .text-link-4:before { - background: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .text-link-5:after, -.theme-color-pink-edge .bg-black .text-link-6:after, -.theme-color-pink-edge .bg-black .text-link-7:after, -.theme-color-pink-edge [class*='bg-dark'] .text-link-5:after, -.theme-color-pink-edge [class*='bg-dark'] .text-link-6:after, -.theme-color-pink-edge [class*='bg-dark'] .text-link-7:after { - background: #FE9AB6; -} - -.theme-color-pink-edge .bg-black .text-link-8:before, -.theme-color-pink-edge [class*='bg-dark'] .text-link-8:before { - background: rgba(254, 154, 182, 0.1); -} - -.theme-color-pink-edge [class*='bg-gradient'] .text-link-2:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-3:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-4:before, -.theme-color-pink-edge [class*='bg-color'] .text-link-2:before, -.theme-color-pink-edge [class*='bg-color'] .text-link-3:before, -.theme-color-pink-edge [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-pink-edge [class*='bg-gradient'] .text-link-5:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-6:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-7:before, -.theme-color-pink-edge [class*='bg-color'] .text-link-5:before, -.theme-color-pink-edge [class*='bg-color'] .text-link-6:before, -.theme-color-pink-edge [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-pink-edge [class*='bg-gradient'] .text-link-5:after, .theme-color-pink-edge [class*='bg-gradient'] .text-link-6:after, .theme-color-pink-edge [class*='bg-gradient'] .text-link-7:after, -.theme-color-pink-edge [class*='bg-color'] .text-link-5:after, -.theme-color-pink-edge [class*='bg-color'] .text-link-6:after, -.theme-color-pink-edge [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-pink-edge [class*='bg-gradient'] .text-link-8:before, -.theme-color-pink-edge [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-pink-edge .form-style-2 input:focus, .theme-color-pink-edge .form-style-2 textarea:focus, .theme-color-pink-edge .form-style-2 .custom-select:focus, .theme-color-pink-edge .form-style-2 .form-control:focus, -.theme-color-pink-edge .form-style-4 input:focus, -.theme-color-pink-edge .form-style-4 textarea:focus, -.theme-color-pink-edge .form-style-4 .custom-select:focus, -.theme-color-pink-edge .form-style-4 .form-control:focus { - border-color: #FE9AB6; -} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-purple.css b/static/assets/css/theme-colors/theme-color-purple.css deleted file mode 100644 index 70422d7..0000000 --- a/static/assets/css/theme-colors/theme-color-purple.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - Purple -* --------------------------------------------------*/ -.theme-color-purple a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #B721FF; -} - -.theme-color-purple [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-purple [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-purple .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-purple .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #B721FF; -} - - -.theme-color-purple .bg-color-theme { - background: #B721FF; -} - -.theme-color-purple .bg-color-theme-09 { - background: rgba(183, 33, 255, 0.9); -} - -.theme-color-purple .bg-color-theme-08 { - background: rgba(183, 33, 255, 0.8); -} - -.theme-color-purple .bg-color-theme-07 { - background: rgba(183, 33, 255, 0.7); -} - -.theme-color-purple .bg-color-theme-06 { - background: rgba(183, 33, 255, 0.6); -} - -.theme-color-purple .bg-color-theme-05 { - background: rgba(183, 33, 255, 0.5); -} - -.theme-color-purple .bg-color-theme-04 { - background: rgba(183, 33, 255, 0.4); -} - -.theme-color-purple .bg-color-theme-03 { - background: rgba(183, 33, 255, 0.3); -} - -.theme-color-purple .bg-color-theme-02 { - background: rgba(183, 33, 255, 0.2); -} - -.theme-color-purple .bg-color-theme-01 { - background: rgba(183, 33, 255, 0.1); -} - -.theme-color-purple .bg-light-theme { - background: #F5E4FF; -} - -.theme-color-purple .button-theme { - background: #B721FF; -} - -.theme-color-purple .button-outline-theme { - border-color: #B721FF; - color: #B721FF; -} - -.theme-color-purple .button-outline-theme:hover, .theme-color-purple .button-outline-theme:focus { - background: #B721FF; - color: white; -} - -.theme-color-purple .button-circle-theme { - background: #B721FF; -} - -.theme-color-purple .button-circle-outline-theme { - border-color: #B721FF; - color: #B721FF; -} - -.theme-color-purple .button-circle-outline-theme:hover, .theme-color-purple .button-circle-outline-theme:focus { - background: #B721FF; -} - -.theme-color-purple .button-backdrop-color-theme { - background: #B721FF; -} - -.theme-color-purple .button-text-theme.button-text-1, .theme-color-purple .button-text-theme.button-text-2, .theme-color-purple .button-text-theme.button-text-3 { - color: #B721FF; -} - -.theme-color-purple .button-text-theme.button-text-1:hover, .theme-color-purple .button-text-theme.button-text-2:hover, .theme-color-purple .button-text-theme.button-text-3:hover { - color: #B721FF; -} - -.theme-color-purple .button-text-theme.button-text-1:before { - background: rgba(183, 33, 255, 0.3); -} - -.theme-color-purple .button-text-theme.button-text-1:after { - background: #B721FF; -} - -.theme-color-purple .button-text-theme.button-text-2:before { - background: rgba(183, 33, 255, 0.1); -} - -.theme-color-purple .button-text-theme.button-text-2:after { - background: #B721FF; -} - -.theme-color-purple .button-text-theme.button-text-3:before { - background: #B721FF; -} - -.theme-color-purple .button-text-theme.button-text-3:hover:before { - background: #B721FF; -} - -.theme-color-purple .bg-black .button-text-theme.button-text-1, .theme-color-purple .bg-black .button-text-theme.button-text-2, .theme-color-purple .bg-black .button-text-theme.button-text-3, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #B721FF; -} - -.theme-color-purple .bg-black .button-text-theme.button-text-1:hover, .theme-color-purple .bg-black .button-text-theme.button-text-2:hover, .theme-color-purple .bg-black .button-text-theme.button-text-3:hover, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #B721FF; -} - -.theme-color-purple .bg-black .button-text-theme.button-text-1:before, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(183, 33, 255, 0.3); -} - -.theme-color-purple .bg-black .button-text-theme.button-text-1:after, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #B721FF; -} - -.theme-color-purple .bg-black .button-text-theme.button-text-2:before, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(183, 33, 255, 0.3); -} - -.theme-color-purple .bg-black .button-text-theme.button-text-2:after, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #B721FF; -} - -.theme-color-purple .bg-black .button-text-theme.button-text-3:before, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #B721FF; -} - -.theme-color-purple .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #B721FF; -} - -.theme-color-purple .text-color-theme { - color: #B721FF; -} - -.theme-color-purple .progress-box.progress-theme .animated-progress div { - background: #B721FF; -} - -.theme-color-purple [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-purple [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-purple.preloader-theme .preloader-1 div .loader-path { - stroke: #B721FF; -} - -.theme-color-purple.preloader-theme .preloader-2 div span { - background: #B721FF; - background: linear-gradient(to right, #B721FF 10%, transparent 40%); -} - -.theme-color-purple.preloader-theme .preloader-2 div span:before { - background: #B721FF; -} - -.theme-color-purple.preloader-theme .preloader-3 div span:before, .theme-color-purple.preloader-theme .preloader-3 div span:after { - background: rgba(183, 33, 255, 0.2); -} - -.theme-color-purple .accordion li .accordion-title { - border-color: rgba(183, 33, 255, 0.1); -} - -.theme-color-purple .accordion li .accordion-title:before, .theme-color-purple .accordion li .accordion-title:after { - background: #B721FF; -} - -.theme-color-purple .accordion li .accordion-title h1, .theme-color-purple .accordion li .accordion-title h2, .theme-color-purple .accordion li .accordion-title h3, .theme-color-purple .accordion li .accordion-title h4, .theme-color-purple .accordion li .accordion-title h5, .theme-color-purple .accordion li .accordion-title h6 { - color: #B721FF; -} - -.theme-color-purple .accordion li.active .accordion-title { - border-color: #B721FF; -} - -.theme-color-purple .accordion.style-3 li .accordion-title { - background: #F5E4FF; -} - -.theme-color-purple .accordion.style-3 li.active .accordion-title { - background: #B721FF; - color: white; -} - -.theme-color-purple .accordion.style-3 li.active .accordion-title:before, .theme-color-purple .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-purple .accordion.style-3 li.active .accordion-title h1, .theme-color-purple .accordion.style-3 li.active .accordion-title h2, .theme-color-purple .accordion.style-3 li.active .accordion-title h3, .theme-color-purple .accordion.style-3 li.active .accordion-title h4, .theme-color-purple .accordion.style-3 li.active .accordion-title h5, .theme-color-purple .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-purple .bg-black .accordion li .accordion-title, -.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-purple .bg-black .accordion li .accordion-title:before, .theme-color-purple .bg-black .accordion li .accordion-title:after, -.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-purple .bg-black .accordion li.active .accordion-title, -.theme-color-purple [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #B721FF; -} - -.theme-color-purple .bg-black .accordion.style-3 li .accordion-title, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #B721FF; - color: white; -} - -.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-purple [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-purple [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-purple [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-purple .text-link-2:before, -.theme-color-purple .text-link-3:before, -.theme-color-purple .text-link-4:before { - background: #B721FF; -} - -.theme-color-purple .text-link-5:after, -.theme-color-purple .text-link-6:after, -.theme-color-purple .text-link-7:after { - background: #B721FF; -} - -.theme-color-purple .text-link-8:before { - background: rgba(183, 33, 255, 0.1); -} - -.theme-color-purple .bg-black .text-link-2:before, -.theme-color-purple .bg-black .text-link-3:before, -.theme-color-purple .bg-black .text-link-4:before, -.theme-color-purple [class*='bg-dark'] .text-link-2:before, -.theme-color-purple [class*='bg-dark'] .text-link-3:before, -.theme-color-purple [class*='bg-dark'] .text-link-4:before { - background: #B721FF; -} - -.theme-color-purple .bg-black .text-link-5:after, -.theme-color-purple .bg-black .text-link-6:after, -.theme-color-purple .bg-black .text-link-7:after, -.theme-color-purple [class*='bg-dark'] .text-link-5:after, -.theme-color-purple [class*='bg-dark'] .text-link-6:after, -.theme-color-purple [class*='bg-dark'] .text-link-7:after { - background: #B721FF; -} - -.theme-color-purple .bg-black .text-link-8:before, -.theme-color-purple [class*='bg-dark'] .text-link-8:before { - background: rgba(183, 33, 255, 0.1); -} - -.theme-color-purple [class*='bg-gradient'] .text-link-2:before, .theme-color-purple [class*='bg-gradient'] .text-link-3:before, .theme-color-purple [class*='bg-gradient'] .text-link-4:before, -.theme-color-purple [class*='bg-color'] .text-link-2:before, -.theme-color-purple [class*='bg-color'] .text-link-3:before, -.theme-color-purple [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-purple [class*='bg-gradient'] .text-link-5:before, .theme-color-purple [class*='bg-gradient'] .text-link-6:before, .theme-color-purple [class*='bg-gradient'] .text-link-7:before, -.theme-color-purple [class*='bg-color'] .text-link-5:before, -.theme-color-purple [class*='bg-color'] .text-link-6:before, -.theme-color-purple [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-purple [class*='bg-gradient'] .text-link-5:after, .theme-color-purple [class*='bg-gradient'] .text-link-6:after, .theme-color-purple [class*='bg-gradient'] .text-link-7:after, -.theme-color-purple [class*='bg-color'] .text-link-5:after, -.theme-color-purple [class*='bg-color'] .text-link-6:after, -.theme-color-purple [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-purple [class*='bg-gradient'] .text-link-8:before, -.theme-color-purple [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-purple .form-style-2 input:focus, .theme-color-purple .form-style-2 textarea:focus, .theme-color-purple .form-style-2 .custom-select:focus, .theme-color-purple .form-style-2 .form-control:focus, -.theme-color-purple .form-style-4 input:focus, -.theme-color-purple .form-style-4 textarea:focus, -.theme-color-purple .form-style-4 .custom-select:focus, -.theme-color-purple .form-style-4 .form-control:focus { - border-color: #B721FF; -} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-spring-red.css b/static/assets/css/theme-colors/theme-color-spring-red.css deleted file mode 100644 index 4c6ba71..0000000 --- a/static/assets/css/theme-colors/theme-color-spring-red.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - Spring Red -* --------------------------------------------------*/ -.theme-color-spring-red a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #BE1F35; -} - -.theme-color-spring-red [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-spring-red [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-spring-red .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-spring-red .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #BE1F35; -} - - -.theme-color-spring-red .bg-color-theme { - background: #BE1F35; -} - -.theme-color-spring-red .bg-color-theme-09 { - background: rgba(190, 31, 53, 0.9); -} - -.theme-color-spring-red .bg-color-theme-08 { - background: rgba(190, 31, 53, 0.8); -} - -.theme-color-spring-red .bg-color-theme-07 { - background: rgba(190, 31, 53, 0.7); -} - -.theme-color-spring-red .bg-color-theme-06 { - background: rgba(190, 31, 53, 0.6); -} - -.theme-color-spring-red .bg-color-theme-05 { - background: rgba(190, 31, 53, 0.5); -} - -.theme-color-spring-red .bg-color-theme-04 { - background: rgba(190, 31, 53, 0.4); -} - -.theme-color-spring-red .bg-color-theme-03 { - background: rgba(190, 31, 53, 0.3); -} - -.theme-color-spring-red .bg-color-theme-02 { - background: rgba(190, 31, 53, 0.2); -} - -.theme-color-spring-red .bg-color-theme-01 { - background: rgba(190, 31, 53, 0.1); -} - -.theme-color-spring-red .bg-light-theme { - background: #F7E5E7; -} - -.theme-color-spring-red .button-theme { - background: #BE1F35; -} - -.theme-color-spring-red .button-outline-theme { - border-color: #BE1F35; - color: #BE1F35; -} - -.theme-color-spring-red .button-outline-theme:hover, .theme-color-spring-red .button-outline-theme:focus { - background: #BE1F35; - color: white; -} - -.theme-color-spring-red .button-circle-theme { - background: #BE1F35; -} - -.theme-color-spring-red .button-circle-outline-theme { - border-color: #BE1F35; - color: #BE1F35; -} - -.theme-color-spring-red .button-circle-outline-theme:hover, .theme-color-spring-red .button-circle-outline-theme:focus { - background: #BE1F35; -} - -.theme-color-spring-red .button-backdrop-color-theme { - background: #BE1F35; -} - -.theme-color-spring-red .button-text-theme.button-text-1, .theme-color-spring-red .button-text-theme.button-text-2, .theme-color-spring-red .button-text-theme.button-text-3 { - color: #BE1F35; -} - -.theme-color-spring-red .button-text-theme.button-text-1:hover, .theme-color-spring-red .button-text-theme.button-text-2:hover, .theme-color-spring-red .button-text-theme.button-text-3:hover { - color: #BE1F35; -} - -.theme-color-spring-red .button-text-theme.button-text-1:before { - background: rgba(190, 31, 53, 0.3); -} - -.theme-color-spring-red .button-text-theme.button-text-1:after { - background: #BE1F35; -} - -.theme-color-spring-red .button-text-theme.button-text-2:before { - background: rgba(190, 31, 53, 0.1); -} - -.theme-color-spring-red .button-text-theme.button-text-2:after { - background: #BE1F35; -} - -.theme-color-spring-red .button-text-theme.button-text-3:before { - background: #BE1F35; -} - -.theme-color-spring-red .button-text-theme.button-text-3:hover:before { - background: #BE1F35; -} - -.theme-color-spring-red .bg-black .button-text-theme.button-text-1, .theme-color-spring-red .bg-black .button-text-theme.button-text-2, .theme-color-spring-red .bg-black .button-text-theme.button-text-3, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #BE1F35; -} - -.theme-color-spring-red .bg-black .button-text-theme.button-text-1:hover, .theme-color-spring-red .bg-black .button-text-theme.button-text-2:hover, .theme-color-spring-red .bg-black .button-text-theme.button-text-3:hover, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #BE1F35; -} - -.theme-color-spring-red .bg-black .button-text-theme.button-text-1:before, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(190, 31, 53, 0.3); -} - -.theme-color-spring-red .bg-black .button-text-theme.button-text-1:after, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #BE1F35; -} - -.theme-color-spring-red .bg-black .button-text-theme.button-text-2:before, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(190, 31, 53, 0.3); -} - -.theme-color-spring-red .bg-black .button-text-theme.button-text-2:after, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #BE1F35; -} - -.theme-color-spring-red .bg-black .button-text-theme.button-text-3:before, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #BE1F35; -} - -.theme-color-spring-red .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #BE1F35; -} - -.theme-color-spring-red .text-color-theme { - color: #BE1F35; -} - -.theme-color-spring-red .progress-box.progress-theme .animated-progress div { - background: #BE1F35; -} - -.theme-color-spring-red [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-spring-red [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-spring-red.preloader-theme .preloader-1 div .loader-path { - stroke: #BE1F35; -} - -.theme-color-spring-red.preloader-theme .preloader-2 div span { - background: #BE1F35; - background: linear-gradient(to right, #BE1F35 10%, transparent 40%); -} - -.theme-color-spring-red.preloader-theme .preloader-2 div span:before { - background: #BE1F35; -} - -.theme-color-spring-red.preloader-theme .preloader-3 div span:before, .theme-color-spring-red.preloader-theme .preloader-3 div span:after { - background: rgba(190, 31, 53, 0.2); -} - -.theme-color-spring-red .accordion li .accordion-title { - border-color: rgba(190, 31, 53, 0.1); -} - -.theme-color-spring-red .accordion li .accordion-title:before, .theme-color-spring-red .accordion li .accordion-title:after { - background: #BE1F35; -} - -.theme-color-spring-red .accordion li .accordion-title h1, .theme-color-spring-red .accordion li .accordion-title h2, .theme-color-spring-red .accordion li .accordion-title h3, .theme-color-spring-red .accordion li .accordion-title h4, .theme-color-spring-red .accordion li .accordion-title h5, .theme-color-spring-red .accordion li .accordion-title h6 { - color: #BE1F35; -} - -.theme-color-spring-red .accordion li.active .accordion-title { - border-color: #BE1F35; -} - -.theme-color-spring-red .accordion.style-3 li .accordion-title { - background: #F7E5E7; -} - -.theme-color-spring-red .accordion.style-3 li.active .accordion-title { - background: #BE1F35; - color: white; -} - -.theme-color-spring-red .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-spring-red .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-spring-red .bg-black .accordion li .accordion-title, -.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-spring-red .bg-black .accordion li .accordion-title:before, .theme-color-spring-red .bg-black .accordion li .accordion-title:after, -.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-spring-red .bg-black .accordion li.active .accordion-title, -.theme-color-spring-red [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #BE1F35; -} - -.theme-color-spring-red .bg-black .accordion.style-3 li .accordion-title, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #BE1F35; - color: white; -} - -.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-spring-red [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-spring-red .text-link-2:before, -.theme-color-spring-red .text-link-3:before, -.theme-color-spring-red .text-link-4:before { - background: #BE1F35; -} - -.theme-color-spring-red .text-link-5:after, -.theme-color-spring-red .text-link-6:after, -.theme-color-spring-red .text-link-7:after { - background: #BE1F35; -} - -.theme-color-spring-red .text-link-8:before { - background: rgba(190, 31, 53, 0.1); -} - -.theme-color-spring-red .bg-black .text-link-2:before, -.theme-color-spring-red .bg-black .text-link-3:before, -.theme-color-spring-red .bg-black .text-link-4:before, -.theme-color-spring-red [class*='bg-dark'] .text-link-2:before, -.theme-color-spring-red [class*='bg-dark'] .text-link-3:before, -.theme-color-spring-red [class*='bg-dark'] .text-link-4:before { - background: #BE1F35; -} - -.theme-color-spring-red .bg-black .text-link-5:after, -.theme-color-spring-red .bg-black .text-link-6:after, -.theme-color-spring-red .bg-black .text-link-7:after, -.theme-color-spring-red [class*='bg-dark'] .text-link-5:after, -.theme-color-spring-red [class*='bg-dark'] .text-link-6:after, -.theme-color-spring-red [class*='bg-dark'] .text-link-7:after { - background: #BE1F35; -} - -.theme-color-spring-red .bg-black .text-link-8:before, -.theme-color-spring-red [class*='bg-dark'] .text-link-8:before { - background: rgba(190, 31, 53, 0.1); -} - -.theme-color-spring-red [class*='bg-gradient'] .text-link-2:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-3:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-4:before, -.theme-color-spring-red [class*='bg-color'] .text-link-2:before, -.theme-color-spring-red [class*='bg-color'] .text-link-3:before, -.theme-color-spring-red [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-spring-red [class*='bg-gradient'] .text-link-5:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-6:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-7:before, -.theme-color-spring-red [class*='bg-color'] .text-link-5:before, -.theme-color-spring-red [class*='bg-color'] .text-link-6:before, -.theme-color-spring-red [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-spring-red [class*='bg-gradient'] .text-link-5:after, .theme-color-spring-red [class*='bg-gradient'] .text-link-6:after, .theme-color-spring-red [class*='bg-gradient'] .text-link-7:after, -.theme-color-spring-red [class*='bg-color'] .text-link-5:after, -.theme-color-spring-red [class*='bg-color'] .text-link-6:after, -.theme-color-spring-red [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-spring-red [class*='bg-gradient'] .text-link-8:before, -.theme-color-spring-red [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-spring-red .form-style-2 input:focus, .theme-color-spring-red .form-style-2 textarea:focus, .theme-color-spring-red .form-style-2 .custom-select:focus, .theme-color-spring-red .form-style-2 .form-control:focus, -.theme-color-spring-red .form-style-4 input:focus, -.theme-color-spring-red .form-style-4 textarea:focus, -.theme-color-spring-red .form-style-4 .custom-select:focus, -.theme-color-spring-red .form-style-4 .form-control:focus { - border-color: #BE1F35; -} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-tan.css b/static/assets/css/theme-colors/theme-color-tan.css deleted file mode 100644 index 0dc6add..0000000 --- a/static/assets/css/theme-colors/theme-color-tan.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - Tan -* --------------------------------------------------*/ -.theme-color-tan a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #d2b48c; -} - -.theme-color-tan [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-tan [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-tan .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-tan .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #d2b48c; -} - - -.theme-color-tan .bg-color-theme { - background: #d2b48c; -} - -.theme-color-tan .bg-color-theme-09 { - background: rgba(210, 180, 140, 0.9); -} - -.theme-color-tan .bg-color-theme-08 { - background: rgba(210, 180, 140, 0.8); -} - -.theme-color-tan .bg-color-theme-07 { - background: rgba(210, 180, 140, 0.7); -} - -.theme-color-tan .bg-color-theme-06 { - background: rgba(210, 180, 140, 0.6); -} - -.theme-color-tan .bg-color-theme-05 { - background: rgba(210, 180, 140, 0.5); -} - -.theme-color-tan .bg-color-theme-04 { - background: rgba(210, 180, 140, 0.4); -} - -.theme-color-tan .bg-color-theme-03 { - background: rgba(210, 180, 140, 0.3); -} - -.theme-color-tan .bg-color-theme-02 { - background: rgba(210, 180, 140, 0.2); -} - -.theme-color-tan .bg-color-theme-01 { - background: rgba(210, 180, 140, 0.1); -} - -.theme-color-tan .bg-light-theme { - background: #f6f0e8; -} - -.theme-color-tan .button-theme { - background: #d2b48c; -} - -.theme-color-tan .button-outline-theme { - border-color: #d2b48c; - color: #d2b48c; -} - -.theme-color-tan .button-outline-theme:hover, .theme-color-tan .button-outline-theme:focus { - background: #d2b48c; - color: white; -} - -.theme-color-tan .button-circle-theme { - background: #d2b48c; -} - -.theme-color-tan .button-circle-outline-theme { - border-color: #d2b48c; - color: #d2b48c; -} - -.theme-color-tan .button-circle-outline-theme:hover, .theme-color-tan .button-circle-outline-theme:focus { - background: #d2b48c; -} - -.theme-color-tan .button-backdrop-color-theme { - background: #d2b48c; -} - -.theme-color-tan .button-text-theme.button-text-1, .theme-color-tan .button-text-theme.button-text-2, .theme-color-tan .button-text-theme.button-text-3 { - color: #d2b48c; -} - -.theme-color-tan .button-text-theme.button-text-1:hover, .theme-color-tan .button-text-theme.button-text-2:hover, .theme-color-tan .button-text-theme.button-text-3:hover { - color: #d2b48c; -} - -.theme-color-tan .button-text-theme.button-text-1:before { - background: rgba(210, 180, 140, 0.3); -} - -.theme-color-tan .button-text-theme.button-text-1:after { - background: #d2b48c; -} - -.theme-color-tan .button-text-theme.button-text-2:before { - background: rgba(210, 180, 140, 0.1); -} - -.theme-color-tan .button-text-theme.button-text-2:after { - background: #d2b48c; -} - -.theme-color-tan .button-text-theme.button-text-3:before { - background: #d2b48c; -} - -.theme-color-tan .button-text-theme.button-text-3:hover:before { - background: #d2b48c; -} - -.theme-color-tan .bg-black .button-text-theme.button-text-1, .theme-color-tan .bg-black .button-text-theme.button-text-2, .theme-color-tan .bg-black .button-text-theme.button-text-3, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #d2b48c; -} - -.theme-color-tan .bg-black .button-text-theme.button-text-1:hover, .theme-color-tan .bg-black .button-text-theme.button-text-2:hover, .theme-color-tan .bg-black .button-text-theme.button-text-3:hover, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #d2b48c; -} - -.theme-color-tan .bg-black .button-text-theme.button-text-1:before, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(210, 180, 140, 0.3); -} - -.theme-color-tan .bg-black .button-text-theme.button-text-1:after, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #d2b48c; -} - -.theme-color-tan .bg-black .button-text-theme.button-text-2:before, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(210, 180, 140, 0.3); -} - -.theme-color-tan .bg-black .button-text-theme.button-text-2:after, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #d2b48c; -} - -.theme-color-tan .bg-black .button-text-theme.button-text-3:before, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #d2b48c; -} - -.theme-color-tan .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #d2b48c; -} - -.theme-color-tan .text-color-theme { - color: #d2b48c; -} - -.theme-color-tan .progress-box.progress-theme .animated-progress div { - background: #d2b48c; -} - -.theme-color-tan [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-tan [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-tan.preloader-theme .preloader-1 div .loader-path { - stroke: #d2b48c; -} - -.theme-color-tan.preloader-theme .preloader-2 div span { - background: #d2b48c; - background: linear-gradient(to right, #d2b48c 10%, transparent 40%); -} - -.theme-color-tan.preloader-theme .preloader-2 div span:before { - background: #d2b48c; -} - -.theme-color-tan.preloader-theme .preloader-3 div span:before, .theme-color-tan.preloader-theme .preloader-3 div span:after { - background: rgba(210, 180, 140, 0.2); -} - -.theme-color-tan .accordion li .accordion-title { - border-color: rgba(210, 180, 140, 0.1); -} - -.theme-color-tan .accordion li .accordion-title:before, .theme-color-tan .accordion li .accordion-title:after { - background: #d2b48c; -} - -.theme-color-tan .accordion li .accordion-title h1, .theme-color-tan .accordion li .accordion-title h2, .theme-color-tan .accordion li .accordion-title h3, .theme-color-tan .accordion li .accordion-title h4, .theme-color-tan .accordion li .accordion-title h5, .theme-color-tan .accordion li .accordion-title h6 { - color: #d2b48c; -} - -.theme-color-tan .accordion li.active .accordion-title { - border-color: #d2b48c; -} - -.theme-color-tan .accordion.style-3 li .accordion-title { - background: #f6f0e8; -} - -.theme-color-tan .accordion.style-3 li.active .accordion-title { - background: #d2b48c; - color: white; -} - -.theme-color-tan .accordion.style-3 li.active .accordion-title:before, .theme-color-tan .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-tan .accordion.style-3 li.active .accordion-title h1, .theme-color-tan .accordion.style-3 li.active .accordion-title h2, .theme-color-tan .accordion.style-3 li.active .accordion-title h3, .theme-color-tan .accordion.style-3 li.active .accordion-title h4, .theme-color-tan .accordion.style-3 li.active .accordion-title h5, .theme-color-tan .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-tan .bg-black .accordion li .accordion-title, -.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-tan .bg-black .accordion li .accordion-title:before, .theme-color-tan .bg-black .accordion li .accordion-title:after, -.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-tan .bg-black .accordion li.active .accordion-title, -.theme-color-tan [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #d2b48c; -} - -.theme-color-tan .bg-black .accordion.style-3 li .accordion-title, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #d2b48c; - color: white; -} - -.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-tan [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-tan [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-tan [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-tan .text-link-2:before, -.theme-color-tan .text-link-3:before, -.theme-color-tan .text-link-4:before { - background: #d2b48c; -} - -.theme-color-tan .text-link-5:after, -.theme-color-tan .text-link-6:after, -.theme-color-tan .text-link-7:after { - background: #d2b48c; -} - -.theme-color-tan .text-link-8:before { - background: rgba(210, 180, 140, 0.1); -} - -.theme-color-tan .bg-black .text-link-2:before, -.theme-color-tan .bg-black .text-link-3:before, -.theme-color-tan .bg-black .text-link-4:before, -.theme-color-tan [class*='bg-dark'] .text-link-2:before, -.theme-color-tan [class*='bg-dark'] .text-link-3:before, -.theme-color-tan [class*='bg-dark'] .text-link-4:before { - background: #d2b48c; -} - -.theme-color-tan .bg-black .text-link-5:after, -.theme-color-tan .bg-black .text-link-6:after, -.theme-color-tan .bg-black .text-link-7:after, -.theme-color-tan [class*='bg-dark'] .text-link-5:after, -.theme-color-tan [class*='bg-dark'] .text-link-6:after, -.theme-color-tan [class*='bg-dark'] .text-link-7:after { - background: #d2b48c; -} - -.theme-color-tan .bg-black .text-link-8:before, -.theme-color-tan [class*='bg-dark'] .text-link-8:before { - background: rgba(210, 180, 140, 0.1); -} - -.theme-color-tan [class*='bg-gradient'] .text-link-2:before, .theme-color-tan [class*='bg-gradient'] .text-link-3:before, .theme-color-tan [class*='bg-gradient'] .text-link-4:before, -.theme-color-tan [class*='bg-color'] .text-link-2:before, -.theme-color-tan [class*='bg-color'] .text-link-3:before, -.theme-color-tan [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-tan [class*='bg-gradient'] .text-link-5:before, .theme-color-tan [class*='bg-gradient'] .text-link-6:before, .theme-color-tan [class*='bg-gradient'] .text-link-7:before, -.theme-color-tan [class*='bg-color'] .text-link-5:before, -.theme-color-tan [class*='bg-color'] .text-link-6:before, -.theme-color-tan [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-tan [class*='bg-gradient'] .text-link-5:after, .theme-color-tan [class*='bg-gradient'] .text-link-6:after, .theme-color-tan [class*='bg-gradient'] .text-link-7:after, -.theme-color-tan [class*='bg-color'] .text-link-5:after, -.theme-color-tan [class*='bg-color'] .text-link-6:after, -.theme-color-tan [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-tan [class*='bg-gradient'] .text-link-8:before, -.theme-color-tan [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-tan .form-style-2 input:focus, .theme-color-tan .form-style-2 textarea:focus, .theme-color-tan .form-style-2 .custom-select:focus, .theme-color-tan .form-style-2 .form-control:focus, -.theme-color-tan .form-style-4 input:focus, -.theme-color-tan .form-style-4 textarea:focus, -.theme-color-tan .form-style-4 .custom-select:focus, -.theme-color-tan .form-style-4 .form-control:focus { - border-color: #d2b48c; -} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-turquoise.css b/static/assets/css/theme-colors/theme-color-turquoise.css deleted file mode 100644 index adba2dd..0000000 --- a/static/assets/css/theme-colors/theme-color-turquoise.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - turquoise -* --------------------------------------------------*/ -.theme-color-turquoise a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #4cbfa6; -} - -.theme-color-turquoise [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-turquoise [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-turquoise .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-turquoise .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #4cbfa6; -} - - -.theme-color-turquoise .bg-color-theme { - background: #4cbfa6; -} - -.theme-color-turquoise .bg-color-theme-09 { - background: rgba(76, 191, 166, 0.9); -} - -.theme-color-turquoise .bg-color-theme-08 { - background: rgba(76, 191, 166, 0.8); -} - -.theme-color-turquoise .bg-color-theme-07 { - background: rgba(76, 191, 166, 0.7); -} - -.theme-color-turquoise .bg-color-theme-06 { - background: rgba(76, 191, 166, 0.6); -} - -.theme-color-turquoise .bg-color-theme-05 { - background: rgba(76, 191, 166, 0.5); -} - -.theme-color-turquoise .bg-color-theme-04 { - background: rgba(76, 191, 166, 0.4); -} - -.theme-color-turquoise .bg-color-theme-03 { - background: rgba(76, 191, 166, 0.3); -} - -.theme-color-turquoise .bg-color-theme-02 { - background: rgba(76, 191, 166, 0.2); -} - -.theme-color-turquoise .bg-color-theme-01 { - background: rgba(76, 191, 166, 0.1); -} - -.theme-color-turquoise .bg-light-theme { - background: #E2F4F0; -} - -.theme-color-turquoise .button-theme { - background: #4cbfa6; -} - -.theme-color-turquoise .button-outline-theme { - border-color: #4cbfa6; - color: #4cbfa6; -} - -.theme-color-turquoise .button-outline-theme:hover, .theme-color-turquoise .button-outline-theme:focus { - background: #4cbfa6; - color: white; -} - -.theme-color-turquoise .button-circle-theme { - background: #4cbfa6; -} - -.theme-color-turquoise .button-circle-outline-theme { - border-color: #4cbfa6; - color: #4cbfa6; -} - -.theme-color-turquoise .button-circle-outline-theme:hover, .theme-color-turquoise .button-circle-outline-theme:focus { - background: #4cbfa6; -} - -.theme-color-turquoise .button-backdrop-color-theme { - background: #4cbfa6; -} - -.theme-color-turquoise .button-text-theme.button-text-1, .theme-color-turquoise .button-text-theme.button-text-2, .theme-color-turquoise .button-text-theme.button-text-3 { - color: #4cbfa6; -} - -.theme-color-turquoise .button-text-theme.button-text-1:hover, .theme-color-turquoise .button-text-theme.button-text-2:hover, .theme-color-turquoise .button-text-theme.button-text-3:hover { - color: #4cbfa6; -} - -.theme-color-turquoise .button-text-theme.button-text-1:before { - background: rgba(76, 191, 166, 0.3); -} - -.theme-color-turquoise .button-text-theme.button-text-1:after { - background: #4cbfa6; -} - -.theme-color-turquoise .button-text-theme.button-text-2:before { - background: rgba(76, 191, 166, 0.1); -} - -.theme-color-turquoise .button-text-theme.button-text-2:after { - background: #4cbfa6; -} - -.theme-color-turquoise .button-text-theme.button-text-3:before { - background: #4cbfa6; -} - -.theme-color-turquoise .button-text-theme.button-text-3:hover:before { - background: #4cbfa6; -} - -.theme-color-turquoise .bg-black .button-text-theme.button-text-1, .theme-color-turquoise .bg-black .button-text-theme.button-text-2, .theme-color-turquoise .bg-black .button-text-theme.button-text-3, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #4cbfa6; -} - -.theme-color-turquoise .bg-black .button-text-theme.button-text-1:hover, .theme-color-turquoise .bg-black .button-text-theme.button-text-2:hover, .theme-color-turquoise .bg-black .button-text-theme.button-text-3:hover, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #4cbfa6; -} - -.theme-color-turquoise .bg-black .button-text-theme.button-text-1:before, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(76, 191, 166, 0.3); -} - -.theme-color-turquoise .bg-black .button-text-theme.button-text-1:after, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #4cbfa6; -} - -.theme-color-turquoise .bg-black .button-text-theme.button-text-2:before, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(76, 191, 166, 0.3); -} - -.theme-color-turquoise .bg-black .button-text-theme.button-text-2:after, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #4cbfa6; -} - -.theme-color-turquoise .bg-black .button-text-theme.button-text-3:before, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #4cbfa6; -} - -.theme-color-turquoise .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #4cbfa6; -} - -.theme-color-turquoise .text-color-theme { - color: #4cbfa6; -} - -.theme-color-turquoise .progress-box.progress-theme .animated-progress div { - background: #4cbfa6; -} - -.theme-color-turquoise [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-turquoise [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-turquoise.preloader-theme .preloader-1 div .loader-path { - stroke: #4cbfa6; -} - -.theme-color-turquoise.preloader-theme .preloader-2 div span { - background: #4cbfa6; - background: linear-gradient(to right, #4cbfa6 10%, transparent 40%); -} - -.theme-color-turquoise.preloader-theme .preloader-2 div span:before { - background: #4cbfa6; -} - -.theme-color-turquoise.preloader-theme .preloader-3 div span:before, .theme-color-turquoise.preloader-theme .preloader-3 div span:after { - background: rgba(76, 191, 166, 0.2); -} - -.theme-color-turquoise .accordion li .accordion-title { - border-color: rgba(76, 191, 166, 0.1); -} - -.theme-color-turquoise .accordion li .accordion-title:before, .theme-color-turquoise .accordion li .accordion-title:after { - background: #4cbfa6; -} - -.theme-color-turquoise .accordion li .accordion-title h1, .theme-color-turquoise .accordion li .accordion-title h2, .theme-color-turquoise .accordion li .accordion-title h3, .theme-color-turquoise .accordion li .accordion-title h4, .theme-color-turquoise .accordion li .accordion-title h5, .theme-color-turquoise .accordion li .accordion-title h6 { - color: #4cbfa6; -} - -.theme-color-turquoise .accordion li.active .accordion-title { - border-color: #4cbfa6; -} - -.theme-color-turquoise .accordion.style-3 li .accordion-title { - background: #E2F4F0; -} - -.theme-color-turquoise .accordion.style-3 li.active .accordion-title { - background: #4cbfa6; - color: white; -} - -.theme-color-turquoise .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-turquoise .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-turquoise .bg-black .accordion li .accordion-title, -.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-turquoise .bg-black .accordion li .accordion-title:before, .theme-color-turquoise .bg-black .accordion li .accordion-title:after, -.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-turquoise .bg-black .accordion li.active .accordion-title, -.theme-color-turquoise [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #4cbfa6; -} - -.theme-color-turquoise .bg-black .accordion.style-3 li .accordion-title, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #4cbfa6; - color: white; -} - -.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-turquoise [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-turquoise .text-link-2:before, -.theme-color-turquoise .text-link-3:before, -.theme-color-turquoise .text-link-4:before { - background: #4cbfa6; -} - -.theme-color-turquoise .text-link-5:after, -.theme-color-turquoise .text-link-6:after, -.theme-color-turquoise .text-link-7:after { - background: #4cbfa6; -} - -.theme-color-turquoise .text-link-8:before { - background: rgba(76, 191, 166, 0.1); -} - -.theme-color-turquoise .bg-black .text-link-2:before, -.theme-color-turquoise .bg-black .text-link-3:before, -.theme-color-turquoise .bg-black .text-link-4:before, -.theme-color-turquoise [class*='bg-dark'] .text-link-2:before, -.theme-color-turquoise [class*='bg-dark'] .text-link-3:before, -.theme-color-turquoise [class*='bg-dark'] .text-link-4:before { - background: #4cbfa6; -} - -.theme-color-turquoise .bg-black .text-link-5:after, -.theme-color-turquoise .bg-black .text-link-6:after, -.theme-color-turquoise .bg-black .text-link-7:after, -.theme-color-turquoise [class*='bg-dark'] .text-link-5:after, -.theme-color-turquoise [class*='bg-dark'] .text-link-6:after, -.theme-color-turquoise [class*='bg-dark'] .text-link-7:after { - background: #4cbfa6; -} - -.theme-color-turquoise .bg-black .text-link-8:before, -.theme-color-turquoise [class*='bg-dark'] .text-link-8:before { - background: rgba(76, 191, 166, 0.1); -} - -.theme-color-turquoise [class*='bg-gradient'] .text-link-2:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-3:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-4:before, -.theme-color-turquoise [class*='bg-color'] .text-link-2:before, -.theme-color-turquoise [class*='bg-color'] .text-link-3:before, -.theme-color-turquoise [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-turquoise [class*='bg-gradient'] .text-link-5:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-6:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-7:before, -.theme-color-turquoise [class*='bg-color'] .text-link-5:before, -.theme-color-turquoise [class*='bg-color'] .text-link-6:before, -.theme-color-turquoise [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-turquoise [class*='bg-gradient'] .text-link-5:after, .theme-color-turquoise [class*='bg-gradient'] .text-link-6:after, .theme-color-turquoise [class*='bg-gradient'] .text-link-7:after, -.theme-color-turquoise [class*='bg-color'] .text-link-5:after, -.theme-color-turquoise [class*='bg-color'] .text-link-6:after, -.theme-color-turquoise [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-turquoise [class*='bg-gradient'] .text-link-8:before, -.theme-color-turquoise [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-turquoise .form-style-2 input:focus, .theme-color-turquoise .form-style-2 textarea:focus, .theme-color-turquoise .form-style-2 .custom-select:focus, .theme-color-turquoise .form-style-2 .form-control:focus, -.theme-color-turquoise .form-style-4 input:focus, -.theme-color-turquoise .form-style-4 textarea:focus, -.theme-color-turquoise .form-style-4 .custom-select:focus, -.theme-color-turquoise .form-style-4 .form-control:focus { - border-color: #4cbfa6; -} \ No newline at end of file diff --git a/static/assets/css/theme-colors/theme-color-very-peri.css b/static/assets/css/theme-colors/theme-color-very-peri.css deleted file mode 100644 index 47b3ae8..0000000 --- a/static/assets/css/theme-colors/theme-color-very-peri.css +++ /dev/null @@ -1,412 +0,0 @@ -/*------------------------------------------------ -* -* Theme Color - Very Peri -* --------------------------------------------------*/ -.theme-color-very-peri a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: #6667AB; -} - -.theme-color-very-peri [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover, -.theme-color-very-peri [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover { - color: white; -} - - -.theme-color-very-peri .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-very-peri .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #6667AB; -} - - -.theme-color-very-peri .bg-color-theme { - background: #6667AB; -} - -.theme-color-very-peri .bg-color-theme-09 { - background: rgba(102, 103, 171, 0.9); -} - -.theme-color-very-peri .bg-color-theme-08 { - background: rgba(102, 103, 171, 0.8); -} - -.theme-color-very-peri .bg-color-theme-07 { - background: rgba(102, 103, 171, 0.7); -} - -.theme-color-very-peri .bg-color-theme-06 { - background: rgba(102, 103, 171, 0.6); -} - -.theme-color-very-peri .bg-color-theme-05 { - background: rgba(102, 103, 171, 0.5); -} - -.theme-color-very-peri .bg-color-theme-04 { - background: rgba(102, 103, 171, 0.4); -} - -.theme-color-very-peri .bg-color-theme-03 { - background: rgba(102, 103, 171, 0.3); -} - -.theme-color-very-peri .bg-color-theme-02 { - background: rgba(102, 103, 171, 0.2); -} - -.theme-color-very-peri .bg-color-theme-01 { - background: rgba(102, 103, 171, 0.1); -} - -.theme-color-very-peri .bg-light-theme { - background: #EDEDF5; -} - -.theme-color-very-peri .button-theme { - background: #6667AB; -} - -.theme-color-very-peri .button-outline-theme { - border-color: #6667AB; - color: #6667AB; -} - -.theme-color-very-peri .button-outline-theme:hover, .theme-color-very-peri .button-outline-theme:focus { - background: #6667AB; - color: white; -} - -.theme-color-very-peri .button-circle-theme { - background: #6667AB; -} - -.theme-color-very-peri .button-circle-outline-theme { - border-color: #6667AB; - color: #6667AB; -} - -.theme-color-very-peri .button-circle-outline-theme:hover, .theme-color-very-peri .button-circle-outline-theme:focus { - background: #6667AB; -} - -.theme-color-very-peri .button-backdrop-color-theme { - background: #6667AB; -} - -.theme-color-very-peri .button-text-theme.button-text-1, .theme-color-very-peri .button-text-theme.button-text-2, .theme-color-very-peri .button-text-theme.button-text-3 { - color: #6667AB; -} - -.theme-color-very-peri .button-text-theme.button-text-1:hover, .theme-color-very-peri .button-text-theme.button-text-2:hover, .theme-color-very-peri .button-text-theme.button-text-3:hover { - color: #6667AB; -} - -.theme-color-very-peri .button-text-theme.button-text-1:before { - background: rgba(102, 103, 171, 0.3); -} - -.theme-color-very-peri .button-text-theme.button-text-1:after { - background: #6667AB; -} - -.theme-color-very-peri .button-text-theme.button-text-2:before { - background: rgba(102, 103, 171, 0.1); -} - -.theme-color-very-peri .button-text-theme.button-text-2:after { - background: #6667AB; -} - -.theme-color-very-peri .button-text-theme.button-text-3:before { - background: #6667AB; -} - -.theme-color-very-peri .button-text-theme.button-text-3:hover:before { - background: #6667AB; -} - -.theme-color-very-peri .bg-black .button-text-theme.button-text-1, .theme-color-very-peri .bg-black .button-text-theme.button-text-2, .theme-color-very-peri .bg-black .button-text-theme.button-text-3, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3 { - color: #6667AB; -} - -.theme-color-very-peri .bg-black .button-text-theme.button-text-1:hover, .theme-color-very-peri .bg-black .button-text-theme.button-text-2:hover, .theme-color-very-peri .bg-black .button-text-theme.button-text-3:hover, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:hover, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:hover, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:hover { - color: #6667AB; -} - -.theme-color-very-peri .bg-black .button-text-theme.button-text-1:before, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:before { - background: rgba(102, 103, 171, 0.3); -} - -.theme-color-very-peri .bg-black .button-text-theme.button-text-1:after, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:after { - background: #6667AB; -} - -.theme-color-very-peri .bg-black .button-text-theme.button-text-2:before, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:before { - background: rgba(102, 103, 171, 0.3); -} - -.theme-color-very-peri .bg-black .button-text-theme.button-text-2:after, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:after { - background: #6667AB; -} - -.theme-color-very-peri .bg-black .button-text-theme.button-text-3:before, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:before { - background: #6667AB; -} - -.theme-color-very-peri .bg-black .button-text-theme.button-text-3:hover:before, -.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:hover:before { - background: #6667AB; -} - -.theme-color-very-peri .text-color-theme { - color: #6667AB; -} - -.theme-color-very-peri .progress-box.progress-theme .animated-progress div { - background: #6667AB; -} - -.theme-color-very-peri [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div, -.theme-color-very-peri [class*='bg-color'] .progress-box.progress-theme .animated-progress div { - background: white; -} - -.theme-color-very-peri.preloader-theme .preloader-1 div .loader-path { - stroke: #6667AB; -} - -.theme-color-very-peri.preloader-theme .preloader-2 div span { - background: #6667AB; - background: linear-gradient(to right, #6667AB 10%, transparent 40%); -} - -.theme-color-very-peri.preloader-theme .preloader-2 div span:before { - background: #6667AB; -} - -.theme-color-very-peri.preloader-theme .preloader-3 div span:before, .theme-color-very-peri.preloader-theme .preloader-3 div span:after { - background: rgba(102, 103, 171, 0.2); -} - -.theme-color-very-peri .accordion li .accordion-title { - border-color: rgba(102, 103, 171, 0.1); -} - -.theme-color-very-peri .accordion li .accordion-title:before, .theme-color-very-peri .accordion li .accordion-title:after { - background: #6667AB; -} - -.theme-color-very-peri .accordion li .accordion-title h1, .theme-color-very-peri .accordion li .accordion-title h2, .theme-color-very-peri .accordion li .accordion-title h3, .theme-color-very-peri .accordion li .accordion-title h4, .theme-color-very-peri .accordion li .accordion-title h5, .theme-color-very-peri .accordion li .accordion-title h6 { - color: #6667AB; -} - -.theme-color-very-peri .accordion li.active .accordion-title { - border-color: #6667AB; -} - -.theme-color-very-peri .accordion.style-3 li .accordion-title { - background: #EDEDF5; -} - -.theme-color-very-peri .accordion.style-3 li.active .accordion-title { - background: #6667AB; - color: white; -} - -.theme-color-very-peri .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-very-peri .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-very-peri .bg-black .accordion li .accordion-title, -.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-very-peri .bg-black .accordion li .accordion-title:before, .theme-color-very-peri .bg-black .accordion li .accordion-title:after, -.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title:before, -.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-very-peri .bg-black .accordion li.active .accordion-title, -.theme-color-very-peri [class*='bg-dark'] .accordion li.active .accordion-title { - border-color: #6667AB; -} - -.theme-color-very-peri .bg-black .accordion.style-3 li .accordion-title, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title { - background: #6667AB; - color: white; -} - -.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title:after, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after { - background: white; -} - -.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h6, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 { - color: white; -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title { - border-color: rgba(255, 255, 255, 0.2); -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h6, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h1, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h2, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h3, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h4, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h5, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h6 { - color: white; -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title:after, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title:before, -.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title:after { - background: white; -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion li.active .accordion-title, -.theme-color-very-peri [class*='bg-color'] .accordion li.active .accordion-title { - border-color: white; -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title { - background: rgba(255, 255, 255, 0.1); -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h1, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h2, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h3, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h4, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h5, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h6 { - color: white; -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title { - background: white; - color: #7C7C7C; -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after { - background: black; -} - -.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5, -.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 { - color: black; -} - -.theme-color-very-peri .text-link-2:before, -.theme-color-very-peri .text-link-3:before, -.theme-color-very-peri .text-link-4:before { - background: #6667AB; -} - -.theme-color-very-peri .text-link-5:after, -.theme-color-very-peri .text-link-6:after, -.theme-color-very-peri .text-link-7:after { - background: #6667AB; -} - -.theme-color-very-peri .text-link-8:before { - background: rgba(102, 103, 171, 0.1); -} - -.theme-color-very-peri .bg-black .text-link-2:before, -.theme-color-very-peri .bg-black .text-link-3:before, -.theme-color-very-peri .bg-black .text-link-4:before, -.theme-color-very-peri [class*='bg-dark'] .text-link-2:before, -.theme-color-very-peri [class*='bg-dark'] .text-link-3:before, -.theme-color-very-peri [class*='bg-dark'] .text-link-4:before { - background: #6667AB; -} - -.theme-color-very-peri .bg-black .text-link-5:after, -.theme-color-very-peri .bg-black .text-link-6:after, -.theme-color-very-peri .bg-black .text-link-7:after, -.theme-color-very-peri [class*='bg-dark'] .text-link-5:after, -.theme-color-very-peri [class*='bg-dark'] .text-link-6:after, -.theme-color-very-peri [class*='bg-dark'] .text-link-7:after { - background: #6667AB; -} - -.theme-color-very-peri .bg-black .text-link-8:before, -.theme-color-very-peri [class*='bg-dark'] .text-link-8:before { - background: rgba(102, 103, 171, 0.1); -} - -.theme-color-very-peri [class*='bg-gradient'] .text-link-2:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-3:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-4:before, -.theme-color-very-peri [class*='bg-color'] .text-link-2:before, -.theme-color-very-peri [class*='bg-color'] .text-link-3:before, -.theme-color-very-peri [class*='bg-color'] .text-link-4:before { - background: white; -} - -.theme-color-very-peri [class*='bg-gradient'] .text-link-5:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-6:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-7:before, -.theme-color-very-peri [class*='bg-color'] .text-link-5:before, -.theme-color-very-peri [class*='bg-color'] .text-link-6:before, -.theme-color-very-peri [class*='bg-color'] .text-link-7:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-very-peri [class*='bg-gradient'] .text-link-5:after, .theme-color-very-peri [class*='bg-gradient'] .text-link-6:after, .theme-color-very-peri [class*='bg-gradient'] .text-link-7:after, -.theme-color-very-peri [class*='bg-color'] .text-link-5:after, -.theme-color-very-peri [class*='bg-color'] .text-link-6:after, -.theme-color-very-peri [class*='bg-color'] .text-link-7:after { - background: white; -} - -.theme-color-very-peri [class*='bg-gradient'] .text-link-8:before, -.theme-color-very-peri [class*='bg-color'] .text-link-8:before { - background: rgba(255, 255, 255, 0.3); -} - -.theme-color-very-peri .form-style-2 input:focus, .theme-color-very-peri .form-style-2 textarea:focus, .theme-color-very-peri .form-style-2 .custom-select:focus, .theme-color-very-peri .form-style-2 .form-control:focus, -.theme-color-very-peri .form-style-4 input:focus, -.theme-color-very-peri .form-style-4 textarea:focus, -.theme-color-very-peri .form-style-4 .custom-select:focus, -.theme-color-very-peri .form-style-4 .form-control:focus { - border-color: #6667AB; -} \ No newline at end of file diff --git a/static/assets/css/theme.css b/static/assets/css/theme.css index 2d38880..e936e33 100644 --- a/static/assets/css/theme.css +++ b/static/assets/css/theme.css @@ -1,11 +1,3 @@ -/*------------------------------------------------ -* -* Template name : Mono -* Version : 10.0.1 -* Author : FlaTheme -* Author URL : https://themeforest.net/user/flatheme -* --------------------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@200;300;400;500;600;700;800&display=swap"); html, body { width: 100%; @@ -48,8 +40,8 @@ body { } mark { - background: #eef2f6; - color: #121518; + background: rgb(238, 242, 246); + color: rgb(18, 21, 24); } iframe { @@ -65,9 +57,9 @@ pre { } .bg-black pre, -[class*='bg-dark'] pre, -[class*='bg-gradient-'] pre, -[class*='bg-color-'] pre { +[class*=bg-dark] pre, +[class*=bg-gradient-] pre, +[class*=bg-color-] pre { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } @@ -78,61 +70,50 @@ pre { border-left: 4px solid rgba(18, 21, 24, 0.1); padding: 16px 30px; } - @media (max-width: 767.98px) { .blockquote { padding: 16px 20px; } } - .blockquote p { font-size: 16px; line-height: 30px; } - .blockquote p.font-small { font-size: 14px; line-height: 26px; } - .blockquote p.font-large { font-size: 20px; line-height: 36px; } - .blockquote .blockquote-footer { margin-top: 10px; - color: #121518; + color: rgb(18, 21, 24); } - .blockquote .blockquote-footer:before { padding-right: 5px; } - .blockquote .blockquote-footer h1, .blockquote .blockquote-footer h2, .blockquote .blockquote-footer h3, .blockquote .blockquote-footer h4, .blockquote .blockquote-footer h5, .blockquote .blockquote-footer h6 { display: inline-block; margin: 0; } - .blockquote .blockquote-footer p { font-size: 16px; line-height: 30px; } - .blockquote.style-2 { position: relative; border: 0; padding: 20px 20px 20px 40px; } - @media (max-width: 767.98px) { .blockquote.style-2 { padding: 16px 16px 16px 36px; } } - .blockquote.style-2:before { - content: '\f10d'; + content: "\f10d"; position: absolute; top: 0; left: 0; @@ -143,39 +124,35 @@ pre { } .bg-black .blockquote, -[class*='bg-dark'] .blockquote, -[class*='bg-gradient-'] .blockquote, -[class*='bg-color-'] .blockquote { +[class*=bg-dark] .blockquote, +[class*=bg-gradient-] .blockquote, +[class*=bg-color-] .blockquote { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } - .bg-black .blockquote .blockquote-footer, -[class*='bg-dark'] .blockquote .blockquote-footer, -[class*='bg-gradient-'] .blockquote .blockquote-footer, -[class*='bg-color-'] .blockquote .blockquote-footer { +[class*=bg-dark] .blockquote .blockquote-footer, +[class*=bg-gradient-] .blockquote .blockquote-footer, +[class*=bg-color-] .blockquote .blockquote-footer { color: white; } - .bg-black .blockquote.style-2, -[class*='bg-dark'] .blockquote.style-2, -[class*='bg-gradient-'] .blockquote.style-2, -[class*='bg-color-'] .blockquote.style-2 { +[class*=bg-dark] .blockquote.style-2, +[class*=bg-gradient-] .blockquote.style-2, +[class*=bg-color-] .blockquote.style-2 { background: transparent; border-color: rgba(255, 255, 255, 0.2); } - .bg-black .blockquote.style-3, -[class*='bg-dark'] .blockquote.style-3, -[class*='bg-gradient-'] .blockquote.style-3, -[class*='bg-color-'] .blockquote.style-3 { +[class*=bg-dark] .blockquote.style-3, +[class*=bg-gradient-] .blockquote.style-3, +[class*=bg-color-] .blockquote.style-3 { background: transparent; } - .bg-black .blockquote.style-3:before, -[class*='bg-dark'] .blockquote.style-3:before, -[class*='bg-gradient-'] .blockquote.style-3:before, -[class*='bg-color-'] .blockquote.style-3:before { +[class*=bg-dark] .blockquote.style-3:before, +[class*=bg-gradient-] .blockquote.style-3:before, +[class*=bg-color-] .blockquote.style-3:before { color: rgba(255, 255, 255, 0.2); } @@ -185,38 +162,33 @@ pre { margin: 0 0 -10px; padding: 0; } - .breadcrumb .breadcrumb-item { display: inline-block; font: 400 13px "Open Sans", sans-serif; letter-spacing: 1px; text-transform: uppercase; } - .breadcrumb .breadcrumb-item:before { color: rgba(18, 21, 24, 0.2); } - .breadcrumb .breadcrumb-item.active { color: #AAAAAA; } - .breadcrumb .breadcrumb-item a { -webkit-transition: linear 0.1s; transition: linear 0.1s; } .bg-black .breadcrumb .breadcrumb-item:before, -[class*='bg-dark'] .breadcrumb .breadcrumb-item:before, -[class*='bg-gradient-'] .breadcrumb .breadcrumb-item:before, -[class*='bg-color-'] .breadcrumb .breadcrumb-item:before { +[class*=bg-dark] .breadcrumb .breadcrumb-item:before, +[class*=bg-gradient-] .breadcrumb .breadcrumb-item:before, +[class*=bg-color-] .breadcrumb .breadcrumb-item:before { color: rgba(255, 255, 255, 0.3); } - .bg-black .breadcrumb .breadcrumb-item.active, -[class*='bg-dark'] .breadcrumb .breadcrumb-item.active, -[class*='bg-gradient-'] .breadcrumb .breadcrumb-item.active, -[class*='bg-color-'] .breadcrumb .breadcrumb-item.active { +[class*=bg-dark] .breadcrumb .breadcrumb-item.active, +[class*=bg-gradient-] .breadcrumb .breadcrumb-item.active, +[class*=bg-color-] .breadcrumb .breadcrumb-item.active { color: rgba(255, 255, 255, 0.5); } @@ -231,22 +203,19 @@ pre { box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.14); padding: 15px 20px; } - .dropdown .dropdown-menu .dropdown-item, .btn-group .dropdown-menu .dropdown-item { margin-bottom: 10px; padding: 0; - color: #121518; + color: rgb(18, 21, 24); font: 300 15px "Open Sans", sans-serif; letter-spacing: 0; text-transform: none; -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .dropdown .dropdown-menu .dropdown-item:last-child, .btn-group .dropdown-menu .dropdown-item:last-child { margin: 0; } - .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus, .dropdown .dropdown-menu .dropdown-item:active, .btn-group .dropdown-menu .dropdown-item:hover, .btn-group .dropdown-menu .dropdown-item:focus, .btn-group .dropdown-menu .dropdown-item:active { background: transparent; color: #7C7C7C; @@ -258,22 +227,18 @@ pre { -webkit-transform: translate(0) scale(0.98); transform: translate(0) scale(0.98); } - .modal.show .modal-dialog { -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); } - .modal .modal-content { -webkit-box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.3); box-shadow: 0 6px 36px -4px rgba(22, 24, 26, 0.3); border: 0; } - .modal .modal-content .modal-header { border-bottom: 1px solid rgba(18, 21, 24, 0.1); } - .modal .modal-content .modal-footer { border-top: 1px solid rgba(18, 21, 24, 0.1); } @@ -282,123 +247,99 @@ pre { margin: 0; padding: 0; } - .nav .nav-item { margin: 0 30px 0 0; } - .nav .nav-item:last-child { margin-right: 0; } - .nav .nav-item .nav-link { padding: 0; color: #7C7C7C; -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .nav .nav-item .nav-link h1, .nav .nav-item .nav-link h2, .nav .nav-item .nav-link h3, .nav .nav-item .nav-link h4, .nav .nav-item .nav-link h5, .nav .nav-item .nav-link h6 { margin: 0; color: #7C7C7C; -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .nav .nav-item .nav-link.active, .nav .nav-item .nav-link:hover { - color: #121518; + color: rgb(18, 21, 24); } - .nav .nav-item .nav-link.active h1, .nav .nav-item .nav-link.active h2, .nav .nav-item .nav-link.active h3, .nav .nav-item .nav-link.active h4, .nav .nav-item .nav-link.active h5, .nav .nav-item .nav-link.active h6, .nav .nav-item .nav-link:hover h1, .nav .nav-item .nav-link:hover h2, .nav .nav-item .nav-link:hover h3, .nav .nav-item .nav-link:hover h4, .nav .nav-item .nav-link:hover h5, .nav .nav-item .nav-link:hover h6 { - color: #121518; + color: rgb(18, 21, 24); } - .nav .nav-item .nav-link.disabled { color: #AAAAAA; } - .nav.nav-tabs { - border-bottom: 1px solid #e2e6ea; + border-bottom: 1px solid rgb(226, 230, 234); } - .nav.nav-tabs .nav-item { margin: 0 0 -1px; } - .nav.nav-tabs .nav-item .nav-link { background: transparent; padding: 10px 20px; color: #7C7C7C; } - .nav.nav-tabs .nav-item .nav-link:hover { - border-color: #e2e6ea; + border-color: rgb(226, 230, 234); } - .nav.nav-tabs .nav-item .nav-link.active { - border-color: #e2e6ea #e2e6ea white; - color: #121518; + border-color: rgb(226, 230, 234) rgb(226, 230, 234) white; + color: rgb(18, 21, 24); } - .nav.nav-tabs .nav-item .nav-link.disabled:hover { border-color: transparent; } - .nav.nav-pills .nav-item { margin: 0; } - .nav.nav-pills .nav-item .nav-link { padding: 10px 20px; } - .nav.nav-pills .nav-item .nav-link.active, .nav.nav-pills .nav-item .show .nav-link { - background: #121518; + background: rgb(18, 21, 24); color: white; } - .nav.nav-pills .nav-item h1, .nav.nav-pills .nav-item h2, .nav.nav-pills .nav-item h3, .nav.nav-pills .nav-item h4, .nav.nav-pills .nav-item h5, .nav.nav-pills .nav-item h6 { margin: 0; } - .nav.tabs { display: inline-block; - border: 1px solid #e2e6ea; + border: 1px solid rgb(226, 230, 234); border-radius: 0.375em; } - .nav.tabs .nav-item { display: inline-block; margin: 0; } - .nav.tabs .nav-item .nav-link { padding: 10px 20px; - border-right: 1px solid #e2e6ea; + border-right: 1px solid rgb(226, 230, 234); } - .nav.tabs .nav-item:last-child .nav-link { border: 0; } - .nav.nav-custom .nav-item .nav-link { position: relative; overflow: visible; } - .nav.nav-custom .nav-item .nav-link:after { - content: ''; + content: ""; position: absolute; right: 0; bottom: -1px; left: 0; - background: #121518; + background: rgb(18, 21, 24); height: 1px; -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } - .nav.nav-custom .nav-item .nav-link.active:after { width: 100%; -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; @@ -406,83 +347,74 @@ pre { } .bg-black .nav .nav-item .nav-link, -[class*='bg-dark'] .nav .nav-item .nav-link, -[class*='bg-gradient-'] .nav .nav-item .nav-link, -[class*='bg-color-'] .nav .nav-item .nav-link { +[class*=bg-dark] .nav .nav-item .nav-link, +[class*=bg-gradient-] .nav .nav-item .nav-link, +[class*=bg-color-] .nav .nav-item .nav-link { color: rgba(255, 255, 255, 0.8); } - .bg-black .nav .nav-item .nav-link.active, .bg-black .nav .nav-item .nav-link:hover, -[class*='bg-dark'] .nav .nav-item .nav-link.active, -[class*='bg-dark'] .nav .nav-item .nav-link:hover, -[class*='bg-gradient-'] .nav .nav-item .nav-link.active, -[class*='bg-gradient-'] .nav .nav-item .nav-link:hover, -[class*='bg-color-'] .nav .nav-item .nav-link.active, -[class*='bg-color-'] .nav .nav-item .nav-link:hover { +[class*=bg-dark] .nav .nav-item .nav-link.active, +[class*=bg-dark] .nav .nav-item .nav-link:hover, +[class*=bg-gradient-] .nav .nav-item .nav-link.active, +[class*=bg-gradient-] .nav .nav-item .nav-link:hover, +[class*=bg-color-] .nav .nav-item .nav-link.active, +[class*=bg-color-] .nav .nav-item .nav-link:hover { color: white; } - .bg-black .nav.nav-tabs, -[class*='bg-dark'] .nav.nav-tabs, -[class*='bg-gradient-'] .nav.nav-tabs, -[class*='bg-color-'] .nav.nav-tabs { +[class*=bg-dark] .nav.nav-tabs, +[class*=bg-gradient-] .nav.nav-tabs, +[class*=bg-color-] .nav.nav-tabs { border-color: rgba(255, 255, 255, 0.2); } - .bg-black .nav.nav-tabs .nav-item .nav-link, -[class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link, -[class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link, -[class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link { +[class*=bg-dark] .nav.nav-tabs .nav-item .nav-link, +[class*=bg-gradient-] .nav.nav-tabs .nav-item .nav-link, +[class*=bg-color-] .nav.nav-tabs .nav-item .nav-link { color: rgba(255, 255, 255, 0.8); } - .bg-black .nav.nav-tabs .nav-item .nav-link.active, .bg-black .nav.nav-tabs .nav-item .nav-link:hover, -[class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link.active, -[class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link:hover, -[class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link.active, -[class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link:hover, -[class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link.active, -[class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link:hover { +[class*=bg-dark] .nav.nav-tabs .nav-item .nav-link.active, +[class*=bg-dark] .nav.nav-tabs .nav-item .nav-link:hover, +[class*=bg-gradient-] .nav.nav-tabs .nav-item .nav-link.active, +[class*=bg-gradient-] .nav.nav-tabs .nav-item .nav-link:hover, +[class*=bg-color-] .nav.nav-tabs .nav-item .nav-link.active, +[class*=bg-color-] .nav.nav-tabs .nav-item .nav-link:hover { border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) transparent; } - .bg-black .nav.nav-tabs .nav-item .nav-link.active, -[class*='bg-dark'] .nav.nav-tabs .nav-item .nav-link.active, -[class*='bg-gradient-'] .nav.nav-tabs .nav-item .nav-link.active, -[class*='bg-color-'] .nav.nav-tabs .nav-item .nav-link.active { +[class*=bg-dark] .nav.nav-tabs .nav-item .nav-link.active, +[class*=bg-gradient-] .nav.nav-tabs .nav-item .nav-link.active, +[class*=bg-color-] .nav.nav-tabs .nav-item .nav-link.active { color: white; } - .bg-black .nav.nav-pills .nav-item .nav-link.active, .bg-black .nav.nav-pills .nav-item .show .nav-link, -[class*='bg-dark'] .nav.nav-pills .nav-item .nav-link.active, -[class*='bg-dark'] .nav.nav-pills .nav-item .show .nav-link, -[class*='bg-gradient-'] .nav.nav-pills .nav-item .nav-link.active, -[class*='bg-gradient-'] .nav.nav-pills .nav-item .show .nav-link, -[class*='bg-color-'] .nav.nav-pills .nav-item .nav-link.active, -[class*='bg-color-'] .nav.nav-pills .nav-item .show .nav-link { +[class*=bg-dark] .nav.nav-pills .nav-item .nav-link.active, +[class*=bg-dark] .nav.nav-pills .nav-item .show .nav-link, +[class*=bg-gradient-] .nav.nav-pills .nav-item .nav-link.active, +[class*=bg-gradient-] .nav.nav-pills .nav-item .show .nav-link, +[class*=bg-color-] .nav.nav-pills .nav-item .nav-link.active, +[class*=bg-color-] .nav.nav-pills .nav-item .show .nav-link { background: white; - color: #121518; + color: rgb(18, 21, 24); } - .bg-black .nav.tabs, -[class*='bg-dark'] .nav.tabs, -[class*='bg-gradient-'] .nav.tabs, -[class*='bg-color-'] .nav.tabs { +[class*=bg-dark] .nav.tabs, +[class*=bg-gradient-] .nav.tabs, +[class*=bg-color-] .nav.tabs { border: 1px solid rgba(255, 255, 255, 0.2); } - .bg-black .nav.tabs .nav-item .nav-link, -[class*='bg-dark'] .nav.tabs .nav-item .nav-link, -[class*='bg-gradient-'] .nav.tabs .nav-item .nav-link, -[class*='bg-color-'] .nav.tabs .nav-item .nav-link { +[class*=bg-dark] .nav.tabs .nav-item .nav-link, +[class*=bg-gradient-] .nav.tabs .nav-item .nav-link, +[class*=bg-color-] .nav.tabs .nav-item .nav-link { border-right: 1px solid rgba(255, 255, 255, 0.2); } - .bg-black .nav.nav-custom .nav-item .nav-link:after, -[class*='bg-dark'] .nav.nav-custom .nav-item .nav-link:after, -[class*='bg-gradient-'] .nav.nav-custom .nav-item .nav-link:after, -[class*='bg-color-'] .nav.nav-custom .nav-item .nav-link:after { +[class*=bg-dark] .nav.nav-custom .nav-item .nav-link:after, +[class*=bg-gradient-] .nav.nav-custom .nav-item .nav-link:after, +[class*=bg-color-] .nav.nav-custom .nav-item .nav-link:after { background: white; } @@ -490,16 +422,13 @@ pre { margin: 0; padding: 0; } - .pagination .page-item { margin: 0 6px 0 0; text-align: center; } - .pagination .page-item:last-child { margin-right: 0; } - .pagination .page-item .page-link { background: transparent; min-width: 31px; @@ -513,16 +442,13 @@ pre { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .pagination .page-item .page-link:hover { - background: #e4e8ec; + background: rgb(228, 232, 236); } - .pagination .page-item.active .page-link { - background: #e4e8ec; - color: #121518; + background: rgb(228, 232, 236); + color: rgb(18, 21, 24); } - .pagination.pagination-sm .page-item .page-link { min-width: 27px; height: 27px; @@ -530,7 +456,6 @@ pre { padding: 0; line-height: 27px; } - .pagination.pagination-lg .page-item .page-link { min-width: 35px; height: 35px; @@ -538,53 +463,47 @@ pre { padding: 0; line-height: 35px; } - .pagination.hover-style-2 .page-item .page-link:hover { - background: #e2e6ea; - border-color: #e2e6ea; + background: rgb(226, 230, 234); + border-color: rgb(226, 230, 234); } - .pagination.hover-style-2 .page-item.active .page-link { - background: #121518; - border-color: #121518; + background: rgb(18, 21, 24); + border-color: rgb(18, 21, 24); color: white; } .bg-black .pagination .page-item .page-link, -[class*='bg-dark'] .pagination .page-item .page-link, -[class*='bg-gradient-'] .pagination .page-item .page-link, -[class*='bg-color-'] .pagination .page-item .page-link { +[class*=bg-dark] .pagination .page-item .page-link, +[class*=bg-gradient-] .pagination .page-item .page-link, +[class*=bg-color-] .pagination .page-item .page-link { color: rgba(255, 255, 255, 0.7); } - .bg-black .pagination .page-item .page-link:hover, -[class*='bg-dark'] .pagination .page-item .page-link:hover, -[class*='bg-gradient-'] .pagination .page-item .page-link:hover, -[class*='bg-color-'] .pagination .page-item .page-link:hover { +[class*=bg-dark] .pagination .page-item .page-link:hover, +[class*=bg-gradient-] .pagination .page-item .page-link:hover, +[class*=bg-color-] .pagination .page-item .page-link:hover { background: rgba(255, 255, 255, 0.1); } - .bg-black .pagination .page-item.active .page-link, -[class*='bg-dark'] .pagination .page-item.active .page-link, -[class*='bg-gradient-'] .pagination .page-item.active .page-link, -[class*='bg-color-'] .pagination .page-item.active .page-link { +[class*=bg-dark] .pagination .page-item.active .page-link, +[class*=bg-gradient-] .pagination .page-item.active .page-link, +[class*=bg-color-] .pagination .page-item.active .page-link { background: rgba(255, 255, 255, 0.1); color: white; } - .bg-black .pagination.hover-style-2 .page-item .page-link:hover, -[class*='bg-dark'] .pagination.hover-style-2 .page-item .page-link:hover, -[class*='bg-gradient-'] .pagination.hover-style-2 .page-item .page-link:hover, -[class*='bg-color-'] .pagination.hover-style-2 .page-item .page-link:hover { +[class*=bg-dark] .pagination.hover-style-2 .page-item .page-link:hover, +[class*=bg-gradient-] .pagination.hover-style-2 .page-item .page-link:hover, +[class*=bg-color-] .pagination.hover-style-2 .page-item .page-link:hover { background: white; border-color: white; color: rgba(18, 21, 24, 0.9); } - .bg-black .pagination.hover-style-2 .page-item.active .page-link, -[class*='bg-dark'] .pagination.hover-style-2 .page-item.active .page-link, -[class*='bg-gradient-'] .pagination.hover-style-2 .page-item.active .page-link, -[class*='bg-color-'] .pagination.hover-style-2 .page-item.active .page-link { +[class*=bg-dark] .pagination.hover-style-2 .page-item.active .page-link, +[class*=bg-gradient-] .pagination.hover-style-2 .page-item.active .page-link, +[class*=bg-color-] .pagination.hover-style-2 .page-item.active .page-link { background: white; border-color: white; color: rgba(18, 21, 24, 0.9); @@ -595,73 +514,58 @@ pre { -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); } - .popover .arrow:before { border: 0; } - .popover .popover-header { background: transparent; padding: 15px 20px; font-size: 16px; line-height: 32px; } - .popover .popover-body { padding: 20px; } .table td, .table th { - border-top: 1px solid #e2e6ea; + border-top: 1px solid rgb(226, 230, 234); } - .table thead th { - border-bottom: 2px solid #e2e6ea; + border-bottom: 2px solid rgb(226, 230, 234); } - .table.table-dark { - background: #202428; + background: rgb(32, 36, 40); } - .table.table-dark thead th { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } - .table.table-dark td, .table.table-dark th { border-top: 1px solid rgba(255, 255, 255, 0.1); } - .table.table-bordered td, .table.table-bordered th { - border: 1px solid #e2e6ea; + border: 1px solid rgb(226, 230, 234); } - .table.table-bordered.table-dark td, .table.table-bordered.table-dark th { border: 1px solid rgba(255, 255, 255, 0.1); } - .table .thead-dark th { - background: #202428; + background: rgb(32, 36, 40); border-color: rgba(255, 255, 255, 0.1); } - .table .thead-light th { - background: #eef2f6; + background: rgb(238, 242, 246); } - .table .table-active td, .table .table-active th { - background: #dce0e4; + background: rgb(220, 224, 228); } - .table .table-secondary td, .table .table-secondary th { - background: #e4e8ec; + background: rgb(228, 232, 236); } - .table .table-light td, .table .table-light th { - background: #f1f5f9; + background: rgb(241, 245, 249); } - .table .table-dark td, .table .table-dark th { - background: #e4e8ec; + background: rgb(228, 232, 236); } .scrolltotop { @@ -676,7 +580,6 @@ pre { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .scrolltotop.scrolltotop-show { -webkit-transform: translateY(0); transform: translateY(0); @@ -713,7 +616,6 @@ pre { opacity: 0.08; } } - .bg-image { position: relative; background-position: center center; @@ -728,10 +630,9 @@ pre { position: relative; z-index: 1; } - .bg-fade-white-top:before { z-index: -1; - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -744,10 +645,9 @@ pre { position: relative; z-index: 1; } - .bg-fade-white-bottom:before { z-index: -1; - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -760,10 +660,9 @@ pre { position: relative; z-index: 1; } - .bg-fade-black-top:before { z-index: -1; - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -776,10 +675,9 @@ pre { position: relative; z-index: 1; } - .bg-fade-black-bottom:before { z-index: -1; - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -796,7 +694,6 @@ pre { height: 100%; z-index: -1; } - .bg-video video { object-fit: cover; width: 100%; @@ -816,7 +713,6 @@ textarea { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - input:not(.form-check-input):focus, input:not(.form-check-input):active, textarea:focus, textarea:active { @@ -831,27 +727,21 @@ textarea { input:not(.form-check-input), textarea, .form-control { color: #7C7C7C; } - input:not(.form-check-input)::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #AAAAAA; } - input:not(.form-check-input)::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder { color: #AAAAAA; } - input:not(.form-check-input):-ms-placeholder, textarea:-ms-placeholder, .form-control:-ms-placeholder { color: #AAAAAA; } - input:not(.form-check-input)::-ms-placeholder, textarea::-ms-placeholder, .form-control::-ms-placeholder { color: #AAAAAA; } - input:not(.form-check-input)::placeholder, textarea::placeholder, .form-control::placeholder { color: #AAAAAA; } - input:not(.form-check-input):focus, textarea:focus, .form-control:focus { border-color: rgba(18, 21, 24, 0.2); } @@ -865,22 +755,18 @@ input:not(.form-check-input):focus, textarea:focus, .form-control:focus { font: 400 15px "Open Sans", sans-serif; line-height: 1.4; } - .form-control:focus { background: transparent; box-shadow: none; } - .form-control:read-only { - background: #e4e8ec; + background: rgb(228, 232, 236); border: 0; } - .form-control.form-control-sm { padding: 10px 15px; font-size: 0.875rem; } - .form-control.form-control-lg { font-size: 1.25rem; } @@ -894,7 +780,7 @@ input:not(.form-check-input):focus, textarea:focus, .form-control:focus { } .required:after { - content: '*'; + content: "*"; padding-left: 3px; } @@ -916,25 +802,21 @@ select { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .custom-select:focus { border-color: rgba(18, 21, 24, 0.2); outline: 0; box-shadow: none; } - .custom-select.custom-select-sm { height: auto; padding: 10px 15px; font-size: 0.875rem; } - .custom-select.custom-select-lg { height: auto; padding: 15px 20px; font-size: 1.25rem; } - .custom-select.select-fullwidth { width: 100%; } @@ -961,193 +843,180 @@ select { } .form-style-5 input, .form-style-5 textarea, .form-style-5 .custom-select, .form-style-5 .form-control { - background: #eef2f6; + background: rgb(238, 242, 246); border: 0; } - .form-style-5 input:focus, .form-style-5 textarea:focus, .form-style-5 .custom-select:focus, .form-style-5 .form-control:focus { - background: #eef2f6; + background: rgb(238, 242, 246); } -[class*='bg-gray'] .form-style-5 input, [class*='bg-gray'] .form-style-5 textarea, [class*='bg-gray'] .form-style-5 .custom-select, [class*='bg-gray'] .form-style-5 .form-control { +[class*=bg-gray] .form-style-5 input, [class*=bg-gray] .form-style-5 textarea, [class*=bg-gray] .form-style-5 .custom-select, [class*=bg-gray] .form-style-5 .form-control { background: white; } - -[class*='bg-gray'] .form-style-5 input:focus, [class*='bg-gray'] .form-style-5 textarea:focus, [class*='bg-gray'] .form-style-5 .custom-select:focus, [class*='bg-gray'] .form-style-5 .form-control:focus { +[class*=bg-gray] .form-style-5 input:focus, [class*=bg-gray] .form-style-5 textarea:focus, [class*=bg-gray] .form-style-5 .custom-select:focus, [class*=bg-gray] .form-style-5 .form-control:focus { background: white; } .bg-black input, .bg-black textarea, .bg-black .form-control, -[class*='bg-dark'] input, -[class*='bg-dark'] textarea, -[class*='bg-dark'] .form-control, -[class*='bg-gradient-'] input, -[class*='bg-gradient-'] textarea, -[class*='bg-gradient-'] .form-control, -[class*='bg-color-'] input, -[class*='bg-color-'] textarea, -[class*='bg-color-'] .form-control { +[class*=bg-dark] input, +[class*=bg-dark] textarea, +[class*=bg-dark] .form-control, +[class*=bg-gradient-] input, +[class*=bg-gradient-] textarea, +[class*=bg-gradient-] .form-control, +[class*=bg-color-] input, +[class*=bg-color-] textarea, +[class*=bg-color-] .form-control { background: transparent; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); } - .bg-black input::-webkit-input-placeholder, .bg-black textarea::-webkit-input-placeholder, .bg-black .form-control::-webkit-input-placeholder, -[class*='bg-dark'] input::-webkit-input-placeholder, -[class*='bg-dark'] textarea::-webkit-input-placeholder, -[class*='bg-dark'] .form-control::-webkit-input-placeholder, -[class*='bg-gradient-'] input::-webkit-input-placeholder, -[class*='bg-gradient-'] textarea::-webkit-input-placeholder, -[class*='bg-gradient-'] .form-control::-webkit-input-placeholder, -[class*='bg-color-'] input::-webkit-input-placeholder, -[class*='bg-color-'] textarea::-webkit-input-placeholder, -[class*='bg-color-'] .form-control::-webkit-input-placeholder { +[class*=bg-dark] input::-webkit-input-placeholder, +[class*=bg-dark] textarea::-webkit-input-placeholder, +[class*=bg-dark] .form-control::-webkit-input-placeholder, +[class*=bg-gradient-] input::-webkit-input-placeholder, +[class*=bg-gradient-] textarea::-webkit-input-placeholder, +[class*=bg-gradient-] .form-control::-webkit-input-placeholder, +[class*=bg-color-] input::-webkit-input-placeholder, +[class*=bg-color-] textarea::-webkit-input-placeholder, +[class*=bg-color-] .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } - .bg-black input::-moz-placeholder, .bg-black textarea::-moz-placeholder, .bg-black .form-control::-moz-placeholder, -[class*='bg-dark'] input::-moz-placeholder, -[class*='bg-dark'] textarea::-moz-placeholder, -[class*='bg-dark'] .form-control::-moz-placeholder, -[class*='bg-gradient-'] input::-moz-placeholder, -[class*='bg-gradient-'] textarea::-moz-placeholder, -[class*='bg-gradient-'] .form-control::-moz-placeholder, -[class*='bg-color-'] input::-moz-placeholder, -[class*='bg-color-'] textarea::-moz-placeholder, -[class*='bg-color-'] .form-control::-moz-placeholder { +[class*=bg-dark] input::-moz-placeholder, +[class*=bg-dark] textarea::-moz-placeholder, +[class*=bg-dark] .form-control::-moz-placeholder, +[class*=bg-gradient-] input::-moz-placeholder, +[class*=bg-gradient-] textarea::-moz-placeholder, +[class*=bg-gradient-] .form-control::-moz-placeholder, +[class*=bg-color-] input::-moz-placeholder, +[class*=bg-color-] textarea::-moz-placeholder, +[class*=bg-color-] .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } - .bg-black input:-ms-placeholder, .bg-black textarea:-ms-placeholder, .bg-black .form-control:-ms-placeholder, -[class*='bg-dark'] input:-ms-placeholder, -[class*='bg-dark'] textarea:-ms-placeholder, -[class*='bg-dark'] .form-control:-ms-placeholder, -[class*='bg-gradient-'] input:-ms-placeholder, -[class*='bg-gradient-'] textarea:-ms-placeholder, -[class*='bg-gradient-'] .form-control:-ms-placeholder, -[class*='bg-color-'] input:-ms-placeholder, -[class*='bg-color-'] textarea:-ms-placeholder, -[class*='bg-color-'] .form-control:-ms-placeholder { +[class*=bg-dark] input:-ms-placeholder, +[class*=bg-dark] textarea:-ms-placeholder, +[class*=bg-dark] .form-control:-ms-placeholder, +[class*=bg-gradient-] input:-ms-placeholder, +[class*=bg-gradient-] textarea:-ms-placeholder, +[class*=bg-gradient-] .form-control:-ms-placeholder, +[class*=bg-color-] input:-ms-placeholder, +[class*=bg-color-] textarea:-ms-placeholder, +[class*=bg-color-] .form-control:-ms-placeholder { color: rgba(255, 255, 255, 0.5); } - .bg-black input::-ms-placeholder, .bg-black textarea::-ms-placeholder, .bg-black .form-control::-ms-placeholder, -[class*='bg-dark'] input::-ms-placeholder, -[class*='bg-dark'] textarea::-ms-placeholder, -[class*='bg-dark'] .form-control::-ms-placeholder, -[class*='bg-gradient-'] input::-ms-placeholder, -[class*='bg-gradient-'] textarea::-ms-placeholder, -[class*='bg-gradient-'] .form-control::-ms-placeholder, -[class*='bg-color-'] input::-ms-placeholder, -[class*='bg-color-'] textarea::-ms-placeholder, -[class*='bg-color-'] .form-control::-ms-placeholder { +[class*=bg-dark] input::-ms-placeholder, +[class*=bg-dark] textarea::-ms-placeholder, +[class*=bg-dark] .form-control::-ms-placeholder, +[class*=bg-gradient-] input::-ms-placeholder, +[class*=bg-gradient-] textarea::-ms-placeholder, +[class*=bg-gradient-] .form-control::-ms-placeholder, +[class*=bg-color-] input::-ms-placeholder, +[class*=bg-color-] textarea::-ms-placeholder, +[class*=bg-color-] .form-control::-ms-placeholder { color: rgba(255, 255, 255, 0.5); } - .bg-black input::placeholder, .bg-black textarea::placeholder, .bg-black .form-control::placeholder, -[class*='bg-dark'] input::placeholder, -[class*='bg-dark'] textarea::placeholder, -[class*='bg-dark'] .form-control::placeholder, -[class*='bg-gradient-'] input::placeholder, -[class*='bg-gradient-'] textarea::placeholder, -[class*='bg-gradient-'] .form-control::placeholder, -[class*='bg-color-'] input::placeholder, -[class*='bg-color-'] textarea::placeholder, -[class*='bg-color-'] .form-control::placeholder { +[class*=bg-dark] input::placeholder, +[class*=bg-dark] textarea::placeholder, +[class*=bg-dark] .form-control::placeholder, +[class*=bg-gradient-] input::placeholder, +[class*=bg-gradient-] textarea::placeholder, +[class*=bg-gradient-] .form-control::placeholder, +[class*=bg-color-] input::placeholder, +[class*=bg-color-] textarea::placeholder, +[class*=bg-color-] .form-control::placeholder { color: rgba(255, 255, 255, 0.5); } - .bg-black input:focus, .bg-black textarea:focus, .bg-black .form-control:focus, -[class*='bg-dark'] input:focus, -[class*='bg-dark'] textarea:focus, -[class*='bg-dark'] .form-control:focus, -[class*='bg-gradient-'] input:focus, -[class*='bg-gradient-'] textarea:focus, -[class*='bg-gradient-'] .form-control:focus, -[class*='bg-color-'] input:focus, -[class*='bg-color-'] textarea:focus, -[class*='bg-color-'] .form-control:focus { +[class*=bg-dark] input:focus, +[class*=bg-dark] textarea:focus, +[class*=bg-dark] .form-control:focus, +[class*=bg-gradient-] input:focus, +[class*=bg-gradient-] textarea:focus, +[class*=bg-gradient-] .form-control:focus, +[class*=bg-color-] input:focus, +[class*=bg-color-] textarea:focus, +[class*=bg-color-] .form-control:focus { border-color: rgba(255, 255, 255, 0.3); } - .bg-black .custom-select, -[class*='bg-dark'] .custom-select, -[class*='bg-gradient-'] .custom-select, -[class*='bg-color-'] .custom-select { +[class*=bg-dark] .custom-select, +[class*=bg-gradient-] .custom-select, +[class*=bg-color-] .custom-select { background: transparent; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); } - .bg-black .custom-select:focus, -[class*='bg-dark'] .custom-select:focus, -[class*='bg-gradient-'] .custom-select:focus, -[class*='bg-color-'] .custom-select:focus { +[class*=bg-dark] .custom-select:focus, +[class*=bg-gradient-] .custom-select:focus, +[class*=bg-color-] .custom-select:focus { border-color: rgba(255, 255, 255, 0.3); } - .bg-black .form-style-2 input:focus, .bg-black .form-style-2 textarea:focus, .bg-black .form-style-2 .custom-select:focus, .bg-black .form-style-2 .form-control:focus, .bg-black .form-style-4 input:focus, .bg-black .form-style-4 textarea:focus, .bg-black .form-style-4 .custom-select:focus, .bg-black .form-style-4 .form-control:focus, -[class*='bg-dark'] .form-style-2 input:focus, -[class*='bg-dark'] .form-style-2 textarea:focus, -[class*='bg-dark'] .form-style-2 .custom-select:focus, -[class*='bg-dark'] .form-style-2 .form-control:focus, -[class*='bg-dark'] .form-style-4 input:focus, -[class*='bg-dark'] .form-style-4 textarea:focus, -[class*='bg-dark'] .form-style-4 .custom-select:focus, -[class*='bg-dark'] .form-style-4 .form-control:focus, -[class*='bg-gradient-'] .form-style-2 input:focus, -[class*='bg-gradient-'] .form-style-2 textarea:focus, -[class*='bg-gradient-'] .form-style-2 .custom-select:focus, -[class*='bg-gradient-'] .form-style-2 .form-control:focus, -[class*='bg-gradient-'] .form-style-4 input:focus, -[class*='bg-gradient-'] .form-style-4 textarea:focus, -[class*='bg-gradient-'] .form-style-4 .custom-select:focus, -[class*='bg-gradient-'] .form-style-4 .form-control:focus, -[class*='bg-color-'] .form-style-2 input:focus, -[class*='bg-color-'] .form-style-2 textarea:focus, -[class*='bg-color-'] .form-style-2 .custom-select:focus, -[class*='bg-color-'] .form-style-2 .form-control:focus, -[class*='bg-color-'] .form-style-4 input:focus, -[class*='bg-color-'] .form-style-4 textarea:focus, -[class*='bg-color-'] .form-style-4 .custom-select:focus, -[class*='bg-color-'] .form-style-4 .form-control:focus { +[class*=bg-dark] .form-style-2 input:focus, +[class*=bg-dark] .form-style-2 textarea:focus, +[class*=bg-dark] .form-style-2 .custom-select:focus, +[class*=bg-dark] .form-style-2 .form-control:focus, +[class*=bg-dark] .form-style-4 input:focus, +[class*=bg-dark] .form-style-4 textarea:focus, +[class*=bg-dark] .form-style-4 .custom-select:focus, +[class*=bg-dark] .form-style-4 .form-control:focus, +[class*=bg-gradient-] .form-style-2 input:focus, +[class*=bg-gradient-] .form-style-2 textarea:focus, +[class*=bg-gradient-] .form-style-2 .custom-select:focus, +[class*=bg-gradient-] .form-style-2 .form-control:focus, +[class*=bg-gradient-] .form-style-4 input:focus, +[class*=bg-gradient-] .form-style-4 textarea:focus, +[class*=bg-gradient-] .form-style-4 .custom-select:focus, +[class*=bg-gradient-] .form-style-4 .form-control:focus, +[class*=bg-color-] .form-style-2 input:focus, +[class*=bg-color-] .form-style-2 textarea:focus, +[class*=bg-color-] .form-style-2 .custom-select:focus, +[class*=bg-color-] .form-style-2 .form-control:focus, +[class*=bg-color-] .form-style-4 input:focus, +[class*=bg-color-] .form-style-4 textarea:focus, +[class*=bg-color-] .form-style-4 .custom-select:focus, +[class*=bg-color-] .form-style-4 .form-control:focus { border-color: white; } - .bg-black .form-style-5 input, .bg-black .form-style-5 textarea, .bg-black .form-style-5 .custom-select, .bg-black .form-style-5 .form-control, -[class*='bg-dark'] .form-style-5 input, -[class*='bg-dark'] .form-style-5 textarea, -[class*='bg-dark'] .form-style-5 .custom-select, -[class*='bg-dark'] .form-style-5 .form-control, -[class*='bg-gradient-'] .form-style-5 input, -[class*='bg-gradient-'] .form-style-5 textarea, -[class*='bg-gradient-'] .form-style-5 .custom-select, -[class*='bg-gradient-'] .form-style-5 .form-control, -[class*='bg-color-'] .form-style-5 input, -[class*='bg-color-'] .form-style-5 textarea, -[class*='bg-color-'] .form-style-5 .custom-select, -[class*='bg-color-'] .form-style-5 .form-control { +[class*=bg-dark] .form-style-5 input, +[class*=bg-dark] .form-style-5 textarea, +[class*=bg-dark] .form-style-5 .custom-select, +[class*=bg-dark] .form-style-5 .form-control, +[class*=bg-gradient-] .form-style-5 input, +[class*=bg-gradient-] .form-style-5 textarea, +[class*=bg-gradient-] .form-style-5 .custom-select, +[class*=bg-gradient-] .form-style-5 .form-control, +[class*=bg-color-] .form-style-5 input, +[class*=bg-color-] .form-style-5 textarea, +[class*=bg-color-] .form-style-5 .custom-select, +[class*=bg-color-] .form-style-5 .form-control { background: rgba(255, 255, 255, 0.1); border: 0; } - .bg-black .form-style-5 input:focus, .bg-black .form-style-5 textarea:focus, .bg-black .form-style-5 .custom-select:focus, .bg-black .form-style-5 .form-control:focus, -[class*='bg-dark'] .form-style-5 input:focus, -[class*='bg-dark'] .form-style-5 textarea:focus, -[class*='bg-dark'] .form-style-5 .custom-select:focus, -[class*='bg-dark'] .form-style-5 .form-control:focus, -[class*='bg-gradient-'] .form-style-5 input:focus, -[class*='bg-gradient-'] .form-style-5 textarea:focus, -[class*='bg-gradient-'] .form-style-5 .custom-select:focus, -[class*='bg-gradient-'] .form-style-5 .form-control:focus, -[class*='bg-color-'] .form-style-5 input:focus, -[class*='bg-color-'] .form-style-5 textarea:focus, -[class*='bg-color-'] .form-style-5 .custom-select:focus, -[class*='bg-color-'] .form-style-5 .form-control:focus { +[class*=bg-dark] .form-style-5 input:focus, +[class*=bg-dark] .form-style-5 textarea:focus, +[class*=bg-dark] .form-style-5 .custom-select:focus, +[class*=bg-dark] .form-style-5 .form-control:focus, +[class*=bg-gradient-] .form-style-5 input:focus, +[class*=bg-gradient-] .form-style-5 textarea:focus, +[class*=bg-gradient-] .form-style-5 .custom-select:focus, +[class*=bg-gradient-] .form-style-5 .form-control:focus, +[class*=bg-color-] .form-style-5 input:focus, +[class*=bg-color-] .form-style-5 textarea:focus, +[class*=bg-color-] .form-style-5 .custom-select:focus, +[class*=bg-color-] .form-style-5 .form-control:focus { background: rgba(255, 255, 255, 0.2); } @@ -1156,16 +1025,13 @@ select { -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } - .submit-result span.show-result { margin-top: 30px; display: block; } - .submit-result span#success { color: #24963e; } - .submit-result span#error { color: #c62f3e; } @@ -1175,54 +1041,46 @@ img { max-width: 100%; height: auto; } - -img[class*='img-mask-avatar'] { +img[class*=img-mask-avatar] { border-radius: 50%; } - img.img-mask-avatar-xs { min-width: 60px; width: 60px; height: 60px; } - img.img-mask-avatar-sm { min-width: 80px; width: 80px; height: 80px; } - img.img-mask-avatar-md { min-width: 100px; width: 100px; height: 100px; } - img.img-mask-avatar-lg { min-width: 120px; width: 120px; height: 120px; } - img.img-mask-avatar-xl { min-width: 140px; width: 140px; height: 140px; } - img.img-mask-avatar-2xl { min-width: 160px; width: 160px; height: 160px; } - img.img-mask-avatar-3xl { min-width: 180px; width: 180px; height: 180px; } -[class*='img-mask-blob'] { +[class*=img-mask-blob] { display: inline-block; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @@ -1254,16 +1112,13 @@ img.img-mask-avatar-3xl { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } - .img-link-box a { display: block; } - .img-link-box img { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } - .img-link-box:hover img, .img-link-box:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); @@ -1273,18 +1128,15 @@ img.img-mask-avatar-3xl { display: block; padding: 0; } - .avatar-group li { list-style-type: none; display: inline-block; margin-left: -12px; padding: 0; } - .avatar-group li:first-child { margin-left: 0; } - .avatar-group li img { width: 60px; height: 60px; @@ -1303,117 +1155,92 @@ img.img-mask-avatar-3xl { ul { margin: 0 0 -7px; } - ul li { margin: 0 0 7px; } - ul li ul, ul li ol { margin-top: 7px; } - -ul[class*='list-'] { +ul[class*=list-] { padding: 0; } - ul.list-unstyled li, ul.list-dash li { list-style-type: none; } - ul.animate-links li a:hover { padding-left: 2px; } - ul.list-dash li:before { - content: '-'; + content: "-"; padding-right: 7px; } - ul.list-dash li ul, ul.list-dash li ol { padding-left: 40px; } - -ul[class*='list-inline'] li { +ul[class*=list-inline] li { display: inline-block; } - ul.list-inline { margin-right: -7px; margin-left: -7px; } - ul.list-inline li { padding: 0 7px; } - ul.list-inline-sm { margin-right: -3px; margin-left: -3px; } - ul.list-inline-sm li { padding: 0 3px; } - ul.list-inline-lg { margin-right: -14px; margin-left: -14px; } - ul.list-inline-lg li { padding: 0 14px; } - ul.list-inline-dash li:after { - content: '-'; + content: "-"; } - ul.list-inline-slash li:after { - content: '/'; + content: "/"; } - ul.list-inline-dash li:after, ul.list-inline-slash li:after { padding: 0 3px 0 6px; } - ul.list-inline-dash li:last-child:after, ul.list-inline-slash li:last-child:after { - content: ''; + content: ""; padding: 0; } ol { margin: 0 0 -7px; } - ol li { margin: 0 0 7px; } - ol li ul, ol li ol { margin-top: 7px; } - ol.list-ordered { list-style: none; counter-reset: custom-counter; padding-left: 0; } - ol.list-ordered li { position: relative; padding-left: 34px; counter-increment: custom-counter; } - ol.list-ordered li::before { content: counter(custom-counter); } - ol.list-ordered li ol { list-style: none; padding-left: 0; } - ol.list-ordered.style-2 li::before, ol.list-ordered.style-3 li::before, ol.list-ordered.style-4 li::before, ol.list-ordered.style-5 li::before { position: absolute; top: 0; @@ -1425,55 +1252,48 @@ ol.list-ordered.style-2 li::before, ol.list-ordered.style-3 li::before, ol.list- line-height: 24px; text-align: center; } - ol.list-ordered.style-2 li::before { background: rgba(18, 21, 24, 0.1); color: black; } - ol.list-ordered.style-3 li::before { background: rgba(18, 21, 24, 0.9); color: white; } - ol.list-ordered.style-4 li::before { border: 1px solid rgba(18, 21, 24, 0.2); color: rgba(18, 21, 24, 0.5); } - ol.list-ordered.style-5 li::before { border: 1px solid rgba(18, 21, 24, 0.9); color: black; } .bg-black ol.list-ordered.style-2 li::before, -[class*='bg-dark'] ol.list-ordered.style-2 li::before, -[class*='bg-gradient-'] ol.list-ordered.style-2 li::before, -[class*='bg-color-'] ol.list-ordered.style-2 li::before { +[class*=bg-dark] ol.list-ordered.style-2 li::before, +[class*=bg-gradient-] ol.list-ordered.style-2 li::before, +[class*=bg-color-] ol.list-ordered.style-2 li::before { background: rgba(255, 255, 255, 0.2); color: white; } - .bg-black ol.list-ordered.style-3 li::before, -[class*='bg-dark'] ol.list-ordered.style-3 li::before, -[class*='bg-gradient-'] ol.list-ordered.style-3 li::before, -[class*='bg-color-'] ol.list-ordered.style-3 li::before { +[class*=bg-dark] ol.list-ordered.style-3 li::before, +[class*=bg-gradient-] ol.list-ordered.style-3 li::before, +[class*=bg-color-] ol.list-ordered.style-3 li::before { background: white; color: black; } - .bg-black ol.list-ordered.style-4 li::before, -[class*='bg-dark'] ol.list-ordered.style-4 li::before, -[class*='bg-gradient-'] ol.list-ordered.style-4 li::before, -[class*='bg-color-'] ol.list-ordered.style-4 li::before { +[class*=bg-dark] ol.list-ordered.style-4 li::before, +[class*=bg-gradient-] ol.list-ordered.style-4 li::before, +[class*=bg-color-] ol.list-ordered.style-4 li::before { border-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } - .bg-black ol.list-ordered.style-5 li::before, -[class*='bg-dark'] ol.list-ordered.style-5 li::before, -[class*='bg-gradient-'] ol.list-ordered.style-5 li::before, -[class*='bg-color-'] ol.list-ordered.style-5 li::before { +[class*=bg-dark] ol.list-ordered.style-5 li::before, +[class*=bg-gradient-] ol.list-ordered.style-5 li::before, +[class*=bg-color-] ol.list-ordered.style-5 li::before { border-color: white; color: white; } @@ -1495,7 +1315,7 @@ ol.list-ordered.style-5 li::before { margin-top: 5px; } ul.list-dash li:before { - content: '-'; + content: "-"; padding-right: 6px; } ul.list-dash li a:hover { @@ -1526,21 +1346,18 @@ ol.list-ordered.style-5 li::before { padding: 0 2px; } } - body { color: #7C7C7C; font-family: "Open Sans", sans-serif; - font-size: 1rem; + font-size: 1.25rem; font-weight: 400; letter-spacing: 0; } - @media (max-width: 991.98px) { body { font-size: 0.938rem; } } - body.theme-font-nunito { font-family: "Nunito", sans-serif; } @@ -1548,7 +1365,7 @@ body.theme-font-nunito { h1, h2, h3, h4, h5, h6 { letter-spacing: -0.3px; line-height: 1.4; - color: #121518; + color: rgb(18, 21, 24); font-family: "Poppins", sans-serif; font-weight: 600; } @@ -1559,14 +1376,11 @@ h1, h2, h3, h4, h5, h6 { p { margin: 0; - line-height: 1.74; - /* 26px */ + line-height: 1.74; /* 26px */ } - @media (max-width: 991.98px) { p { - line-height: 1.6; - /* 24px */ + line-height: 1.6; /* 24px */ } } @@ -1579,7 +1393,6 @@ p { font-size: 0.9em; line-height: 1.7; } - @media (max-width: 991.98px) { .font-small { font-size: 0.9em; @@ -1591,7 +1404,6 @@ p { font-size: 1.063em; line-height: 1.6; } - @media (max-width: 991.98px) { .font-large { font-size: 1.063em; @@ -1678,7 +1490,6 @@ i { list-style-type: none; padding: 0; } - .accordion li { border: 0; margin-bottom: 8px; @@ -1686,11 +1497,9 @@ i { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .accordion li:last-child { margin-bottom: 0; } - .accordion li .accordion-title { position: relative; border: 1px solid rgba(18, 21, 24, 0.1); @@ -1699,22 +1508,19 @@ i { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .accordion li .accordion-title:before, .accordion li .accordion-title:after { - content: ''; + content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: black; } - .accordion li .accordion-title:before { right: 24px; width: 11px; height: 1px; } - .accordion li .accordion-title:after { right: 29px; width: 1px; @@ -1722,16 +1528,13 @@ i { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .accordion li .accordion-title h1, .accordion li .accordion-title h2, .accordion li .accordion-title h3, .accordion li .accordion-title h4, .accordion li .accordion-title h5, .accordion li .accordion-title h6 { margin: 0; } - .accordion li .accordion-title * { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .accordion li .accordion-content { overflow: hidden; max-height: 0; @@ -1739,69 +1542,55 @@ i { -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } - .accordion li .accordion-content:before { - content: ''; + content: ""; display: block; width: 100%; height: 20px; } - .accordion li .accordion-content:after { - content: ''; + content: ""; display: block; width: 100%; height: 12px; } - .accordion li .accordion-content ul li, .accordion li .accordion-content ol li { border: 0; padding: 0; } - .accordion li .accordion-content ul li:last-child, .accordion li .accordion-content ol li:last-child { border: 0; } - .accordion li .accordion-content ul { list-style-type: disc; } - .accordion li .accordion-content ul ul { list-style-type: circle; } - .accordion li .accordion-content ol.list-ordered li { margin-bottom: 8px; padding-left: 34px; } - .accordion li .accordion-content ol.list-ordered li:last-child { margin: 0; } - .accordion li .accordion-content .nav { list-style-type: none; } - .accordion li.active .accordion-title { border-color: rgba(18, 21, 24, 0.9); } - .accordion li.active .accordion-title:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } - .accordion.style-2 li { margin-bottom: 14px; padding: 0; } - .accordion.style-2 li:last-child { margin-bottom: 0; } - .accordion.style-2 li .accordion-title { border: 0; border-bottom: 1px solid rgba(18, 21, 24, 0.2); @@ -1809,129 +1598,111 @@ i { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .accordion.style-2 li .accordion-title:before, .accordion.style-2 li .accordion-title:after { margin-top: -6px; } - .accordion.style-2 li .accordion-title:before { right: 0; } - .accordion.style-2 li .accordion-title:after { right: 5px; } - .accordion.style-2 li .accordion-content { padding: 0 20px; } - .accordion.style-2 li.active .accordion-title { border-bottom-color: rgba(18, 21, 24, 0.9); } - .accordion.style-3 li .accordion-title { - background: #f1f5f9; + background: rgb(241, 245, 249); border: 0; } - .accordion.style-3 li .accordion-content { padding: 0 24px; } - .accordion.style-3 li.active .accordion-title { - background: #181c20; + background: rgb(24, 28, 32); color: rgba(255, 255, 255, 0.8); } - .accordion.style-3 li.active .accordion-title:before, .accordion.style-3 li.active .accordion-title:after { background: white; } - .accordion.style-3 li.active .accordion-title h1, .accordion.style-3 li.active .accordion-title h2, .accordion.style-3 li.active .accordion-title h3, .accordion.style-3 li.active .accordion-title h4, .accordion.style-3 li.active .accordion-title h5, .accordion.style-3 li.active .accordion-title h6 { color: white; } - .accordion.border-radius:not(.style-2) li .accordion-title { border-radius: 0.375em; } - .accordion.rounded:not(.style-2) li .accordion-title { border-radius: 50px; } -[class*='bg-gray'] .accordion.style-3 li .accordion-title { +[class*=bg-gray] .accordion.style-3 li .accordion-title { background: white; } .bg-black .accordion li .accordion-title, -[class*='bg-dark'] .accordion li .accordion-title, -[class*='bg-gradient-'] .accordion li .accordion-title, -[class*='bg-color-'] .accordion li .accordion-title { +[class*=bg-dark] .accordion li .accordion-title, +[class*=bg-gradient-] .accordion li .accordion-title, +[class*=bg-color-] .accordion li .accordion-title { border-color: rgba(255, 255, 255, 0.2); } - .bg-black .accordion li .accordion-title:before, .bg-black .accordion li .accordion-title:after, -[class*='bg-dark'] .accordion li .accordion-title:before, -[class*='bg-dark'] .accordion li .accordion-title:after, -[class*='bg-gradient-'] .accordion li .accordion-title:before, -[class*='bg-gradient-'] .accordion li .accordion-title:after, -[class*='bg-color-'] .accordion li .accordion-title:before, -[class*='bg-color-'] .accordion li .accordion-title:after { +[class*=bg-dark] .accordion li .accordion-title:before, +[class*=bg-dark] .accordion li .accordion-title:after, +[class*=bg-gradient-] .accordion li .accordion-title:before, +[class*=bg-gradient-] .accordion li .accordion-title:after, +[class*=bg-color-] .accordion li .accordion-title:before, +[class*=bg-color-] .accordion li .accordion-title:after { background: white; } - .bg-black .accordion li.active .accordion-title, -[class*='bg-dark'] .accordion li.active .accordion-title, -[class*='bg-gradient-'] .accordion li.active .accordion-title, -[class*='bg-color-'] .accordion li.active .accordion-title { +[class*=bg-dark] .accordion li.active .accordion-title, +[class*=bg-gradient-] .accordion li.active .accordion-title, +[class*=bg-color-] .accordion li.active .accordion-title { border-color: white; } - .bg-black .accordion.style-3 li .accordion-title, -[class*='bg-dark'] .accordion.style-3 li .accordion-title, -[class*='bg-gradient-'] .accordion.style-3 li .accordion-title, -[class*='bg-color-'] .accordion.style-3 li .accordion-title { +[class*=bg-dark] .accordion.style-3 li .accordion-title, +[class*=bg-gradient-] .accordion.style-3 li .accordion-title, +[class*=bg-color-] .accordion.style-3 li .accordion-title { background: rgba(255, 255, 255, 0.1); } - .bg-black .accordion.style-3 li.active .accordion-title, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title { +[class*=bg-dark] .accordion.style-3 li.active .accordion-title, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title { background: white; color: #7C7C7C; } - .bg-black .accordion.style-3 li.active .accordion-title:before, .bg-black .accordion.style-3 li.active .accordion-title:after, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title:before, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title:after, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title:before, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title:after { +[class*=bg-dark] .accordion.style-3 li.active .accordion-title:before, +[class*=bg-dark] .accordion.style-3 li.active .accordion-title:after, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title:before, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title:after, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title:before, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title:after { background: black; } - .bg-black .accordion.style-3 li.active .accordion-title h1, .bg-black .accordion.style-3 li.active .accordion-title h2, .bg-black .accordion.style-3 li.active .accordion-title h3, .bg-black .accordion.style-3 li.active .accordion-title h4, .bg-black .accordion.style-3 li.active .accordion-title h5, .bg-black .accordion.style-3 li.active .accordion-title h6, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5, -[class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h1, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h2, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h3, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h4, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h5, -[class*='bg-gradient-'] .accordion.style-3 li.active .accordion-title h6, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h1, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h2, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h3, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h4, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h5, -[class*='bg-color-'] .accordion.style-3 li.active .accordion-title h6 { +[class*=bg-dark] .accordion.style-3 li.active .accordion-title h1, +[class*=bg-dark] .accordion.style-3 li.active .accordion-title h2, +[class*=bg-dark] .accordion.style-3 li.active .accordion-title h3, +[class*=bg-dark] .accordion.style-3 li.active .accordion-title h4, +[class*=bg-dark] .accordion.style-3 li.active .accordion-title h5, +[class*=bg-dark] .accordion.style-3 li.active .accordion-title h6, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h1, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h2, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h3, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h4, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h5, +[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h6, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title h1, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title h2, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title h3, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title h4, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title h5, +[class*=bg-color-] .accordion.style-3 li.active .accordion-title h6 { color: black; } @@ -1941,7 +1712,6 @@ i { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .box-shadow:hover { -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.15); box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.15); @@ -1951,7 +1721,6 @@ i { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .hover-shadow:hover { -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.1); @@ -1961,7 +1730,6 @@ i { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .hover-float:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); @@ -1971,7 +1739,6 @@ i { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .hover-scale:hover { -webkit-transform: scale(1.015); transform: scale(1.015); @@ -1981,7 +1748,6 @@ i { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .hover-shrink:hover { -webkit-transform: scale(0.985); transform: scale(0.985); @@ -1990,19 +1756,18 @@ i { .box-backdrop { overflow: hidden; border-radius: 0.5em; - border: 2px solid #121518; - -webkit-box-shadow: 4px 4px 0 0 #121518; - box-shadow: 4px 4px 0 0 #121518; + border: 2px solid rgb(18, 21, 24); + -webkit-box-shadow: 4px 4px 0 0 rgb(18, 21, 24); + box-shadow: 4px 4px 0 0 rgb(18, 21, 24); } -[class*="square-box"], -[class*="circle-box"] { +[class*=square-box], +[class*=circle-box] { display: inline-block; text-align: center; } - -[class*="square-box"] *, -[class*="circle-box"] * { +[class*=square-box] *, +[class*=circle-box] * { margin: 0; vertical-align: middle; } @@ -2012,7 +1777,6 @@ i { height: 40px; line-height: 40px; } - .square-box-xs * { line-height: 40px; } @@ -2022,7 +1786,6 @@ i { height: 50px; line-height: 50px; } - .square-box-sm * { line-height: 50px; } @@ -2032,7 +1795,6 @@ i { height: 60px; line-height: 60px; } - .square-box *, .square-box-md * { line-height: 60px; } @@ -2042,7 +1804,6 @@ i { height: 70px; line-height: 70px; } - .square-box-lg * { line-height: 70px; } @@ -2052,12 +1813,11 @@ i { height: 80px; line-height: 80px; } - .square-box-xl * { line-height: 80px; } -[class*="circle-box"] { +[class*=circle-box] { border-radius: 50%; } @@ -2066,7 +1826,6 @@ i { height: 40px; line-height: 40px; } - .circle-box-xs * { line-height: 40px; } @@ -2076,7 +1835,6 @@ i { height: 50px; line-height: 50px; } - .circle-box-sm * { line-height: 50px; } @@ -2086,7 +1844,6 @@ i { height: 60px; line-height: 60px; } - .circle-box *, .circle-box-md * { line-height: 60px; } @@ -2096,7 +1853,6 @@ i { height: 70px; line-height: 70px; } - .circle-box-lg * { line-height: 70px; } @@ -2106,7 +1862,6 @@ i { height: 80px; line-height: 80px; } - .circle-box-xl * { line-height: 80px; } @@ -2132,9 +1887,8 @@ a { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - a:hover { - color: #121518; + color: rgb(18, 21, 24); text-decoration: none; } @@ -2155,24 +1909,22 @@ a:focus, a:active, button:focus, button:active { position: relative; display: inline-block; overflow: hidden; - background: #e4e8ec; - border: 1px solid #e4e8ec; + background: rgb(228, 232, 236); + border: 1px solid rgb(228, 232, 236); padding: 5px 10px; - color: #121518; + color: rgb(18, 21, 24); font: 500 0.875em "Poppins", sans-serif; letter-spacing: 0.8px; text-transform: uppercase; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .button i { margin-right: 8px; font-size: 15px; } - .button:hover { - color: #121518; + color: rgb(18, 21, 24); } .theme-font-nunito .button { @@ -2201,36 +1953,33 @@ a:focus, a:active, button:focus, button:active { } .button-gray { - background: #e4e8ec; + background: rgb(228, 232, 236); border: 0; } - .button-gray:hover, .button-gray:focus { - background: #dce0e4; - color: #121518; + background: rgb(220, 224, 228); + color: rgb(18, 21, 24); } .button-dark { - background: #202428; + background: rgb(32, 36, 40); border: 0; color: white; } - .button-dark:hover, .button-dark:focus { - background: #181c20; + background: rgb(24, 28, 32); color: white; } .button-white { background: white; border: 0; - color: #121518; + color: rgb(18, 21, 24); } - .button-white:hover, .button-white:focus { background: rgba(255, 255, 255, 0.9); border: 0; - color: #121518; + color: rgb(18, 21, 24); } .button-white-2 { @@ -2238,31 +1987,27 @@ a:focus, a:active, button:focus, button:active { border: 0; color: white; } - .button-white-2:hover, .button-white-2:focus { background: rgba(255, 255, 255, 0.15); color: white; } -[class*='button-social'] { +[class*=button-social] { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); } - -[class*='button-social']:hover, [class*='button-social']:focus { +[class*=button-social]:hover, [class*=button-social]:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); opacity: 0.9; } - -[class*='button-social']:not([class*='button-social-snapchat']) { +[class*=button-social]:not([class*=button-social-snapchat]) { color: white; } - -[class*='button-social']:not([class*='button-social-snapchat']):hover, [class*='button-social']:not([class*='button-social-snapchat']):focus { +[class*=button-social]:not([class*=button-social-snapchat]):hover, [class*=button-social]:not([class*=button-social-snapchat]):focus { color: white; } @@ -2304,11 +2049,10 @@ a:focus, a:active, button:focus, button:active { .button-social-snapchat { background: #FFFC00; - color: #121518; + color: rgb(18, 21, 24); } - .button-social-snapchat:hover { - color: #121518; + color: rgb(18, 21, 24); } .button-gradient-1 { @@ -2339,14 +2083,13 @@ a:focus, a:active, button:focus, button:active { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } -[class*='button-gradient'] { +[class*=button-gradient] { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); color: white; } - -[class*='button-gradient']:hover, [class*='button-gradient']:focus { +[class*=button-gradient]:hover, [class*=button-gradient]:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); @@ -2370,7 +2113,6 @@ a:focus, a:active, button:focus, button:active { box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); color: white; } - .button-theme:hover, .button-theme:focus, .button-blue:hover, .button-blue:focus, @@ -2434,7 +2176,7 @@ a:focus, a:active, button:focus, button:active { background: #03D4D8; } -[class*='button-outline'] { +[class*=button-outline] { background: transparent; } @@ -2461,101 +2203,90 @@ a:focus, a:active, button:focus, button:active { } .button-outline-blue { - border-color: #0093e9; - color: #0093e9; + border-color: rgb(0, 147, 233); + color: rgb(0, 147, 233); } - .button-outline-blue:hover, .button-outline-blue:focus { - background: #0093e9; + background: rgb(0, 147, 233); } .button-outline-purple { - border-color: #b721ff; - color: #b721ff; + border-color: rgb(183, 33, 255); + color: rgb(183, 33, 255); } - .button-outline-purple:hover, .button-outline-purple:focus { - background: #b721ff; + background: rgb(183, 33, 255); } .button-outline-pink-edge { - border-color: #fe9ab6; - color: #fe9ab6; + border-color: rgb(254, 154, 182); + color: rgb(254, 154, 182); } - .button-outline-pink-edge:hover, .button-outline-pink-edge:focus { - background: #fe9ab6; + background: rgb(254, 154, 182); } .button-outline-golden-yellow { - border-color: #ffb657; - color: #ffb657; + border-color: rgb(255, 182, 87); + color: rgb(255, 182, 87); } - .button-outline-golden-yellow:hover, .button-outline-golden-yellow:focus { - background: #ffb657; + background: rgb(255, 182, 87); } .button-outline-very-peri { - border-color: #6667ab; - color: #6667ab; + border-color: rgb(102, 103, 171); + color: rgb(102, 103, 171); } - .button-outline-very-peri:hover, .button-outline-very-peri:focus { - background: #6667ab; + background: rgb(102, 103, 171); } .button-outline-turquoise { - border-color: #4cbfa6; - color: #4cbfa6; + border-color: rgb(76, 191, 166); + color: rgb(76, 191, 166); } - .button-outline-turquoise:hover, .button-outline-turquoise:focus { - background: #4cbfa6; + background: rgb(76, 191, 166); } .button-outline-spring-red { - border-color: #be1f35; - color: #be1f35; + border-color: rgb(190, 31, 53); + color: rgb(190, 31, 53); } - .button-outline-spring-red:hover, .button-outline-spring-red:focus { - background: #be1f35; + background: rgb(190, 31, 53); } .button-outline-tan { - border-color: tan; - color: tan; + border-color: rgb(210, 180, 140); + color: rgb(210, 180, 140); } - .button-outline-tan:hover, .button-outline-tan:focus { - background: tan; + background: rgb(210, 180, 140); } .button-outline-aqua { - border-color: #03d4d8; - color: #03d4d8; + border-color: rgb(3, 212, 216); + color: rgb(3, 212, 216); } - .button-outline-aqua:hover, .button-outline-aqua:focus { - background: #03d4d8; + background: rgb(3, 212, 216); } .button-outline-gray { border-color: rgba(18, 21, 24, 0.15); } - .button-outline-gray:hover, .button-outline-gray:focus { - border-color: #181c20; - color: #121518; + border-color: rgb(24, 28, 32); + color: rgb(18, 21, 24); } .button-outline-dark { - border-color: #181c20; + border-color: rgb(24, 28, 32); } - .button-outline-dark:hover, .button-outline-dark:focus { - background: #181c20; + background: rgb(24, 28, 32); border-color: transparent; color: white; } @@ -2564,7 +2295,6 @@ a:focus, a:active, button:focus, button:active { border-color: rgba(255, 255, 255, 0.3); color: white; } - .button-outline-white:hover, .button-outline-white:focus { border-color: white; color: white; @@ -2574,22 +2304,19 @@ a:focus, a:active, button:focus, button:active { border-color: white; color: white; } - .button-outline-white-2:hover, .button-outline-white-2:focus { background: white; - color: #121518; + color: rgb(18, 21, 24); } -[class*='button-reveal'] span, [class*='button-reveal'] i { +[class*=button-reveal] span, [class*=button-reveal] i { -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } - -[class*='button-reveal'] span { +[class*=button-reveal] span { position: relative; } - -[class*='button-reveal'] i { +[class*=button-reveal] i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); @@ -2597,60 +2324,54 @@ a:focus, a:active, button:focus, button:active { opacity: 0; margin: 0; } - -[class*='button-reveal']:hover i, [class*='button-reveal']:focus i { +[class*=button-reveal]:hover i, [class*=button-reveal]:focus i { opacity: 1; } -[class*='button-reveal-left'] span { +[class*=button-reveal-left] span { left: 0; } - -[class*='button-reveal-left']:hover span, [class*='button-reveal-left']:focus span { +[class*=button-reveal-left]:hover span, [class*=button-reveal-left]:focus span { left: 12px; } -[class*='button-reveal-right'] span { +[class*=button-reveal-right] span { right: 0; } - -[class*='button-reveal-right']:hover span, [class*='button-reveal-right']:focus span { +[class*=button-reveal-right]:hover span, [class*=button-reveal-right]:focus span { right: 12px; } .button-reveal-left-dark, .button-reveal-right-dark { - background: #202428; + background: rgb(32, 36, 40); border: 0; color: white; } - .button-reveal-left-dark:hover, .button-reveal-left-dark:focus, .button-reveal-right-dark:hover, .button-reveal-right-dark:focus { - background: #181c20; + background: rgb(24, 28, 32); color: white; } .button-reveal-left-white, .button-reveal-right-white { background: white; border: 0; - color: #121518; + color: rgb(18, 21, 24); } - .button-reveal-left-white:hover, .button-reveal-left-white:focus, .button-reveal-right-white:hover, .button-reveal-right-white:focus { background: white; - color: #121518; + color: rgb(18, 21, 24); } .button-reveal-left-outline-dark, .button-reveal-right-outline-dark { background: transparent; - border-color: #181c20; + border-color: rgb(24, 28, 32); } - .button-reveal-left-outline-dark:hover, .button-reveal-left-outline-dark:focus, .button-reveal-right-outline-dark:hover, .button-reveal-right-outline-dark:focus { border-color: rgba(18, 21, 24, 0.15); - color: #121518; + color: rgb(18, 21, 24); } .button-reveal-left-outline-white, @@ -2659,7 +2380,6 @@ a:focus, a:active, button:focus, button:active { border-color: rgba(255, 255, 255, 0.3); color: white; } - .button-reveal-left-outline-white:hover, .button-reveal-left-outline-white:focus, .button-reveal-right-outline-white:hover, .button-reveal-right-outline-white:focus { @@ -2667,81 +2387,68 @@ a:focus, a:active, button:focus, button:active { color: white; } -.button-sm[class*='button-reveal-left'] i { +.button-sm[class*=button-reveal-left] i { left: 20px; } - -.button-sm[class*='button-reveal-left']:hover i, .button-sm[class*='button-reveal-left']:focus i { +.button-sm[class*=button-reveal-left]:hover i, .button-sm[class*=button-reveal-left]:focus i { left: 10px; } - -.button-sm[class*='button-reveal-right'] i { +.button-sm[class*=button-reveal-right] i { right: 20px; } - -.button-sm[class*='button-reveal-right']:hover i, .button-sm[class*='button-reveal-right']:focus i { +.button-sm[class*=button-reveal-right]:hover i, .button-sm[class*=button-reveal-right]:focus i { right: 10px; } -.button-md[class*='button-reveal-left'] i { +.button-md[class*=button-reveal-left] i { left: 30px; } - -.button-md[class*='button-reveal-left']:hover i, .button-md[class*='button-reveal-left']:focus i { +.button-md[class*=button-reveal-left]:hover i, .button-md[class*=button-reveal-left]:focus i { left: 18px; } - -.button-md[class*='button-reveal-right'] i { +.button-md[class*=button-reveal-right] i { right: 30px; } - -.button-md[class*='button-reveal-right']:hover i, .button-md[class*='button-reveal-right']:focus i { +.button-md[class*=button-reveal-right]:hover i, .button-md[class*=button-reveal-right]:focus i { right: 18px; } -.button-lg[class*='button-reveal-left'] i { +.button-lg[class*=button-reveal-left] i { left: 40px; } - -.button-lg[class*='button-reveal-left']:hover i, .button-lg[class*='button-reveal-left']:focus i { +.button-lg[class*=button-reveal-left]:hover i, .button-lg[class*=button-reveal-left]:focus i { left: 28px; } - -.button-lg[class*='button-reveal-right'] i { +.button-lg[class*=button-reveal-right] i { right: 40px; } - -.button-lg[class*='button-reveal-right']:hover i, .button-lg[class*='button-reveal-right']:focus i { +.button-lg[class*=button-reveal-right]:hover i, .button-lg[class*=button-reveal-right]:focus i { right: 28px; } -.button-xl[class*='button-reveal-left'] i { +.button-xl[class*=button-reveal-left] i { left: 50px; } - -.button-xl[class*='button-reveal-left']:hover i, .button-xl[class*='button-reveal-left']:focus i { +.button-xl[class*=button-reveal-left]:hover i, .button-xl[class*=button-reveal-left]:focus i { left: 38px; } - -.button-xl[class*='button-reveal-right'] i { +.button-xl[class*=button-reveal-right] i { right: 50px; } - -.button-xl[class*='button-reveal-right']:hover i, .button-xl[class*='button-reveal-right']:focus i { +.button-xl[class*=button-reveal-right]:hover i, .button-xl[class*=button-reveal-right]:focus i { right: 38px; } .button-backdrop-dark { background: white; border-radius: 0.5em; - border: 2px solid #121518; - -webkit-box-shadow: 4px 4px 0 0 #121518; - box-shadow: 4px 4px 0 0 #121518; + border: 2px solid rgb(18, 21, 24); + -webkit-box-shadow: 4px 4px 0 0 rgb(18, 21, 24); + box-shadow: 4px 4px 0 0 rgb(18, 21, 24); } - .button-backdrop-dark:hover, .button-backdrop-dark:focus { - -webkit-box-shadow: 2px 2px 0 0 #121518; - box-shadow: 2px 2px 0 0 #121518; + -webkit-box-shadow: 2px 2px 0 0 rgb(18, 21, 24); + box-shadow: 2px 2px 0 0 rgb(18, 21, 24); } .button-backdrop-white { @@ -2752,61 +2459,59 @@ a:focus, a:active, button:focus, button:active { box-shadow: 4px 4px 0 0 white; color: white; } - .button-backdrop-white:hover, .button-backdrop-white:focus { -webkit-box-shadow: 2px 2px 0 0 white; box-shadow: 2px 2px 0 0 white; color: white; } -[class*='button-backdrop-color'] { +[class*=button-backdrop-color] { border-radius: 0.5em; - border: 2px solid #121518; - -webkit-box-shadow: 4px 4px 0 0 #121518; - box-shadow: 4px 4px 0 0 #121518; + border: 2px solid rgb(18, 21, 24); + -webkit-box-shadow: 4px 4px 0 0 rgb(18, 21, 24); + box-shadow: 4px 4px 0 0 rgb(18, 21, 24); color: white; } - -[class*='button-backdrop-color']:hover, [class*='button-backdrop-color']:focus { - -webkit-box-shadow: 2px 2px 0 0 #121518; - box-shadow: 2px 2px 0 0 #121518; +[class*=button-backdrop-color]:hover, [class*=button-backdrop-color]:focus { + -webkit-box-shadow: 2px 2px 0 0 rgb(18, 21, 24); + box-shadow: 2px 2px 0 0 rgb(18, 21, 24); color: white; } .button-backdrop-color-aqua { - background: #03d4d8; + background: rgb(3, 212, 216); } .button-backdrop-color-blue { - background: #0093e9; + background: rgb(0, 147, 233); } .button-backdrop-color-golden-yellow { - background: #ffb657; + background: rgb(255, 182, 87); } .button-backdrop-color-pink-edge { - background: #fe9ab6; + background: rgb(254, 154, 182); } .button-backdrop-color-purple { - background: #b721ff; + background: rgb(183, 33, 255); } .button-backdrop-color-spring-red { - background: #be1f35; + background: rgb(190, 31, 53); } .button-backdrop-color-tan { - background: tan; + background: rgb(210, 180, 140); } .button-backdrop-color-turquoise { - background: #4cbfa6; + background: rgb(76, 191, 166); } .button-backdrop-color-very-peri { - background: #6667ab; + background: rgb(102, 103, 171); } .button-text-1, @@ -2826,7 +2531,7 @@ a:focus, a:active, button:focus, button:active { } .button-text-1:before { - content: ''; + content: ""; position: absolute; bottom: -1px; left: 0; @@ -2834,9 +2539,8 @@ a:focus, a:active, button:focus, button:active { width: 100%; height: 1px; } - .button-text-1:after { - content: ''; + content: ""; position: absolute; right: 0; bottom: -1px; @@ -2846,7 +2550,6 @@ a:focus, a:active, button:focus, button:active { -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } - .button-text-1:hover:after { width: 100%; -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; @@ -2854,7 +2557,7 @@ a:focus, a:active, button:focus, button:active { } .button-text-2:before { - content: ''; + content: ""; position: absolute; top: 40%; right: 0; @@ -2864,9 +2567,8 @@ a:focus, a:active, button:focus, button:active { -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } - .button-text-2:after { - content: ''; + content: ""; position: absolute; bottom: -1px; right: 0; @@ -2876,12 +2578,10 @@ a:focus, a:active, button:focus, button:active { -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } - .button-text-2:hover:before { -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } - .button-text-2:hover:after { -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; @@ -2892,9 +2592,8 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } - .button-text-3:before { - content: ''; + content: ""; position: absolute; top: 50%; left: 0; @@ -2906,11 +2605,9 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } - .button-text-3:hover { padding-left: 40px; } - .button-text-3:hover:before { width: 30px; } @@ -2929,7 +2626,6 @@ a:focus, a:active, button:focus, button:active { transform-origin: 100% 50%; } } - @keyframes button-line-out { 0% { -webkit-transform: scaleX(1); @@ -2944,7 +2640,6 @@ a:focus, a:active, button:focus, button:active { transform-origin: 100% 50%; } } - @-webkit-keyframes button-line-in { 0% { -webkit-transform: scaleX(0); @@ -2959,7 +2654,6 @@ a:focus, a:active, button:focus, button:active { transform-origin: 0 50%; } } - @keyframes button-line-in { 0% { -webkit-transform: scaleX(0); @@ -2974,329 +2668,268 @@ a:focus, a:active, button:focus, button:active { transform-origin: 0 50%; } } - .bg-black .button-text-1, .bg-black .button-text-2, .bg-black .button-text-3, -[class*='bg-dark'] .button-text-1, -[class*='bg-dark'] .button-text-2, -[class*='bg-dark'] .button-text-3, -[class*='bg-gradient-'] .button-text-1, -[class*='bg-gradient-'] .button-text-2, -[class*='bg-gradient-'] .button-text-3, -[class*='bg-color-'] .button-text-1, -[class*='bg-color-'] .button-text-2, -[class*='bg-color-'] .button-text-3 { +[class*=bg-dark] .button-text-1, +[class*=bg-dark] .button-text-2, +[class*=bg-dark] .button-text-3, +[class*=bg-gradient-] .button-text-1, +[class*=bg-gradient-] .button-text-2, +[class*=bg-gradient-] .button-text-3, +[class*=bg-color-] .button-text-1, +[class*=bg-color-] .button-text-2, +[class*=bg-color-] .button-text-3 { color: rgba(255, 255, 255, 0.8); } - .bg-black .button-text-1:hover, .bg-black .button-text-2:hover, .bg-black .button-text-3:hover, -[class*='bg-dark'] .button-text-1:hover, -[class*='bg-dark'] .button-text-2:hover, -[class*='bg-dark'] .button-text-3:hover, -[class*='bg-gradient-'] .button-text-1:hover, -[class*='bg-gradient-'] .button-text-2:hover, -[class*='bg-gradient-'] .button-text-3:hover, -[class*='bg-color-'] .button-text-1:hover, -[class*='bg-color-'] .button-text-2:hover, -[class*='bg-color-'] .button-text-3:hover { +[class*=bg-dark] .button-text-1:hover, +[class*=bg-dark] .button-text-2:hover, +[class*=bg-dark] .button-text-3:hover, +[class*=bg-gradient-] .button-text-1:hover, +[class*=bg-gradient-] .button-text-2:hover, +[class*=bg-gradient-] .button-text-3:hover, +[class*=bg-color-] .button-text-1:hover, +[class*=bg-color-] .button-text-2:hover, +[class*=bg-color-] .button-text-3:hover { color: white; } - .bg-black .button-text-1:before, -[class*='bg-dark'] .button-text-1:before, -[class*='bg-gradient-'] .button-text-1:before, -[class*='bg-color-'] .button-text-1:before { +[class*=bg-dark] .button-text-1:before, +[class*=bg-gradient-] .button-text-1:before, +[class*=bg-color-] .button-text-1:before { background: rgba(255, 255, 255, 0.3); } - .bg-black .button-text-1:after, -[class*='bg-dark'] .button-text-1:after, -[class*='bg-gradient-'] .button-text-1:after, -[class*='bg-color-'] .button-text-1:after { +[class*=bg-dark] .button-text-1:after, +[class*=bg-gradient-] .button-text-1:after, +[class*=bg-color-] .button-text-1:after { background: white; } - .bg-black .button-text-2:before, -[class*='bg-dark'] .button-text-2:before, -[class*='bg-gradient-'] .button-text-2:before, -[class*='bg-color-'] .button-text-2:before { +[class*=bg-dark] .button-text-2:before, +[class*=bg-gradient-] .button-text-2:before, +[class*=bg-color-] .button-text-2:before { background: rgba(255, 255, 255, 0.4); } - .bg-black .button-text-2:after, -[class*='bg-dark'] .button-text-2:after, -[class*='bg-gradient-'] .button-text-2:after, -[class*='bg-color-'] .button-text-2:after { +[class*=bg-dark] .button-text-2:after, +[class*=bg-gradient-] .button-text-2:after, +[class*=bg-color-] .button-text-2:after { background: white; } - .bg-black .button-text-3:before, -[class*='bg-dark'] .button-text-3:before, -[class*='bg-gradient-'] .button-text-3:before, -[class*='bg-color-'] .button-text-3:before { +[class*=bg-dark] .button-text-3:before, +[class*=bg-gradient-] .button-text-3:before, +[class*=bg-color-] .button-text-3:before { background: rgba(255, 255, 255, 0.8); } - .bg-black .button-text-3:hover:before, -[class*='bg-dark'] .button-text-3:hover:before, -[class*='bg-gradient-'] .button-text-3:hover:before, -[class*='bg-color-'] .button-text-3:hover:before { +[class*=bg-dark] .button-text-3:hover:before, +[class*=bg-gradient-] .button-text-3:hover:before, +[class*=bg-color-] .button-text-3:hover:before { background: white; } .button-circle { - background: #e4e8ec; + background: rgb(228, 232, 236); display: inline-block; - border: 1px solid #e4e8ec; + border: 1px solid rgb(228, 232, 236); border-radius: 50%; - color: #121518; + color: rgb(18, 21, 24); text-align: center; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .button-circle:hover { color: #7C7C7C; } - .button-circle.button-circle-gray { - background: #e4e8ec; + background: rgb(228, 232, 236); border: 0; } - .button-circle.button-circle-gray:hover, .button-circle.button-circle-gray:focus { - background: #dce0e4; - color: #121518; + background: rgb(220, 224, 228); + color: rgb(18, 21, 24); } - .button-circle.button-circle-dark { - background: #202428; + background: rgb(32, 36, 40); border: 0; color: white; } - .button-circle.button-circle-dark:hover, .button-circle.button-circle-dark:focus { - background: #181c20; + background: rgb(24, 28, 32); color: white; } - .button-circle.button-circle-white { background: white; border: 0; - color: #121518; + color: rgb(18, 21, 24); } - .button-circle.button-circle-white:hover, .button-circle.button-circle-white:focus { background: rgba(255, 255, 255, 0.9); - color: #121518; + color: rgb(18, 21, 24); } - .button-circle.button-circle-white-2 { background: rgba(255, 255, 255, 0.1); border: 0; color: white; } - .button-circle.button-circle-white-2:hover, .button-circle.button-circle-white-2:focus { background: rgba(255, 255, 255, 0.15); color: white; } - -.button-circle[class*='button-circle-outline'] { +.button-circle[class*=button-circle-outline] { background: transparent; } - .button-circle.button-circle-outline-gray { border-color: rgba(18, 21, 24, 0.15); } - .button-circle.button-circle-outline-gray:hover, .button-circle.button-circle-outline-gray:focus { - border-color: #181c20; - color: #121518; + border-color: rgb(24, 28, 32); + color: rgb(18, 21, 24); } - .button-circle.button-circle-outline-dark { - border-color: #181c20; + border-color: rgb(24, 28, 32); } - .button-circle.button-circle-outline-dark:hover, .button-circle.button-circle-outline-dark:focus { - background: #181c20; + background: rgb(24, 28, 32); border-color: transparent; color: white; } - .button-circle.button-circle-outline-white { border-color: rgba(255, 255, 255, 0.3); color: white; } - .button-circle.button-circle-outline-white:hover, .button-circle.button-circle-outline-white:focus { border-color: white; color: white; } - .button-circle.button-circle-outline-white-2 { border-color: white; color: white; } - .button-circle.button-circle-outline-white-2:hover, .button-circle.button-circle-outline-white-2:focus { background: white; - color: #121518; + color: rgb(18, 21, 24); } - .button-circle.button-circle-outline-aqua { - border-color: #03d4d8; - color: #03d4d8; + border-color: rgb(3, 212, 216); + color: rgb(3, 212, 216); } - .button-circle.button-circle-outline-aqua:hover, .button-circle.button-circle-outline-aqua:focus { - background: #03d4d8; + background: rgb(3, 212, 216); color: white; } - .button-circle.button-circle-outline-theme:hover, .button-circle.button-circle-outline-theme:focus, .button-circle.button-circle-outline-aqua:hover, .button-circle.button-circle-outline-aqua:focus, .button-circle.button-circle-outline-blue:hover, .button-circle.button-circle-outline-blue:focus, .button-circle.button-circle-outline-golden-yellow:hover, .button-circle.button-circle-outline-golden-yellow:focus, .button-circle.button-circle-outline-pink-edge:hover, .button-circle.button-circle-outline-pink-edge:focus, .button-circle.button-circle-outline-purple:hover, .button-circle.button-circle-outline-purple:focus, .button-circle.button-circle-outline-spring-red:hover, .button-circle.button-circle-outline-spring-red:focus, .button-circle.button-circle-outline-tan:hover, .button-circle.button-circle-outline-tan:focus, .button-circle.button-circle-outline-turquoise:hover, .button-circle.button-circle-outline-turquoise:focus, .button-circle.button-circle-outline-very-peri:hover, .button-circle.button-circle-outline-very-peri:focus { color: white; } - .button-circle.button-circle-outline-blue { - border-color: #0093e9; - color: #0093e9; + border-color: rgb(0, 147, 233); + color: rgb(0, 147, 233); } - .button-circle.button-circle-outline-blue:hover, .button-circle.button-circle-outline-blue:focus { - background: #0093e9; + background: rgb(0, 147, 233); } - .button-circle.button-circle-outline-golden-yellow { - border-color: #ffb657; - color: #ffb657; + border-color: rgb(255, 182, 87); + color: rgb(255, 182, 87); } - .button-circle.button-circle-outline-golden-yellow:hover, .button-circle.button-circle-outline-golden-yellow:focus { - background: #ffb657; + background: rgb(255, 182, 87); } - .button-circle.button-circle-outline-pink-edge { - border-color: #fe9ab6; - color: #fe9ab6; + border-color: rgb(254, 154, 182); + color: rgb(254, 154, 182); } - .button-circle.button-circle-outline-pink-edge:hover, .button-circle.button-circle-outline-pink-edge:focus { - background: #fe9ab6; + background: rgb(254, 154, 182); } - .button-circle.button-circle-outline-purple { - border-color: #b721ff; - color: #b721ff; + border-color: rgb(183, 33, 255); + color: rgb(183, 33, 255); } - .button-circle.button-circle-outline-purple:hover, .button-circle.button-circle-outline-purple:focus { - background: #b721ff; + background: rgb(183, 33, 255); } - .button-circle.button-circle-outline-spring-red { - border-color: #be1f35; - color: #be1f35; + border-color: rgb(190, 31, 53); + color: rgb(190, 31, 53); } - .button-circle.button-circle-outline-spring-red:hover, .button-circle.button-circle-outline-spring-red:focus { - background: #be1f35; + background: rgb(190, 31, 53); } - .button-circle.button-circle-outline-tan { - border-color: tan; - color: tan; + border-color: rgb(210, 180, 140); + color: rgb(210, 180, 140); } - .button-circle.button-circle-outline-tan:hover, .button-circle.button-circle-outline-tan:focus { - background: tan; + background: rgb(210, 180, 140); } - .button-circle.button-circle-outline-turquoise { - border-color: #4cbfa6; - color: #4cbfa6; + border-color: rgb(76, 191, 166); + color: rgb(76, 191, 166); } - .button-circle.button-circle-outline-turquoise:hover, .button-circle.button-circle-outline-turquoise:focus { - background: #4cbfa6; + background: rgb(76, 191, 166); } - .button-circle.button-circle-outline-very-peri { - border-color: #6667ab; - color: #6667ab; + border-color: rgb(102, 103, 171); + color: rgb(102, 103, 171); } - .button-circle.button-circle-outline-very-peri:hover, .button-circle.button-circle-outline-very-peri:focus { - background: #6667ab; + background: rgb(102, 103, 171); } - .button-circle.button-circle-gradient-1 { background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } - .button-circle.button-circle-gradient-1:hover, .button-circle.button-circle-gradient-1:focus { background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } - .button-circle.button-circle-gradient-2 { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } - .button-circle.button-circle-gradient-2:hover, .button-circle.button-circle-gradient-2:focus { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } - .button-circle.button-circle-gradient-3 { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } - .button-circle.button-circle-gradient-3:hover, .button-circle.button-circle-gradient-3:focus { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } - .button-circle.button-circle-gradient-4 { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } - .button-circle.button-circle-gradient-4:hover, .button-circle.button-circle-gradient-4:focus { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } - .button-circle.button-circle-gradient-5 { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } - .button-circle.button-circle-gradient-5:hover, .button-circle.button-circle-gradient-5:focus { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } - .button-circle.button-circle-gradient-6 { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } - .button-circle.button-circle-gradient-6:hover, .button-circle.button-circle-gradient-6:focus { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } - .button-circle.button-circle-gradient-7 { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } - .button-circle.button-circle-gradient-7:hover, .button-circle.button-circle-gradient-7:focus { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } - .button-circle.button-circle-theme, .button-circle.button-circle-blue, .button-circle.button-circle-purple, .button-circle.button-circle-pink-edge, .button-circle.button-circle-golden-yellow, .button-circle.button-circle-very-peri, .button-circle.button-circle-turquoise, .button-circle.button-circle-spring-red, .button-circle.button-circle-tan, .button-circle.button-circle-aqua { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); color: white; } - .button-circle.button-circle-theme:hover, .button-circle.button-circle-theme:focus, .button-circle.button-circle-blue:hover, .button-circle.button-circle-blue:focus, .button-circle.button-circle-purple:hover, .button-circle.button-circle-purple:focus, .button-circle.button-circle-pink-edge:hover, .button-circle.button-circle-pink-edge:focus, .button-circle.button-circle-golden-yellow:hover, .button-circle.button-circle-golden-yellow:focus, .button-circle.button-circle-very-peri:hover, .button-circle.button-circle-very-peri:focus, .button-circle.button-circle-turquoise:hover, .button-circle.button-circle-turquoise:focus, .button-circle.button-circle-spring-red:hover, .button-circle.button-circle-spring-red:focus, .button-circle.button-circle-tan:hover, .button-circle.button-circle-tan:focus, .button-circle.button-circle-aqua:hover, .button-circle.button-circle-aqua:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); @@ -3305,104 +2938,81 @@ a:focus, a:active, button:focus, button:active { opacity: 0.9; color: white; } - .button-circle.button-circle-blue { background: #0093E9; } - .button-circle.button-circle-purple { background: #B721FF; } - .button-circle.button-circle-pink-edge { background: #FE9AB6; } - .button-circle.button-circle-golden-yellow { background: #FFB657; } - .button-circle.button-circle-very-peri { background: #6667AB; } - .button-circle.button-circle-turquoise { background: #4cbfa6; } - .button-circle.button-circle-spring-red { background: #BE1F35; } - .button-circle.button-circle-tan { background: #d2b48c; } - .button-circle.button-circle-aqua { background: #03D4D8; } - -.button-circle[class*='button-circle-social'] { +.button-circle[class*=button-circle-social] { color: white; } - -.button-circle[class*='button-circle-social']:hover { +.button-circle[class*=button-circle-social]:hover { color: white; } - .button-circle.button-circle-social-facebook { background: #1877F2; } - .button-circle.button-circle-social-twitter { background: #1DA1F2; } - .button-circle.button-circle-social-instagram { background: #E4405F; } - .button-circle.button-circle-social-linkedin { background: #0A66C2; } - .button-circle.button-circle-social-youtube { background: #CD201F; } - .button-circle.button-circle-social-pinterest { background: #BD081C; } - .button-circle.button-circle-social-skype { background: #00AFF0; } - .button-circle.button-circle-social-dribbble { background: #EA4C89; } - .button-circle.button-circle-social-snapchat { background: #FFFC00; - color: #121518; + color: rgb(18, 21, 24); } - .button-circle.button-circle-social-snapchat:hover { - color: #121518; + color: rgb(18, 21, 24); } - .button-circle.button-circle-social-whatsapp { background: #25D366; } -[class*='button-circle-gradient'] { +[class*=button-circle-gradient] { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); color: white; } - -[class*='button-circle-gradient']:hover, [class*='button-circle-gradient']:focus { +[class*=button-circle-gradient]:hover, [class*=button-circle-gradient]:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); @@ -3411,13 +3021,12 @@ a:focus, a:active, button:focus, button:active { color: white; } -[class*='button-circle-social'] { +[class*=button-circle-social] { border: 0; -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13); } - -[class*='button-circle-social']:hover, [class*='button-circle-social']:focus { +[class*=button-circle-social]:hover, [class*=button-circle-social]:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19); @@ -3430,7 +3039,6 @@ a:focus, a:active, button:focus, button:active { height: 40px; line-height: 40px; } - .button-circle-sm i { line-height: 40px; } @@ -3440,7 +3048,6 @@ a:focus, a:active, button:focus, button:active { height: 50px; line-height: 50px; } - .button-circle-md i { line-height: 50px; } @@ -3450,7 +3057,6 @@ a:focus, a:active, button:focus, button:active { height: 60px; line-height: 60px; } - .button-circle-lg i { line-height: 60px; } @@ -3460,7 +3066,6 @@ a:focus, a:active, button:focus, button:active { height: 70px; line-height: 70px; } - .button-circle-xl i { line-height: 70px; } @@ -3470,35 +3075,30 @@ a:focus, a:active, button:focus, button:active { display: inline-block; overflow: hidden; } - .button-circle-hover-slide i { position: absolute; left: 50%; -webkit-transition: ease-out 0.22s; transition: ease-out 0.22s; } - .button-circle-hover-slide i:first-child { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 1; } - .button-circle-hover-slide i:last-child { top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } - .button-circle-hover-slide:hover i:first-child { top: -100%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); opacity: 0; } - .button-circle-hover-slide:hover i:last-child { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); @@ -3510,9 +3110,8 @@ a:focus, a:active, button:focus, button:active { position: relative; z-index: 1; } - .button-circle-ripple:before { - content: ''; + content: ""; position: absolute; top: 50%; left: 50%; @@ -3527,15 +3126,12 @@ a:focus, a:active, button:focus, button:active { -webkit-animation: button-ripple 1.8s ease-out infinite; animation: button-ripple 1.8s ease-out infinite; } - .button-circle-ripple.button-circle-dark:before { background: rgba(18, 21, 24, 0.15); } - .button-circle-ripple.button-circle-white:before, .button-circle-ripple.button-circle-white-2:before { background: rgba(255, 255, 255, 0.2); } - .button-circle-ripple.button-circle-outline-white:before, .button-circle-ripple.button-circle-outline-white-2:before { background: rgba(255, 255, 255, 0.15); } @@ -3557,7 +3153,6 @@ a:focus, a:active, button:focus, button:active { height: 100%; } } - @keyframes button-ripple { 0% { opacity: 1; @@ -3575,7 +3170,6 @@ a:focus, a:active, button:focus, button:active { height: 100%; } } - .button-font-2 { font-size: 0.938em; letter-spacing: -0.2px; @@ -3609,7 +3203,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transform: scale(1.03); transform: scale(1.03); } - .button-hover-scale.button-circle:hover, .button-hover-scale.button-circle:focus { -webkit-transform: scale(1.04); transform: scale(1.04); @@ -3619,7 +3212,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transform: scale(0.97); transform: scale(0.97); } - .button-hover-shrink.button-circle:hover, .button-hover-shrink.button-circle:focus { -webkit-transform: scale(0.96); transform: scale(0.96); @@ -3629,7 +3221,6 @@ a:focus, a:active, button:focus, button:active { -webkit-box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.1); box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.1); } - .button-shadow:hover, .button-shadow:focus { -webkit-box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.15); box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.15); @@ -3638,13 +3229,11 @@ a:focus, a:active, button:focus, button:active { .client-box { text-align: center; } - .client-box a img { opacity: 0.4; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .client-box a:hover img, .client-box a:focus img { opacity: 1; } @@ -3660,7 +3249,6 @@ a:focus, a:active, button:focus, button:active { padding: 0; text-align: center; } - .clients-grid li { position: relative; float: left; @@ -3668,137 +3256,113 @@ a:focus, a:active, button:focus, button:active { margin: 0; padding: 30px; } - .clients-grid li:before, .clients-grid li:after { - content: ''; + content: ""; position: absolute; } - .clients-grid li:before { top: 0; left: -1px; height: 100%; border-left: 1px dashed rgba(18, 21, 24, 0.1); } - .clients-grid li:after { left: 0; bottom: -1px; width: 100%; border-bottom: 1px dashed rgba(18, 21, 24, 0.1); } - .clients-grid li a img { opacity: 0.4; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .clients-grid li a:hover img, .clients-grid li a:focus img { opacity: 1; } - @media (max-width: 991.98px) { .clients-grid li { width: 25%; } } - @media (max-width: 767.98px) { .clients-grid li { width: 33.3%; } } - @media (max-width: 575.98px) { .clients-grid li { width: 50%; } } - .clients-grid.column-5 li { width: 20%; } - @media (max-width: 991.98px) { .clients-grid.column-5 li { width: 25%; } } - @media (max-width: 767.98px) { .clients-grid.column-5 li { width: 33.3%; } } - @media (max-width: 575.98px) { .clients-grid.column-5 li { width: 50%; } } - -.clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { +.clients-grid.column-4 li, .clients-grid.portfolio-masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.masonry.column-5 li { width: 25%; } - @media (max-width: 767.98px) { - .clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { + .clients-grid.column-4 li, .clients-grid.portfolio-masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.masonry.column-5 li { width: 33.3%; } } - @media (max-width: 575.98px) { - .clients-grid.column-4 li, .clients-grid.masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.portfolio-masonry.column-6 li { + .clients-grid.column-4 li, .clients-grid.portfolio-masonry.column-6 li, .clients-grid.portfolio-masonry.column-5 li, .clients-grid.masonry.column-6 li, .clients-grid.masonry.column-5 li { width: 50%; } } - .clients-grid.column-3 li { width: 33.3%; } - @media (max-width: 767.98px) { .clients-grid.column-3 li { width: 50%; } } - .clients-grid.column-2 li { width: 50%; } - .clients-grid.border-style-solid { border: 0; } - .clients-grid.border-style-solid li:before { border-left-style: solid; } - .clients-grid.border-style-solid li:after { border-bottom-style: solid; } - .clients-grid.border-style-dotted { border: 0; } - .clients-grid.border-style-dotted li:before { border-left-style: dotted; } - .clients-grid.border-style-dotted li:after { border-bottom-style: dotted; } .bg-black .clients-grid li:before, .bg-black .clients-grid li:after, -[class*='bg-dark'] .clients-grid li:before, -[class*='bg-dark'] .clients-grid li:after, -[class*='bg-gradient-'] .clients-grid li:before, -[class*='bg-gradient-'] .clients-grid li:after, -[class*='bg-color-'] .clients-grid li:before, -[class*='bg-color-'] .clients-grid li:after { +[class*=bg-dark] .clients-grid li:before, +[class*=bg-dark] .clients-grid li:after, +[class*=bg-gradient-] .clients-grid li:before, +[class*=bg-gradient-] .clients-grid li:after, +[class*=bg-color-] .clients-grid li:before, +[class*=bg-color-] .clients-grid li:after { border-color: rgba(255, 255, 255, 0.2); } @@ -3813,13 +3377,11 @@ a:focus, a:active, button:focus, button:active { min-height: 50px; padding-left: 74px; } - @media (max-width: 991.98px) { .feature-box { padding-left: 66px; } } - .feature-box .feature-box-icon { position: absolute; top: 0; @@ -3831,7 +3393,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .feature-box .feature-box-icon * { margin: 0; line-height: 50px; @@ -3839,116 +3400,96 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .feature-box .feature-box-icon a { display: block; } - .feature-box .feature-box-icon.middle { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } - .feature-box h1, .feature-box h2, .feature-box h3, .feature-box h4, .feature-box h5, .feature-box h6 { width: 100%; } - .feature-box.feature-box-xl { min-height: 70px; padding-left: 94px; } - @media (max-width: 991.98px) { .feature-box.feature-box-xl { padding-left: 86px; } } - .feature-box.feature-box-xl .feature-box-icon { width: 70px; height: 70px; } - .feature-box.feature-box-xl .feature-box-icon * { line-height: 70px; } - .feature-box.feature-box-lg { min-height: 60px; padding-left: 84px; } - @media (max-width: 991.98px) { .feature-box.feature-box-lg { padding-left: 80px; } } - .feature-box.feature-box-lg .feature-box-icon { width: 60px; height: 60px; } - .feature-box.feature-box-lg .feature-box-icon * { line-height: 60px; } - .feature-box.feature-box-sm { min-height: 40px; padding-left: 64px; } - @media (max-width: 991.98px) { .feature-box.feature-box-sm { padding-left: 56px; } } - .feature-box.feature-box-sm .feature-box-icon { width: 40px; height: 40px; } - .feature-box.feature-box-sm .feature-box-icon * { line-height: 40px; } - .feature-box.feature-box-xs { min-height: 32px; padding-left: 54px; } - @media (max-width: 991.98px) { .feature-box.feature-box-xs { padding-left: 48px; } } - .feature-box.feature-box-xs .feature-box-icon { width: 32px; height: 32px; } - .feature-box.feature-box-xs .feature-box-icon * { line-height: 32px; } -[class^="hoverbox"] { +[class^=hoverbox] { overflow: hidden; position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: inline-block; } - -[class^="hoverbox"] img { +[class^=hoverbox] img { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .hoverbox-1:before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -3961,22 +3502,18 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-1:hover:before, .hoverbox-1:focus:before { visibility: visible; opacity: 1; } - .hoverbox-1:hover img, .hoverbox-1:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .hoverbox-1:hover .hover-content, .hoverbox-1:focus .hover-content { visibility: visible; opacity: 1; } - .hoverbox-1 .hover-content { position: absolute; z-index: 2; @@ -3986,11 +3523,9 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-1 .hover-content h1, .hoverbox-1 .hover-content h2, .hoverbox-1 .hover-content h3, .hoverbox-1 .hover-content h4, .hoverbox-1 .hover-content h5, .hoverbox-1 .hover-content h6 { color: white; } - .hoverbox-1 .hover-content.center { top: 50%; right: 0; @@ -4001,11 +3536,9 @@ a:focus, a:active, button:focus, button:active { margin-top: 5px; padding: 0 30px; } - .hoverbox-1 .hover-content.center:hover, .hoverbox-1 .hover-content.center:focus { margin-top: 0; } - .hoverbox-1 .hover-content.bottom { right: 0; bottom: 0; @@ -4015,14 +3548,13 @@ a:focus, a:active, button:focus, button:active { width: 100%; padding: 30px; } - .hoverbox-1 .hover-content.bottom:hover, .hoverbox-1 .hover-content.bottom:focus { -webkit-transform: translateY(0); transform: translateY(0); } .hoverbox-2:before { - content: ''; + content: ""; position: absolute; top: 16px; right: 16px; @@ -4038,7 +3570,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-2 .hover-content { position: absolute; top: 50%; @@ -4054,25 +3585,21 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - @media (max-width: 991.98px) { .hoverbox-2 .hover-content { padding: 0 20px; } } - .hoverbox-2:hover:before, .hoverbox-2:focus:before { -webkit-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } - .hoverbox-2:hover img, .hoverbox-2:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .hoverbox-2:hover .hover-content, .hoverbox-2:focus .hover-content { visibility: visible; opacity: 1; @@ -4083,7 +3610,6 @@ a:focus, a:active, button:focus, button:active { .hoverbox-3 .hover-content { color: #7C7C7C; } - .hoverbox-2 .hover-content h1, .hoverbox-2 .hover-content h2, .hoverbox-2 .hover-content h3, .hoverbox-2 .hover-content h4, .hoverbox-2 .hover-content h5, .hoverbox-2 .hover-content h6, .hoverbox-3 .hover-content h1, .hoverbox-3 .hover-content h2, @@ -4091,18 +3617,16 @@ a:focus, a:active, button:focus, button:active { .hoverbox-3 .hover-content h4, .hoverbox-3 .hover-content h5, .hoverbox-3 .hover-content h6 { - color: #121518; + color: rgb(18, 21, 24); } - -.hoverbox-2 .hover-content a:not([class^='button']), -.hoverbox-3 .hover-content a:not([class^='button']) { +.hoverbox-2 .hover-content a:not([class^=button]), +.hoverbox-3 .hover-content a:not([class^=button]) { color: rgba(18, 21, 24, 0.9); } - -.hoverbox-2 .hover-content a:not([class^='button']):hover, .hoverbox-2 .hover-content a:not([class^='button']):focus, -.hoverbox-3 .hover-content a:not([class^='button']):hover, -.hoverbox-3 .hover-content a:not([class^='button']):focus { - color: #121518; +.hoverbox-2 .hover-content a:not([class^=button]):hover, .hoverbox-2 .hover-content a:not([class^=button]):focus, +.hoverbox-3 .hover-content a:not([class^=button]):hover, +.hoverbox-3 .hover-content a:not([class^=button]):focus { + color: rgb(18, 21, 24); } .hoverbox-3 .hover-content { @@ -4121,18 +3645,15 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - @media (max-width: 991.98px) { .hoverbox-3 .hover-content { padding: 20px; } } - .hoverbox-3:hover img, .hoverbox-3:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .hoverbox-3:hover .hover-content, .hoverbox-3:focus .hover-content { -webkit-transform: translateY(0); transform: translateY(0); @@ -4141,7 +3662,7 @@ a:focus, a:active, button:focus, button:active { } .hoverbox-4:after { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -4151,7 +3672,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-4 .content, .hoverbox-4 .hover-content { position: absolute; @@ -4160,7 +3680,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-4 .content h1, .hoverbox-4 .content h2, .hoverbox-4 .content h3, .hoverbox-4 .content h4, .hoverbox-4 .content h5, .hoverbox-4 .content h6, .hoverbox-4 .hover-content h1, .hoverbox-4 .hover-content h2, @@ -4170,26 +3689,21 @@ a:focus, a:active, button:focus, button:active { .hoverbox-4 .hover-content h6 { color: white; } - .hoverbox-4 .hover-content { visibility: hidden; opacity: 0; } - .hoverbox-4:hover:after, .hoverbox-4:focus:after { background: rgba(18, 21, 24, 0.5); } - .hoverbox-4:hover img, .hoverbox-4:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .hoverbox-4:hover .content, .hoverbox-4:focus .content { visibility: hidden; opacity: 0; } - .hoverbox-4:hover .hover-content, .hoverbox-4:focus .hover-content { visibility: visible; opacity: 1; @@ -4204,19 +3718,15 @@ a:focus, a:active, button:focus, button:active { width: 100%; padding: 0 30px; } - .hoverbox-4.center .hover-content { margin-top: 5px; } - .hoverbox-4.center:hover .content, .hoverbox-4.center:focus .content { margin-top: -5px; } - .hoverbox-4.center:hover .hover-content, .hoverbox-4.center:focus .hover-content { margin-top: 0; } - .hoverbox-4.bottom .content, .hoverbox-4.bottom .hover-content { bottom: 0; @@ -4224,24 +3734,21 @@ a:focus, a:active, button:focus, button:active { width: 100%; padding: 30px; } - .hoverbox-4.bottom .hover-content { -webkit-transform: translateY(5px); transform: translateY(5px); } - .hoverbox-4.bottom:hover .content, .hoverbox-4.bottom:focus .content { -webkit-transform: translateY(-5px); transform: translateY(-5px); } - .hoverbox-4.bottom:hover .hover-content, .hoverbox-4.bottom:focus .hover-content { -webkit-transform: translateY(0); transform: translateY(0); } .hoverbox-5:after { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -4251,7 +3758,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-5 .content, .hoverbox-5 .hover-content { position: absolute; @@ -4261,7 +3767,6 @@ a:focus, a:active, button:focus, button:active { padding: 30px; color: rgba(255, 255, 255, 0.7); } - .hoverbox-5 .content h1, .hoverbox-5 .content h2, .hoverbox-5 .content h3, .hoverbox-5 .content h4, .hoverbox-5 .content h5, .hoverbox-5 .content h6, .hoverbox-5 .hover-content h1, .hoverbox-5 .hover-content h2, @@ -4271,11 +3776,9 @@ a:focus, a:active, button:focus, button:active { .hoverbox-5 .hover-content h6 { color: white; } - .hoverbox-5 .content { top: 0; } - .hoverbox-5 .hover-content { bottom: 0; -webkit-transform: translateY(5px); @@ -4285,16 +3788,13 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-5:hover:after, .hoverbox-5:focus:after { background: rgba(18, 21, 24, 0.5); } - .hoverbox-5:hover img, .hoverbox-5:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .hoverbox-5:hover .hover-content, .hoverbox-5:focus .hover-content { -webkit-transform: translateY(0); transform: translateY(0); @@ -4305,9 +3805,8 @@ a:focus, a:active, button:focus, button:active { .hoverbox-6 a { display: block; } - .hoverbox-6 a:before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -4319,7 +3818,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-6 .content { position: absolute; z-index: 2; @@ -4329,40 +3827,34 @@ a:focus, a:active, button:focus, button:active { padding: 10px 16px; color: rgba(18, 21, 24, 0.9); } - .hoverbox-6 .content h1, .hoverbox-6 .content h2, .hoverbox-6 .content h3, .hoverbox-6 .content h4, .hoverbox-6 .content h5, .hoverbox-6 .content h6 { margin: 0; color: rgba(18, 21, 24, 0.9); } - .hoverbox-6 .content.top { top: 16px; left: 16px; } - .hoverbox-6 .content.center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } - .hoverbox-6 .content.bottom { bottom: 16px; left: 16px; } - .hoverbox-6:hover a:before, .hoverbox-6:focus a:before { opacity: 1; } - .hoverbox-6:hover img, .hoverbox-6:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } .hoverbox-7:before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -4375,7 +3867,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-7 .hover-content { position: absolute; top: 0; @@ -4385,11 +3876,9 @@ a:focus, a:active, button:focus, button:active { height: 100%; color: rgba(255, 255, 255, 0.7); } - .hoverbox-7 .hover-content h1, .hoverbox-7 .hover-content h2, .hoverbox-7 .hover-content h3, .hoverbox-7 .hover-content h4, .hoverbox-7 .hover-content h5, .hoverbox-7 .hover-content h6 { color: white; } - .hoverbox-7 .hover-content .top { position: absolute; top: 0; @@ -4402,7 +3891,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-7 .hover-content .bottom { position: absolute; right: 0; @@ -4415,58 +3903,50 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hoverbox-7:hover:before, .hoverbox-7:focus:before { visibility: visible; opacity: 1; } - .hoverbox-7:hover img, .hoverbox-7:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .hoverbox-7:hover .hover-content, .hoverbox-7:focus .hover-content { visibility: visible; opacity: 1; } - .hoverbox-7:hover .hover-content .top, .hoverbox-7:hover .hover-content .bottom, .hoverbox-7:focus .hover-content .top, .hoverbox-7:focus .hover-content .bottom { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } - .hoverbox-7:hover .hover-content .top, .hoverbox-7:focus .hover-content .top { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } - .hoverbox-7:hover .hover-content .bottom, .hoverbox-7:focus .hover-content .bottom { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } -.hoverbox-1 a:not([class^='button']), -.hoverbox-2 a:not([class^='button']), -.hoverbox-4 a:not([class^='button']), -.hoverbox-5 a:not([class^='button']), -.hoverbox-7 a:not([class^='button']) { +.hoverbox-1 a:not([class^=button]), +.hoverbox-2 a:not([class^=button]), +.hoverbox-4 a:not([class^=button]), +.hoverbox-5 a:not([class^=button]), +.hoverbox-7 a:not([class^=button]) { color: rgba(255, 255, 255, 0.7); } - -.hoverbox-1 a:not([class^='button']):hover, .hoverbox-1 a:not([class^='button']):focus, -.hoverbox-2 a:not([class^='button']):hover, -.hoverbox-2 a:not([class^='button']):focus, -.hoverbox-4 a:not([class^='button']):hover, -.hoverbox-4 a:not([class^='button']):focus, -.hoverbox-5 a:not([class^='button']):hover, -.hoverbox-5 a:not([class^='button']):focus, -.hoverbox-7 a:not([class^='button']):hover, -.hoverbox-7 a:not([class^='button']):focus { +.hoverbox-1 a:not([class^=button]):hover, .hoverbox-1 a:not([class^=button]):focus, +.hoverbox-2 a:not([class^=button]):hover, +.hoverbox-2 a:not([class^=button]):focus, +.hoverbox-4 a:not([class^=button]):hover, +.hoverbox-4 a:not([class^=button]):focus, +.hoverbox-5 a:not([class^=button]):hover, +.hoverbox-5 a:not([class^=button]):focus, +.hoverbox-7 a:not([class^=button]):hover, +.hoverbox-7 a:not([class^=button]):focus { color: white; } - .hoverbox-1 a.button-text-1, .hoverbox-1 a.button-text-2, .hoverbox-1 a.button-text-3, .hoverbox-2 a.button-text-1, .hoverbox-2 a.button-text-2, @@ -4482,7 +3962,6 @@ a:focus, a:active, button:focus, button:active { .hoverbox-7 a.button-text-3 { color: rgba(255, 255, 255, 0.8); } - .hoverbox-1 a.button-text-1:hover, .hoverbox-1 a.button-text-2:hover, .hoverbox-1 a.button-text-3:hover, .hoverbox-2 a.button-text-1:hover, .hoverbox-2 a.button-text-2:hover, @@ -4498,7 +3977,6 @@ a:focus, a:active, button:focus, button:active { .hoverbox-7 a.button-text-3:hover { color: white; } - .hoverbox-1 a.button-text-1:before, .hoverbox-2 a.button-text-1:before, .hoverbox-4 a.button-text-1:before, @@ -4506,7 +3984,6 @@ a:focus, a:active, button:focus, button:active { .hoverbox-7 a.button-text-1:before { background: rgba(255, 255, 255, 0.3); } - .hoverbox-1 a.button-text-1:after, .hoverbox-2 a.button-text-1:after, .hoverbox-4 a.button-text-1:after, @@ -4514,7 +3991,6 @@ a:focus, a:active, button:focus, button:active { .hoverbox-7 a.button-text-1:after { background: white; } - .hoverbox-1 a.button-text-2:before, .hoverbox-2 a.button-text-2:before, .hoverbox-4 a.button-text-2:before, @@ -4522,7 +3998,6 @@ a:focus, a:active, button:focus, button:active { .hoverbox-7 a.button-text-2:before { background: rgba(255, 255, 255, 0.4); } - .hoverbox-1 a.button-text-2:after, .hoverbox-2 a.button-text-2:after, .hoverbox-4 a.button-text-2:after, @@ -4530,7 +4005,6 @@ a:focus, a:active, button:focus, button:active { .hoverbox-7 a.button-text-2:after { background: white; } - .hoverbox-1 a.button-text-3:before, .hoverbox-2 a.button-text-3:before, .hoverbox-4 a.button-text-3:before, @@ -4538,7 +4012,6 @@ a:focus, a:active, button:focus, button:active { .hoverbox-7 a.button-text-3:before { background: rgba(255, 255, 255, 0.8); } - .hoverbox-1 a.button-text-3:hover:before, .hoverbox-2 a.button-text-3:hover:before, .hoverbox-4 a.button-text-3:hover:before, @@ -4553,16 +4026,14 @@ a:focus, a:active, button:focus, button:active { overflow: hidden; display: block; } - -.lightbox-image-box[class*='border-radius'], -.lightbox-media-box[class*='border-radius'] { +.lightbox-image-box[class*=border-radius], +.lightbox-media-box[class*=border-radius] { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } - .lightbox-image-box:after, .lightbox-media-box:after { - content: ''; + content: ""; position: absolute; top: 0; right: 0; @@ -4573,7 +4044,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .lightbox-image-box img, .lightbox-media-box img { -webkit-transform: scale(1); @@ -4581,7 +4051,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } - .lightbox-image-box i, .lightbox-media-box i { z-index: 1; @@ -4600,7 +4069,6 @@ a:focus, a:active, button:focus, button:active { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .lightbox-image-box.icon-xl i, .lightbox-image-box.icon-2xl i, .lightbox-media-box.icon-xl i, .lightbox-media-box.icon-2xl i { @@ -4608,7 +4076,6 @@ a:focus, a:active, button:focus, button:active { height: 70px; line-height: 70px; } - .lightbox-image-box.icon-3xl i, .lightbox-image-box.icon-4xl i, .lightbox-image-box.icon-5xl i, .lightbox-media-box.icon-3xl i, .lightbox-media-box.icon-4xl i, @@ -4617,18 +4084,15 @@ a:focus, a:active, button:focus, button:active { height: 80px; line-height: 80px; } - .lightbox-image-box:hover:after, .lightbox-media-box:hover:after { opacity: 1; } - .lightbox-image-box:hover img, .lightbox-media-box:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .lightbox-image-box:hover i, .lightbox-media-box:hover i { -webkit-transform: translate(-50%, -50%) scale(0.94); @@ -4659,7 +4123,6 @@ a:focus, a:active, button:focus, button:active { transform: scale(1); opacity: 1; } - .mfp-ready.mfp-bg { opacity: 0.97; } @@ -4667,7 +4130,6 @@ a:focus, a:active, button:focus, button:active { .mfp-removing .mfp-container, .mfp-removing.mfp-bg { opacity: 0; } - .mfp-removing .mfp-container { -webkit-transform: scale(0.98); transform: scale(0.98); @@ -4684,7 +4146,6 @@ button.mfp-close { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - button.mfp-close:hover { top: -5px; opacity: 1; @@ -4694,7 +4155,6 @@ button.mfp-close:hover { .mfp-iframe-holder .mfp-close { top: -45px; } - .mfp-iframe-holder .mfp-close:hover { top: -45px; } @@ -4741,15 +4201,12 @@ button.mfp-close:hover { margin-left: 30px; } } - .mfp-bottom-bar { margin-top: -30px; } - .mfp-bottom-bar .mfp-title { color: rgba(255, 255, 255, 0.7); } - .mfp-bottom-bar .mfp-counter { color: rgba(255, 255, 255, 0.6); font-size: 14px; @@ -4801,7 +4258,6 @@ button.mfp-close:hover { height: 450px; } } - .page-progress-container { position: fixed; bottom: 0; @@ -4816,27 +4272,21 @@ button.mfp-close:hover { width: 0%; background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); } - .page-progress-bar.page-progress-gradient-2 { background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); } - .page-progress-bar.page-progress-gradient-3 { background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } - .page-progress-bar.page-progress-gradient-4 { background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } - .page-progress-bar.page-progress-gradient-5 { background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } - .page-progress-bar.page-progress-gradient-6 { background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } - .page-progress-bar.page-progress-gradient-7 { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } @@ -4859,13 +4309,12 @@ button.mfp-close:hover { } .pie-chart-content .percent::after { - content: '%'; + content: "%"; } .progress-box * { margin: 0; } - .progress-box .animated-progress { position: relative; background: rgba(18, 21, 24, 0.1); @@ -4873,86 +4322,73 @@ button.mfp-close:hover { margin-top: 2px; border-radius: 3px; } - .progress-box .animated-progress div { position: absolute; display: block; - background: #121518; + background: rgb(18, 21, 24); width: 50%; height: 100%; border-radius: 3px; - color: #121518; + color: rgb(18, 21, 24); -webkit-transition: width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } - .progress-box .animated-progress div::after { content: attr(data-progress) "%"; position: absolute; top: -24px; right: 0; } - .progress-box.progress-blue .animated-progress div { background: #0093E9; } - .progress-box.progress-purple .animated-progress div { background: #B721FF; } - .progress-box.progress-pink-edge .animated-progress div { background: #FE9AB6; } - .progress-box.progress-golden-yellow .animated-progress div { background: #FFB657; } - .progress-box.progress-very-peri .animated-progress div { background: #6667AB; } - .progress-box.progress-turquoise .animated-progress div { background: #4cbfa6; } - .progress-box.progress-spring-red .animated-progress div { background: #BE1F35; } - .progress-box.progress-tan .animated-progress div { background: #d2b48c; } - .progress-box.progress-aqua .animated-progress div { background: #03D4D8; } .bg-black .progress-box .animated-progress, -[class*='bg-dark'] .progress-box .animated-progress, -[class*='bg-gradient-'] .progress-box .animated-progress, -[class*='bg-color-'] .progress-box .animated-progress { +[class*=bg-dark] .progress-box .animated-progress, +[class*=bg-gradient-] .progress-box .animated-progress, +[class*=bg-color-] .progress-box .animated-progress { background: rgba(255, 255, 255, 0.3); } - .bg-black .progress-box .animated-progress div, -[class*='bg-dark'] .progress-box .animated-progress div, -[class*='bg-gradient-'] .progress-box .animated-progress div, -[class*='bg-color-'] .progress-box .animated-progress div { +[class*=bg-dark] .progress-box .animated-progress div, +[class*=bg-gradient-] .progress-box .animated-progress div, +[class*=bg-color-] .progress-box .animated-progress div { background: white; color: white; } -[class*='section-divider-'] { +[class*=section-divider-] { position: relative; overflow: hidden; } - -[class*='section-divider-']:before { - content: ''; +[class*=section-divider-]:before { + content: ""; position: absolute; } @@ -5034,21 +4470,17 @@ button.mfp-close:hover { height: 50px; } } - -.owl-carousel[data-owl-nav="true"]:not([class*='owl-nav-']) { +.owl-carousel[data-owl-nav=true]:not([class*=owl-nav-]) { padding: 0 56px; } - @media (max-width: 991.98px) { - .owl-carousel[data-owl-nav="true"]:not([class*='owl-nav-']) { + .owl-carousel[data-owl-nav=true]:not([class*=owl-nav-]) { padding: 0 48px; } } - .owl-carousel .owl-item img { width: auto; } - .owl-carousel .owl-nav { position: absolute; top: 50%; @@ -5059,15 +4491,12 @@ button.mfp-close:hover { z-index: -1; height: 36px; } - .owl-carousel .owl-nav button.owl-prev { left: 0; } - .owl-carousel .owl-nav button.owl-next { right: 0; } - .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; width: 36px; @@ -5077,17 +4506,14 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { font-size: 1.3em; line-height: 36px; } - .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:focus { - background: #eef2f6; + background: rgb(238, 242, 246); color: black; } - @media (max-width: 991.98px) { .owl-carousel .owl-nav { height: 32px; @@ -5101,11 +4527,9 @@ button.mfp-close:hover { line-height: 32px; } } - .owl-carousel.owl-nav-left .owl-nav, .owl-carousel.owl-nav-right .owl-nav { padding-bottom: 0; } - .owl-carousel .owl-dots { margin-top: 20px; margin-right: -2px; @@ -5113,13 +4537,11 @@ button.mfp-close:hover { text-align: center; line-height: 0; } - @media (max-width: 991.98px) { .owl-carousel .owl-dots { margin-top: 16px; } } - .owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; @@ -5128,15 +4550,13 @@ button.mfp-close:hover { margin: 0 2px; vertical-align: middle; } - .owl-carousel .owl-dots .owl-dot:before, .owl-carousel .owl-dots .owl-dot:after { - content: ''; + content: ""; position: absolute; border-radius: 50%; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .owl-carousel .owl-dots .owl-dot:before { top: 2px; right: 2px; @@ -5146,7 +4566,6 @@ button.mfp-close:hover { background: transparent; border: 1px solid black; } - .owl-carousel .owl-dots .owl-dot:after { top: 50%; left: 50%; @@ -5157,134 +4576,117 @@ button.mfp-close:hover { width: 6px; height: 6px; } - .owl-carousel .owl-dots .owl-dot:hover:after, .owl-carousel .owl-dots .owl-dot:focus:after, .owl-carousel .owl-dots .owl-dot.active:after { opacity: 1; } - .owl-carousel .owl-dots .owl-dot.active:before, .owl-carousel .owl-dots .owl-dot.active:after { opacity: 1; } - .owl-carousel .owl-dots .owl-dot.active:before { top: 0; right: 0; bottom: 0; left: 0; } - -.owl-carousel:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { +.owl-carousel:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav { margin-top: -20px; } - @media (max-width: 991.98px) { - .owl-carousel:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + .owl-carousel:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav { margin-top: -18px; } } -.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev { +.bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next, .bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev { color: rgba(255, 255, 255, 0.7); } - -.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:hover, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-next:focus, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:hover, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-nav button.owl-prev:focus { +.bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next:hover, .bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next:focus, .bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev:hover, .bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev:focus, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next:hover, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next:focus, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev:hover, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev:focus, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next:hover, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next:focus, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev:hover, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev:focus, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next:hover, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-next:focus, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev:hover, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-nav button.owl-prev:focus { background: rgba(255, 255, 255, 0.15); color: white; } - -.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:before { +.bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:before, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:before, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:before, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:before { border-color: white; } - -.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:after { +.bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:after, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:after, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:after, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:after { background: white; opacity: 0.5; } - -.bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, .bg-black .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, -[class*='bg-dark'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, -[class*='bg-gradient-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:hover:after, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot:focus:after, -[class*='bg-color-'] .owl-carousel:not([class*='owl-dots-over']):not([class*='owl-nav-over']) .owl-dots .owl-dot.active:after { +.bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:hover:after, .bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:focus:after, .bg-black .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot.active:after, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:hover:after, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:focus:after, +[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot.active:after, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:hover:after, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:focus:after, +[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot.active:after, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:hover:after, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot:focus:after, +[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over], [class*=owl-nav-over]) .owl-dots .owl-dot.active:after { opacity: 1; } -[class*='bg-gray'] .owl-carousel .owl-nav button.owl-next:hover, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-next:focus, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-prev:hover, [class*='bg-gray'] .owl-carousel .owl-nav button.owl-prev:focus, -[class*='bg-light'] .owl-carousel .owl-nav button.owl-next:hover, -[class*='bg-light'] .owl-carousel .owl-nav button.owl-next:focus, -[class*='bg-light'] .owl-carousel .owl-nav button.owl-prev:hover, -[class*='bg-light'] .owl-carousel .owl-nav button.owl-prev:focus { +[class*=bg-gray] .owl-carousel .owl-nav button.owl-next:hover, [class*=bg-gray] .owl-carousel .owl-nav button.owl-next:focus, [class*=bg-gray] .owl-carousel .owl-nav button.owl-prev:hover, [class*=bg-gray] .owl-carousel .owl-nav button.owl-prev:focus, +[class*=bg-light] .owl-carousel .owl-nav button.owl-next:hover, +[class*=bg-light] .owl-carousel .owl-nav button.owl-next:focus, +[class*=bg-light] .owl-carousel .owl-nav button.owl-prev:hover, +[class*=bg-light] .owl-carousel .owl-nav button.owl-prev:focus { background: rgba(18, 21, 24, 0.05); } .owl-carousel.owl-nav-left .owl-nav, .owl-carousel.owl-nav-right .owl-nav { height: auto; } - .owl-carousel.owl-nav-left .owl-nav button, .owl-carousel.owl-nav-right .owl-nav button { position: static; display: block; margin: 8px 0; } - .owl-carousel.owl-nav-left .owl-nav button.owl-prev, .owl-carousel.owl-nav-left .owl-nav button.owl-next, .owl-carousel.owl-nav-right .owl-nav button.owl-prev, .owl-carousel.owl-nav-right .owl-nav button.owl-next { right: auto; left: auto; } - .owl-carousel.owl-nav-left { padding: 0 0 0 56px; } - @media (max-width: 991.98px) { .owl-carousel.owl-nav-left { padding: 0 0 0 48px; } } - .owl-carousel.owl-nav-left .owl-nav { right: auto; } - .owl-carousel.owl-nav-right { padding: 0 56px 0 0; } - @media (max-width: 991.98px) { .owl-carousel.owl-nav-right { padding: 0 48px 0 0; } } - .owl-carousel.owl-nav-right .owl-nav { left: auto; } @@ -5293,7 +4695,6 @@ button.mfp-close:hover { z-index: 1; padding-bottom: 0; } - .owl-carousel.owl-nav-overlay .owl-nav button.owl-next, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev { opacity: 1; background: rgba(18, 21, 24, 0.3); @@ -5304,17 +4705,14 @@ button.mfp-close:hover { color: rgba(255, 255, 255, 0.8); text-align: center; } - .owl-carousel.owl-nav-overlay .owl-nav button.owl-next i, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev i { line-height: 50px; } - .owl-carousel.owl-nav-overlay .owl-nav button.owl-next:hover, .owl-carousel.owl-nav-overlay .owl-nav button.owl-next:focus, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:focus { opacity: 1; background: rgba(18, 21, 24, 0.4); color: white; } - @media (min-width: 992px) { .owl-carousel.owl-nav-overlay .owl-nav { opacity: 0; @@ -5325,33 +4723,27 @@ button.mfp-close:hover { opacity: 1; } } - @media (max-width: 991.98px) { .owl-carousel.owl-nav-overlay .owl-nav { display: none; } } - .owl-carousel.owl-nav-overlay .owl-nav { height: 50px; } - .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev { left: 20px; } - .owl-carousel.owl-nav-overlay .owl-nav button.owl-next { right: 20px; } - -.owl-carousel.owl-nav-overlay:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { +.owl-carousel.owl-nav-overlay:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav { margin-top: -20px; } .owl-carousel.owl-dots-left .owl-dots { text-align: left; } - .owl-carousel.owl-dots-right .owl-dots { text-align: right; } @@ -5364,51 +4756,41 @@ button.mfp-close:hover { margin: 0; padding: 5px; } - @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlay .owl-dots { bottom: 16px; } } - .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:before { border-color: white; } - .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:after { background: white; opacity: 0.5; } - .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlay .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlay .owl-dots .owl-dot.active:after { opacity: 1; } - .owl-carousel.owl-dots-overlay .owl-dots { right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } - .owl-carousel.owl-dots-overlay.owl-nav-overlap-right .owl-dots { margin-left: -12.5px; } - .owl-carousel.owl-dots-overlay.owl-nav-left .owl-dots { margin-left: 28px; } - .owl-carousel.owl-dots-overlay.owl-nav-right .owl-dots { margin-left: -28px; } - @media (min-width: 992px) { .owl-carousel.owl-dots-overlay.owl-nav-overlap-left .owl-dots { margin-left: 12.5px; } } - @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlay.owl-nav-overlap-left .owl-dots, .owl-carousel.owl-dots-overlay.owl-nav-overlap-right .owl-dots { margin-left: -10px; @@ -5425,111 +4807,89 @@ button.mfp-close:hover { margin: 0; padding: 5px; } - .owl-carousel.owl-dots-overlap .owl-dots:hover, .owl-carousel.owl-dots-overlap .owl-dots:focus, .owl-carousel.owl-dots-overlap-left .owl-dots:hover, .owl-carousel.owl-dots-overlap-left .owl-dots:focus, .owl-carousel.owl-dots-overlap-right .owl-dots:hover, .owl-carousel.owl-dots-overlap-right .owl-dots:focus { -webkit-box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.19); box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.19); } - .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:before, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:before, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:before { - border-color: #121518; + border-color: rgb(18, 21, 24); } - .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:after { - background: #121518; + background: rgb(18, 21, 24); opacity: 0.3; } - .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap .owl-dots .owl-dot.active:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot.active:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:hover:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:focus:after, .owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot.active:after { opacity: 1; } - .owl-carousel.owl-dots-overlap .owl-dots { right: auto; left: 50%; -webkit-transform: translateY(50%) translateX(-50%); transform: translateY(50%) translateX(-50%); } - .owl-carousel.owl-dots-overlap.owl-nav-left .owl-dots { margin-left: 28px; } - .owl-carousel.owl-dots-overlap.owl-nav-right .owl-dots { margin-left: -28px; } - .owl-carousel.owl-dots-overlap.owl-nav-overlap-right .owl-dots { margin-left: -12.5px; } - @media (min-width: 992px) { .owl-carousel.owl-dots-overlap.owl-nav-overlap-left .owl-dots { margin-left: 12.5px; } } - .owl-carousel.owl-dots-overlap-left .owl-dots, .owl-carousel.owl-dots-overlap-right .owl-dots { -webkit-transform: translateY(50%); transform: translateY(50%); } - .owl-carousel.owl-dots-overlap-left .owl-dots { right: auto; left: 20px; } - @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlap-left .owl-dots { left: 16px; } } - -.owl-carousel.owl-dots-overlap-left[data-owl-nav="true"]:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots { +.owl-carousel.owl-dots-overlap-left[data-owl-nav=true]:not(.owl-nav-right, [class*=owl-nav-over]) .owl-dots, .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right, [class*=owl-nav-over]) .owl-dots { left: 76px; } - @media (max-width: 991.98px) { - .owl-carousel.owl-dots-overlap-left[data-owl-nav="true"]:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right):not([class*='owl-nav-over']) .owl-dots { + .owl-carousel.owl-dots-overlap-left[data-owl-nav=true]:not(.owl-nav-right, [class*=owl-nav-over]) .owl-dots, .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right, [class*=owl-nav-over]) .owl-dots { left: 64px; } } - .owl-carousel.owl-dots-overlap-left.owl-nav-overlap .owl-dots { left: 45px; } - @media (min-width: 992px) { .owl-carousel.owl-dots-overlap-left.owl-nav-overlap-left .owl-dots { left: 45px; } } - .owl-carousel.owl-dots-overlap-right .owl-dots { right: 20px; left: auto; } - @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlap-right .owl-dots { right: 16px; } } - -.owl-carousel.owl-dots-overlap-right[data-owl-nav="true"]:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots { +.owl-carousel.owl-dots-overlap-right[data-owl-nav=true]:not(.owl-nav-left, [class*=owl-nav-over]) .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left, [class*=owl-nav-over]) .owl-dots { right: 76px; } - @media (max-width: 991.98px) { - .owl-carousel.owl-dots-overlap-right[data-owl-nav="true"]:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left):not([class*='owl-nav-over']) .owl-dots { + .owl-carousel.owl-dots-overlap-right[data-owl-nav=true]:not(.owl-nav-left, [class*=owl-nav-over]) .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left, [class*=owl-nav-over]) .owl-dots { right: 64px; } } - .owl-carousel.owl-dots-overlap-right.owl-nav-overlap .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-overlap-right .owl-dots { right: 45px; } - @media (max-width: 991.98px) { .owl-carousel.owl-dots-overlap-right.owl-nav-overlap .owl-dots, .owl-carousel.owl-dots-overlap-right.owl-nav-overlap-right .owl-dots { right: 36px; @@ -5539,14 +4899,12 @@ button.mfp-close:hover { .owl-carousel.owl-nav-overlap { padding: 0 25px; } - .owl-carousel.owl-nav-overlap .owl-nav { right: 25px; left: 25px; z-index: 1; height: 50px; } - .owl-carousel.owl-nav-overlap .owl-nav button { opacity: 1; background: white; @@ -5555,41 +4913,35 @@ button.mfp-close:hover { border-radius: 50%; -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); - color: #121518; + color: rgb(18, 21, 24); } - .owl-carousel.owl-nav-overlap .owl-nav button.owl-prev { right: auto; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } - .owl-carousel.owl-nav-overlap .owl-nav button.owl-next { right: 0; left: auto; -webkit-transform: translateX(50%); transform: translateX(50%); } - .owl-carousel.owl-nav-overlap .owl-nav button:hover, .owl-carousel.owl-nav-overlap .owl-nav button:focus { opacity: 1; background: white; - color: #121518; + color: rgb(18, 21, 24); -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); } - -.owl-carousel.owl-nav-overlap:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { +.owl-carousel.owl-nav-overlap:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav { margin-top: -20px; } - @media (max-width: 991.98px) { - .owl-carousel.owl-nav-overlap:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + .owl-carousel.owl-nav-overlap:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav { margin-top: -18px; } } - @media (max-width: 991.98px) { .owl-carousel.owl-nav-overlap { padding: 0 20px; @@ -5605,7 +4957,6 @@ button.mfp-close:hover { height: 40px; } } - @media (min-width: 992px) { .owl-carousel.owl-nav-overlap-left { padding: 0 0 0 25px; @@ -5617,25 +4968,21 @@ button.mfp-close:hover { transform: translateY(-50%) translateX(-50%); } } - .owl-carousel.owl-nav-overlap-right { padding: 0 25px 0 0; } - .owl-carousel.owl-nav-overlap-right .owl-nav { left: auto; right: 25px; -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } - .owl-carousel.owl-nav-overlap-left .owl-nav, .owl-carousel.owl-nav-overlap-right .owl-nav { z-index: 1; width: 50px; height: auto; padding-bottom: 0; } - .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next { @@ -5650,9 +4997,8 @@ button.mfp-close:hover { border-radius: 50%; -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.13); - color: #121518; + color: rgb(18, 21, 24); } - .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev:focus, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next:hover, .owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next:focus, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev:hover, .owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev:focus, @@ -5662,19 +5008,16 @@ button.mfp-close:hover { background: white; -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); box-shadow: 0 10px 40px 0 rgba(22, 24, 26, 0.19); - color: #121518; + color: rgb(18, 21, 24); } - -.owl-carousel.owl-nav-overlap-left:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav, .owl-carousel.owl-nav-overlap-right:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { +.owl-carousel.owl-nav-overlap-left:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav, .owl-carousel.owl-nav-overlap-right:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav { margin-top: -20px; } - @media (max-width: 991.98px) { - .owl-carousel.owl-nav-overlap-left:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav, .owl-carousel.owl-nav-overlap-right:not([data-owl-dots="false"]):not([class*='owl-dots-over']) .owl-nav { + .owl-carousel.owl-nav-overlap-left:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav, .owl-carousel.owl-nav-overlap-right:not([data-owl-dots=false], [class*=owl-dots-over]) .owl-nav { margin-top: -18px; } } - @media (max-width: 991.98px) { .owl-carousel.owl-nav-overlap-left, .owl-carousel.owl-nav-overlap-right { padding: 0 20px 0 0; @@ -5699,7 +5042,6 @@ button.mfp-close:hover { padding: 0 30px; } } - .hero-portfolio-slider .swiper-wrapper .swiper-slide { -webkit-transform: scale(0.9); transform: scale(0.9); @@ -5707,13 +5049,11 @@ button.mfp-close:hover { -webkit-transition: ease-in 0.16s; transition: ease-in 0.16s; } - .hero-portfolio-slider .swiper-wrapper .swiper-slide.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } - .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet { position: relative; display: inline-block; @@ -5724,15 +5064,13 @@ button.mfp-close:hover { margin: 0 2px; vertical-align: middle; } - .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:before, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:after { - content: ''; + content: ""; position: absolute; border-radius: 50%; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:before { top: 2px; right: 2px; @@ -5742,7 +5080,6 @@ button.mfp-close:hover { background: transparent; border: 1px solid black; } - .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:after { top: 50%; left: 50%; @@ -5753,22 +5090,18 @@ button.mfp-close:hover { width: 6px; height: 6px; } - .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:hover:after, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:focus:after, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; } - .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; } - .hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { top: 0; right: 0; bottom: 0; left: 0; } - .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal { position: absolute; bottom: 20px; @@ -5781,22 +5114,18 @@ button.mfp-close:hover { margin: 0; padding: 5px; } - @media (max-width: 991.98px) { .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal { bottom: 16px; } } - .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:before { border-color: white; } - .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:after { background: white; opacity: 0.5; } - .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:hover:after, .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:focus:after, .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; } @@ -5815,13 +5144,11 @@ button.mfp-close:hover { .team-wrapper .team-box { text-align: center; } - .team-wrapper .team-box .team-img { position: relative; overflow: hidden; margin-bottom: 20px; } - .team-wrapper .team-box .team-img img { -webkit-transform: scale(1); transform: scale(1); @@ -5829,7 +5156,6 @@ button.mfp-close:hover { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } - .team-wrapper .team-box .team-img div { position: absolute; top: 0; @@ -5842,7 +5168,6 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .team-wrapper .team-box .team-img div ul { list-style-type: none; position: absolute; @@ -5856,40 +5181,32 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .team-wrapper .team-box .team-img div ul li { display: inline-block; margin: 0 7px; } - -.team-wrapper .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]) { +.team-wrapper .team-box .team-img div ul li a:not([class^=button], [class^=link-social]) { color: white; } - -.team-wrapper .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):hover { +.team-wrapper .team-box .team-img div ul li a:not([class^=button], [class^=link-social]):hover { color: rgba(255, 255, 255, 0.7); } - .team-wrapper .team-box .team-img:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); -webkit-filter: blur(1.5px); filter: blur(1.5px); } - .team-wrapper .team-box .team-img:hover div { opacity: 1; } - .team-wrapper .team-box .team-img:hover div ul { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } - .team-wrapper .team-box span { color: #AAAAAA; } - .team-wrapper.team-box-hover-2 .team-box .team-img div { top: auto; bottom: 16px; @@ -5902,7 +5219,6 @@ button.mfp-close:hover { height: auto; padding: 15px 20px; } - .team-wrapper.team-box-hover-2 .team-box .team-img div ul { position: static; top: auto; @@ -5910,42 +5226,34 @@ button.mfp-close:hover { transform: translateY(0) scale(1); padding: 0; } - -.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]) { +.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^=button], [class^=link-social]) { color: #7C7C7C; } - -.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):hover, .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^='button']):not([class^="link-social"]):focus { - color: #121518; +.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^=button], [class^=link-social]):hover, .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^=button], [class^=link-social]):focus { + color: rgb(18, 21, 24); } - .team-wrapper.team-box-hover-2 .team-box .team-img:hover img { -webkit-filter: blur(0); filter: blur(0); } - .team-wrapper.team-box-hover-2 .team-box .team-img:hover div { -webkit-transform: translateY(0); transform: translateY(0); } - .team-wrapper.team-box-hover-2 .team-box .team-img:hover div ul { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } - -.team-wrapper[class*='border-radius'] .team-box .team-img { +.team-wrapper[class*=border-radius] .team-box .team-img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } - .team-wrapper.border-radius .team-box .team-img { border-radius: 0.4em; } - .team-wrapper.border-radius-1 .team-box .team-img { - border-radius: 1.0em; + border-radius: 1em; } .text-start .team-box { @@ -5961,7 +5269,6 @@ button.mfp-close:hover { margin: 0 auto; text-align: center; } - .testimonial-box img { width: 80px; height: 80px; @@ -5973,108 +5280,87 @@ button.mfp-close:hover { .testimonial-grid { overflow: hidden; } - @media (min-width: 992px) { .testimonial-grid.column-2 .testimonial-grid-box { width: 50%; } } - .testimonial-grid.column-1 .testimonial-grid-box { width: 100%; padding: 30px 0; } - .testimonial-grid .testimonial-grid-box { position: relative; float: left; width: 33.3%; padding: 30px; } - .testimonial-grid .testimonial-grid-box:before, .testimonial-grid .testimonial-grid-box:after { - content: ''; + content: ""; position: absolute; } - .testimonial-grid .testimonial-grid-box:before { top: 0; left: -1px; height: 100%; border-left: 1px dashed rgba(18, 21, 24, 0.1); } - .testimonial-grid .testimonial-grid-box:after { left: 0; bottom: -1px; width: 100%; border-bottom: 1px dashed rgba(18, 21, 24, 0.1); } - .testimonial-grid .testimonial-grid-box .testimonial-img { float: left; margin-right: 20px; } - .testimonial-grid .testimonial-grid-box .testimonial-img img { width: 80px; height: 80px; border-radius: 50%; } - .testimonial-grid .testimonial-grid-box .testimonial-content { overflow: hidden; } - @media (max-width: 991.98px) { .testimonial-grid .testimonial-grid-box { width: 50%; } } - @media (max-width: 767.98px) { .testimonial-grid .testimonial-grid-box { width: 100%; padding: 30px 0; } } - .testimonial-grid.border-style-solid { border: 0; } - .testimonial-grid.border-style-solid .testimonial-grid-box:before { border-left-style: solid; } - .testimonial-grid.border-style-solid .testimonial-grid-box:after { border-bottom-style: solid; } - .testimonial-grid.border-style-dotted { border: 0; } - .testimonial-grid.border-style-dotted .testimonial-grid-box:before { border-left-style: dotted; } - .testimonial-grid.border-style-dotted .testimonial-grid-box:after { border-bottom-style: dotted; } - .testimonial-grid.border-0 { margin: -15px; } - .testimonial-grid.border-0 .testimonial-grid-box { padding: 15px; } - .testimonial-grid.border-0 .testimonial-grid-box:before, .testimonial-grid.border-0 .testimonial-grid-box:after { border: 0; } - @media (max-width: 767.98px) { .testimonial-grid.border-0 { margin: -15px 0; @@ -6085,21 +5371,20 @@ button.mfp-close:hover { } .bg-black .testimonial-grid-box:before, .bg-black .testimonial-grid-box:after, -[class*='bg-dark'] .testimonial-grid-box:before, -[class*='bg-dark'] .testimonial-grid-box:after, -[class*='bg-gradient-'] .testimonial-grid-box:before, -[class*='bg-gradient-'] .testimonial-grid-box:after, -[class*='bg-color-'] .testimonial-grid-box:before, -[class*='bg-color-'] .testimonial-grid-box:after { +[class*=bg-dark] .testimonial-grid-box:before, +[class*=bg-dark] .testimonial-grid-box:after, +[class*=bg-gradient-] .testimonial-grid-box:before, +[class*=bg-gradient-] .testimonial-grid-box:after, +[class*=bg-color-] .testimonial-grid-box:before, +[class*=bg-color-] .testimonial-grid-box:after { border-color: rgba(255, 255, 255, 0.2); } -*[class*='text-link-'] { +*[class*=text-link-] { color: rgba(18, 21, 24, 0.9); } - -*[class*='text-link-']:hover, *[class*='text-link-']:focus { - color: #121518; +*[class*=text-link-]:hover, *[class*=text-link-]:focus { + color: rgb(18, 21, 24); } .text-link-1:hover { @@ -6109,9 +5394,8 @@ button.mfp-close:hover { .text-link-2 { position: relative; } - .text-link-2:before { - content: ''; + content: ""; position: absolute; bottom: -2px; background: rgba(18, 21, 24, 0.9); @@ -6120,7 +5404,6 @@ button.mfp-close:hover { -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } - .text-link-2:hover:before { width: 100%; } @@ -6132,9 +5415,8 @@ button.mfp-close:hover { .text-link-3 { position: relative; } - .text-link-3:before { - content: ''; + content: ""; position: absolute; bottom: -2px; left: 0; @@ -6147,7 +5429,6 @@ button.mfp-close:hover { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .text-link-3:hover:before { -webkit-transform: translateY(0); transform: translateY(0); @@ -6157,27 +5438,23 @@ button.mfp-close:hover { .text-link-4 { position: relative; } - .text-link-4:before, .text-link-4:after { - content: ''; + content: ""; position: absolute; bottom: -2px; height: 1px; -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } - .text-link-4:before { left: 0; background: rgba(18, 21, 24, 0.2); width: 100%; } - .text-link-4:after { background: rgba(18, 21, 24, 0.9); width: 0; } - .text-link-4:hover:after { width: 100%; } @@ -6189,9 +5466,8 @@ button.mfp-close:hover { .text-link-5 { position: relative; } - .text-link-5:before, .text-link-5:after { - content: ''; + content: ""; position: absolute; bottom: -2px; left: 0; @@ -6200,22 +5476,18 @@ button.mfp-close:hover { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .text-link-5:before { background: rgba(18, 21, 24, 0.2); } - .text-link-5:after { opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); background: rgba(18, 21, 24, 0.9); } - .text-link-5:hover:before { opacity: 0; } - .text-link-5:hover:after { -webkit-transform: translateY(0); transform: translateY(0); @@ -6225,9 +5497,8 @@ button.mfp-close:hover { .text-link-6 { position: relative; } - .text-link-6:before { - content: ''; + content: ""; position: absolute; bottom: 4px; left: 0; @@ -6237,73 +5508,66 @@ button.mfp-close:hover { -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1); } - .text-link-6:hover:before { width: 100%; } -.bg-black *[class*='text-link-'], -[class*='bg-dark'] *[class*='text-link-'], -[class*='bg-gradient-'] *[class*='text-link-'], -[class*='bg-color-'] *[class*='text-link-'] { +.bg-black *[class*=text-link-], +[class*=bg-dark] *[class*=text-link-], +[class*=bg-gradient-] *[class*=text-link-], +[class*=bg-color-] *[class*=text-link-] { color: rgba(255, 255, 255, 0.8); } - -.bg-black *[class*='text-link-']:hover, .bg-black *[class*='text-link-']:focus, -[class*='bg-dark'] *[class*='text-link-']:hover, -[class*='bg-dark'] *[class*='text-link-']:focus, -[class*='bg-gradient-'] *[class*='text-link-']:hover, -[class*='bg-gradient-'] *[class*='text-link-']:focus, -[class*='bg-color-'] *[class*='text-link-']:hover, -[class*='bg-color-'] *[class*='text-link-']:focus { +.bg-black *[class*=text-link-]:hover, .bg-black *[class*=text-link-]:focus, +[class*=bg-dark] *[class*=text-link-]:hover, +[class*=bg-dark] *[class*=text-link-]:focus, +[class*=bg-gradient-] *[class*=text-link-]:hover, +[class*=bg-gradient-] *[class*=text-link-]:focus, +[class*=bg-color-] *[class*=text-link-]:hover, +[class*=bg-color-] *[class*=text-link-]:focus { color: white; } - .bg-black .text-link-2:before, .bg-black .text-link-3:before, -[class*='bg-dark'] .text-link-2:before, -[class*='bg-dark'] .text-link-3:before, -[class*='bg-gradient-'] .text-link-2:before, -[class*='bg-gradient-'] .text-link-3:before, -[class*='bg-color-'] .text-link-2:before, -[class*='bg-color-'] .text-link-3:before { +[class*=bg-dark] .text-link-2:before, +[class*=bg-dark] .text-link-3:before, +[class*=bg-gradient-] .text-link-2:before, +[class*=bg-gradient-] .text-link-3:before, +[class*=bg-color-] .text-link-2:before, +[class*=bg-color-] .text-link-3:before { background: white; } - .bg-black .text-link-4:before, .bg-black .text-link-5:before, -[class*='bg-dark'] .text-link-4:before, -[class*='bg-dark'] .text-link-5:before, -[class*='bg-gradient-'] .text-link-4:before, -[class*='bg-gradient-'] .text-link-5:before, -[class*='bg-color-'] .text-link-4:before, -[class*='bg-color-'] .text-link-5:before { +[class*=bg-dark] .text-link-4:before, +[class*=bg-dark] .text-link-5:before, +[class*=bg-gradient-] .text-link-4:before, +[class*=bg-gradient-] .text-link-5:before, +[class*=bg-color-] .text-link-4:before, +[class*=bg-color-] .text-link-5:before { background: rgba(255, 255, 255, 0.3); } - .bg-black .text-link-4:after, .bg-black .text-link-5:after, -[class*='bg-dark'] .text-link-4:after, -[class*='bg-dark'] .text-link-5:after, -[class*='bg-gradient-'] .text-link-4:after, -[class*='bg-gradient-'] .text-link-5:after, -[class*='bg-color-'] .text-link-4:after, -[class*='bg-color-'] .text-link-5:after { +[class*=bg-dark] .text-link-4:after, +[class*=bg-dark] .text-link-5:after, +[class*=bg-gradient-] .text-link-4:after, +[class*=bg-gradient-] .text-link-5:after, +[class*=bg-color-] .text-link-4:after, +[class*=bg-color-] .text-link-5:after { background: white; } - .bg-black .text-link-6:before, -[class*='bg-dark'] .text-link-6:before, -[class*='bg-gradient-'] .text-link-6:before, -[class*='bg-color-'] .text-link-6:before { +[class*=bg-dark] .text-link-6:before, +[class*=bg-gradient-] .text-link-6:before, +[class*=bg-color-] .text-link-6:before { background: rgba(255, 255, 255, 0.3); } -[class*='link-social-']:hover { +[class*=link-social-]:hover { opacity: 0.7; } .link-social-facebook { color: #1877F2; } - .link-social-facebook:hover { color: #1877F2; } @@ -6311,7 +5575,6 @@ button.mfp-close:hover { .link-social-twitter { color: #1DA1F2; } - .link-social-twitter:hover { color: #1DA1F2; } @@ -6319,7 +5582,6 @@ button.mfp-close:hover { .link-social-instagram { color: #E4405F; } - .link-social-instagram:hover { color: #E4405F; } @@ -6327,7 +5589,6 @@ button.mfp-close:hover { .link-social-linkedin { color: #0A66C2; } - .link-social-linkedin:hover { color: #0A66C2; } @@ -6335,7 +5596,6 @@ button.mfp-close:hover { .link-social-youtube { color: #CD201F; } - .link-social-youtube:hover { color: #CD201F; } @@ -6343,7 +5603,6 @@ button.mfp-close:hover { .link-social-pinterest { color: #BD081C; } - .link-social-pinterest:hover { color: #BD081C; } @@ -6351,7 +5610,6 @@ button.mfp-close:hover { .link-social-skype { color: #00AFF0; } - .link-social-skype:hover { color: #00AFF0; } @@ -6359,7 +5617,6 @@ button.mfp-close:hover { .link-social-dribbble { color: #EA4C89; } - .link-social-dribbble:hover { color: #EA4C89; } @@ -6367,7 +5624,6 @@ button.mfp-close:hover { .link-social-snapchat { color: #FFFC00; } - .link-social-snapchat:hover { color: #FFFC00; } @@ -6375,7 +5631,6 @@ button.mfp-close:hover { .link-social-whatsapp { color: #25D366; } - .link-social-whatsapp:hover { color: #25D366; } @@ -6383,35 +5638,31 @@ button.mfp-close:hover { .timeline-wrapper { position: relative; } - .timeline-wrapper:before { - content: ''; + content: ""; position: absolute; top: 0; - background: #e2e6ea; + background: rgb(226, 230, 234); width: 1px; height: 100%; } - .timeline-wrapper .timeline .timeline-date { position: relative; } - .timeline-wrapper .timeline .timeline-date:before { - content: ''; + content: ""; position: absolute; top: 31px; - background: #e2e6ea; + background: rgb(226, 230, 234); width: 20px; height: 20px; border-radius: 50%; } - .timeline-wrapper .timeline .timeline-date:after { - content: ''; + content: ""; position: absolute; top: 37px; - background: #121518; + background: rgb(18, 21, 24); width: 8px; height: 8px; border-radius: 50%; @@ -6551,7 +5802,6 @@ button.mfp-close:hover { padding-bottom: 30px; } } - @media (max-width: 991.98px) { .timeline-wrapper { padding-left: 30px; @@ -6578,7 +5828,6 @@ button.mfp-close:hover { left: -34px; } } - @media (max-width: 575.98px) { .timeline-wrapper { padding-left: 20px; @@ -6590,25 +5839,22 @@ button.mfp-close:hover { left: -24px; } } - .bg-black .timeline-wrapper:before, -[class*='bg-dark'] .timeline-wrapper:before, -[class*='bg-gradient-'] .timeline-wrapper:before, -[class*='bg-color-'] .timeline-wrapper:before { +[class*=bg-dark] .timeline-wrapper:before, +[class*=bg-gradient-] .timeline-wrapper:before, +[class*=bg-color-] .timeline-wrapper:before { background: rgba(255, 255, 255, 0.2); } - .bg-black .timeline-wrapper .timeline .timeline-date:before, -[class*='bg-dark'] .timeline-wrapper .timeline .timeline-date:before, -[class*='bg-gradient-'] .timeline-wrapper .timeline .timeline-date:before, -[class*='bg-color-'] .timeline-wrapper .timeline .timeline-date:before { +[class*=bg-dark] .timeline-wrapper .timeline .timeline-date:before, +[class*=bg-gradient-] .timeline-wrapper .timeline .timeline-date:before, +[class*=bg-color-] .timeline-wrapper .timeline .timeline-date:before { background: rgba(255, 255, 255, 0.2); } - .bg-black .timeline-wrapper .timeline .timeline-date:after, -[class*='bg-dark'] .timeline-wrapper .timeline .timeline-date:after, -[class*='bg-gradient-'] .timeline-wrapper .timeline .timeline-date:after, -[class*='bg-color-'] .timeline-wrapper .timeline .timeline-date:after { +[class*=bg-dark] .timeline-wrapper .timeline .timeline-date:after, +[class*=bg-gradient-] .timeline-wrapper .timeline .timeline-date:after, +[class*=bg-color-] .timeline-wrapper .timeline .timeline-date:after { background: white; } @@ -6622,73 +5868,57 @@ button.mfp-close:hover { background-repeat: no-repeat; width: 100%; } - .blog-card-wrapper * { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .blog-card-wrapper .blog-card { background: white; border: 1px solid rgba(18, 21, 24, 0.1); } - .blog-card-wrapper:hover { color: rgba(255, 255, 255, 0.7); } - .blog-card-wrapper:hover h1, .blog-card-wrapper:hover h2, .blog-card-wrapper:hover h3, .blog-card-wrapper:hover h4, .blog-card-wrapper:hover h5, .blog-card-wrapper:hover h6 { color: white; } - -.blog-card-wrapper:hover a:not([class^='button']) { +.blog-card-wrapper:hover a:not([class^=button]) { color: rgba(255, 255, 255, 0.8); } - -.blog-card-wrapper:hover a:not([class^='button']):hover, .blog-card-wrapper:hover a:not([class^='button']):focus { +.blog-card-wrapper:hover a:not([class^=button]):hover, .blog-card-wrapper:hover a:not([class^=button]):focus { color: white; } - .blog-card-wrapper:hover .blog-card { background: rgba(18, 21, 24, 0.6); } - .blog-card-wrapper:hover .button-text-1, .blog-card-wrapper:hover .button-text-2, .blog-card-wrapper:hover .button-text-3 { color: rgba(255, 255, 255, 0.8); } - .blog-card-wrapper:hover .button-text-1:hover, .blog-card-wrapper:hover .button-text-2:hover, .blog-card-wrapper:hover .button-text-3:hover { color: white; } - .blog-card-wrapper:hover .button-text-1:before { background: rgba(255, 255, 255, 0.3); } - .blog-card-wrapper:hover .button-text-1:after { background: white; } - .blog-card-wrapper:hover .button-text-2:before { background: rgba(255, 255, 255, 0.4); } - .blog-card-wrapper:hover .button-text-2:after { background: white; } - .blog-card-wrapper:hover .button-text-3:before { background: rgba(255, 255, 255, 0.8); } - .blog-card-wrapper:hover .button-text-3:hover:before { background: white; } - @media (min-width: 992px) { .blog-card-wrapper .blog-card { padding: 36px 36px 36px 140px; @@ -6702,7 +5932,6 @@ button.mfp-close:hover { text-align: center; } } - @media (max-width: 991.98px) { .blog-card-wrapper .blog-card { padding: 24px; @@ -6714,28 +5943,24 @@ button.mfp-close:hover { margin-bottom: 30px; padding-left: 80px; } - .comment-box .comment-user-avatar { position: absolute; top: 0; left: 0; - background: #eef2f6; + background: rgb(238, 242, 246); width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; } - .comment-box .comment-user-avatar img { width: 60px; height: 60px; } - .comment-box .comment-content { position: relative; } - .comment-box .comment-content .comment-time { position: absolute; top: 0; @@ -6757,7 +5982,6 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } - #cookie-consent.consent-hidden { visibility: hidden; opacity: 0; @@ -6769,7 +5993,6 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } - .fm-toggle .lines { position: relative; display: inline-block; @@ -6782,9 +6005,8 @@ button.mfp-close:hover { -webkit-transition: linear 0.12s; transition: linear 0.12s; } - .fm-toggle .lines:before, .fm-toggle .lines:after { - content: ''; + content: ""; position: absolute; left: 0; background: black; @@ -6794,15 +6016,12 @@ button.mfp-close:hover { -webkit-transition: linear 0.12s; transition: linear 0.12s; } - .fm-toggle .lines:before { top: -7px; } - .fm-toggle .lines:after { bottom: -7px; } - @media (min-width: 992px) { .fm-toggle .lines:before { -webkit-transform: scaleX(0.8); @@ -6826,7 +6045,7 @@ button.mfp-close:hover { } } -.header[class*='header-color']:not(.transparent-dark) .fm-toggle .lines, .header[class*='header-color']:not(.transparent-dark) .fm-toggle .lines:before, .header[class*='header-color']:not(.transparent-dark) .fm-toggle .lines:after, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines:before, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines:after { +.header[class*=header-color]:not(.transparent-dark) .fm-toggle .lines, .header[class*=header-color]:not(.transparent-dark) .fm-toggle .lines:before, .header[class*=header-color]:not(.transparent-dark) .fm-toggle .lines:after, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines:before, .header.transparent-light:not(.transparent-dark) .fm-toggle .lines:after { background: white; } @@ -6842,7 +6061,6 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } - .fullscreen-menu .fm-wrapper { -webkit-transform: scale(0.98); transform: scale(0.98); @@ -6850,13 +6068,11 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.2s; transition: ease-out 0.2s; } - .fullscreen-menu .fm-wrapper .position-top, .fullscreen-menu .fm-wrapper .position-middle, .fullscreen-menu .fm-wrapper .position-bottom { padding: 0 30px; } - @media (min-width: 768px) { .fullscreen-menu .fm-wrapper .position-top, .fullscreen-menu .fm-wrapper .position-middle, @@ -6870,14 +6086,12 @@ button.mfp-close:hover { bottom: 50px; } } - .fullscreen-menu .fm-wrapper .fm-close { position: absolute; top: 50px; right: 50px; cursor: pointer; } - .fullscreen-menu .fm-wrapper .fm-close span { position: relative; display: inline-block; @@ -6888,9 +6102,8 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.18s; transition: ease-out 0.18s; } - .fullscreen-menu .fm-wrapper .fm-close span:before, .fullscreen-menu .fm-wrapper .fm-close span:after { - content: ''; + content: ""; position: absolute; top: 50%; left: 50%; @@ -6900,38 +6113,31 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.18s; transition: ease-out 0.18s; } - .fullscreen-menu .fm-wrapper .fm-close span:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } - .fullscreen-menu .fm-wrapper .fm-close span:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } - .fullscreen-menu .fm-wrapper .fm-close:hover span { opacity: 1; } - .fullscreen-menu .fm-wrapper .fm-close:hover span:before { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } - .fullscreen-menu .fm-wrapper .fm-close:hover span:after { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } - @media (max-width: 991.98px) { .fullscreen-menu .fm-wrapper .fm-close { top: 30px; right: 30px; } } - @media (max-width: 767.98px) { .fullscreen-menu .fm-wrapper .fm-close { top: 20px; @@ -6942,42 +6148,38 @@ button.mfp-close:hover { height: 50px; } } - .fullscreen-menu.fm-show { visibility: visible; opacity: 1; } - .fullscreen-menu.fm-show .fm-wrapper { -webkit-transform: scale(1); transform: scale(1); } .bg-black.fullscreen-menu .fm-wrapper .fm-close span, -[class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span, -[class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span, -[class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span { +[class*=bg-dark].fullscreen-menu .fm-wrapper .fm-close span, +[class*=bg-gradient-].fullscreen-menu .fm-wrapper .fm-close span, +[class*=bg-color-].fullscreen-menu .fm-wrapper .fm-close span { background: rgba(255, 255, 255, 0.1); } - .bg-black.fullscreen-menu .fm-wrapper .fm-close span:before, .bg-black.fullscreen-menu .fm-wrapper .fm-close span:after, -[class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span:before, -[class*='bg-dark'].fullscreen-menu .fm-wrapper .fm-close span:after, -[class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span:before, -[class*='bg-gradient-'].fullscreen-menu .fm-wrapper .fm-close span:after, -[class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span:before, -[class*='bg-color-'].fullscreen-menu .fm-wrapper .fm-close span:after { +[class*=bg-dark].fullscreen-menu .fm-wrapper .fm-close span:before, +[class*=bg-dark].fullscreen-menu .fm-wrapper .fm-close span:after, +[class*=bg-gradient-].fullscreen-menu .fm-wrapper .fm-close span:before, +[class*=bg-gradient-].fullscreen-menu .fm-wrapper .fm-close span:after, +[class*=bg-color-].fullscreen-menu .fm-wrapper .fm-close span:before, +[class*=bg-color-].fullscreen-menu .fm-wrapper .fm-close span:after { background: white; } -[class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span, -[class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span { +[class*=bg-gray].fullscreen-menu .fm-wrapper .fm-close span, +[class*=bg-white].fullscreen-menu .fm-wrapper .fm-close span { background: rgba(18, 21, 24, 0.1); } - -[class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span:before, [class*='bg-gray'].fullscreen-menu .fm-wrapper .fm-close span:after, -[class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span:before, -[class*='bg-white'].fullscreen-menu .fm-wrapper .fm-close span:after { +[class*=bg-gray].fullscreen-menu .fm-wrapper .fm-close span:before, [class*=bg-gray].fullscreen-menu .fm-wrapper .fm-close span:after, +[class*=bg-white].fullscreen-menu .fm-wrapper .fm-close span:before, +[class*=bg-white].fullscreen-menu .fm-wrapper .fm-close span:after { background: black; } @@ -6985,13 +6187,11 @@ button.mfp-close:hover { position: relative; overflow: hidden; } - .gallery-wrapper .gallery-box .gallery-img a { display: block; } - .gallery-wrapper .gallery-box .gallery-img a:before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7003,7 +6203,6 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .gallery-wrapper .gallery-box .gallery-img a img { -webkit-transform: scale(1); transform: scale(1); @@ -7011,16 +6210,13 @@ button.mfp-close:hover { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } - .gallery-wrapper .gallery-box .gallery-img a:hover:before { opacity: 1; } - .gallery-wrapper .gallery-box .gallery-img a:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .gallery-wrapper .gallery-box .gallery-img a .gallery-title { position: absolute; top: 50%; @@ -7031,28 +6227,23 @@ button.mfp-close:hover { background: white; padding: 10px 20px; } - .gallery-wrapper .gallery-box .gallery-img a .gallery-title h1, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h2, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h3, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h4, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h5, .gallery-wrapper .gallery-box .gallery-img a .gallery-title h6 { display: inline-block; margin: 0; } - .gallery-wrapper.hover-style-2 .gallery-box .gallery-img a:before { background: rgba(18, 21, 24, 0.1); } - -.gallery-wrapper[class*='border-radius'] .gallery-box .gallery-img { +.gallery-wrapper[class*=border-radius] .gallery-box .gallery-img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } - .gallery-wrapper.border-radius .gallery-box .gallery-img { border-radius: 0.4em; } - .gallery-wrapper.border-radius-1 .gallery-box .gallery-img { - border-radius: 1.0em; + border-radius: 1em; } .header { @@ -7065,12 +6256,10 @@ button.mfp-close:hover { -webkit-transition: ease-in-out 0.2s; transition: ease-in-out 0.2s; } - .header.hide { -webkit-transform: translateY(-100%); transform: translateY(-100%); } - .header .container, .header .container-fluid { display: -webkit-box; display: -webkit-flex; @@ -7079,38 +6268,30 @@ button.mfp-close:hover { align-items: center; height: 100%; } - .header .header-logo { display: inline-block; } - .header .header-logo .logo-light { display: none; } - .header .header-logo * { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .header .header-logo h1, .header .header-logo h2, .header .header-logo h3, .header .header-logo h4, .header .header-logo h5, .header .header-logo h6 { margin: 0; } - .header .header-logo img { width: auto; height: 54px; max-height: 54px; } - .header .header-logo a { - color: #121518; + color: rgb(18, 21, 24); } - .header .header-logo a:hover { - color: #121518; + color: rgb(18, 21, 24); } - .header .header-toggle { position: relative; display: inline-block; @@ -7119,65 +6300,56 @@ button.mfp-close:hover { margin-left: auto; cursor: pointer; } - .header .header-toggle span { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); - background: #121518; + background: rgb(18, 21, 24); width: 100%; height: 2px; border-radius: 2px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .header .header-toggle span:before, .header .header-toggle span:after { - content: ''; + content: ""; position: absolute; left: 0; - background: #121518; + background: rgb(18, 21, 24); width: 100%; height: 2px; border-radius: 2px; -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .header .header-toggle span:before { top: -7px; } - .header .header-toggle span:after { bottom: -7px; } - .header .header-toggle.toggle-close span { background: transparent; } - .header .header-toggle.toggle-close span:before { top: 0; bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } - .header .header-toggle.toggle-close span:after { top: 0; bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } - .header .header-menu { display: inline-block; font-size: 0.938rem; z-index: 995; } - .header .header-menu .nav { display: block; margin: 0; @@ -7186,88 +6358,71 @@ button.mfp-close:hover { margin: 0; padding: 0; } - .header .header-menu .nav ul { list-style-type: none; margin: 0; padding: 0; } - .header .header-menu .nav .nav-item { text-align: left; } - .header .header-menu .nav .nav-item .nav-link { padding: 0; font-family: "Poppins", sans-serif; letter-spacing: -0.2px; - color: #121518; + color: rgb(18, 21, 24); } - .header .header-menu .nav .nav-item .nav-link:hover, .header .header-menu .nav .nav-item .nav-link.active { - color: #121518; + color: rgb(18, 21, 24); } - .header .header-menu .nav .nav-item .nav-dropdown-toggle { position: relative; display: inline-block; } - .header .header-menu .nav .nav-item .nav-dropdown-toggle:after { - content: '\f107'; + content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.8rem; } - .header .header-menu .nav .nav-item .nav-dropdown { background: white; } - .header .header-menu .nav .nav-item .nav-dropdown h1, .header .header-menu .nav .nav-item .nav-dropdown h2, .header .header-menu .nav .nav-item .nav-dropdown h3, .header .header-menu .nav .nav-item .nav-dropdown h4, .header .header-menu .nav .nav-item .nav-dropdown h5, .header .header-menu .nav .nav-item .nav-dropdown h6 { - color: #121518; + color: rgb(18, 21, 24); } - -.header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { +.header .header-menu .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]) { color: #7C7C7C; } - -.header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { - color: #121518; +.header .header-menu .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]):hover, .header .header-menu .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]):focus { + color: rgb(18, 21, 24); } - .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle { position: absolute; } - .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after { - content: '\f105'; + content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.8rem; } - .header .header-menu.font-2 .nav .nav-item .nav-link { font-size: 0.9em; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } - -.header .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { - color: #121518; +.header .header-menu-extra a:not([class^=button], [class^=link-social]) { + color: rgb(18, 21, 24); } - -.header .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { - color: #121518; +.header .header-menu-extra a:not([class^=button], [class^=link-social]):hover, .header .header-menu-extra a:not([class^=button], [class^=link-social]):focus { + color: rgb(18, 21, 24); } - .header.header-boxed { position: absolute; top: 0; left: 0; } - .header.sticky-autohide, .header.sticky { position: fixed; top: 0; @@ -7280,114 +6435,90 @@ button.mfp-close:hover { font-family: "Nunito", sans-serif; } -.header[class*='header-color']:not(.transparent-dark) .header-logo .logo-dark { +.header[class*=header-color]:not(.transparent-dark) .header-logo .logo-dark { display: none; } - -.header[class*='header-color']:not(.transparent-dark) .header-logo .logo-light { +.header[class*=header-color]:not(.transparent-dark) .header-logo .logo-light { display: inline-block; } - -.header[class*='header-color']:not(.transparent-dark) .header-logo h1, .header[class*='header-color']:not(.transparent-dark) .header-logo h2, .header[class*='header-color']:not(.transparent-dark) .header-logo h3, .header[class*='header-color']:not(.transparent-dark) .header-logo h4, .header[class*='header-color']:not(.transparent-dark) .header-logo h5, .header[class*='header-color']:not(.transparent-dark) .header-logo h6 { +.header[class*=header-color]:not(.transparent-dark) .header-logo h1, .header[class*=header-color]:not(.transparent-dark) .header-logo h2, .header[class*=header-color]:not(.transparent-dark) .header-logo h3, .header[class*=header-color]:not(.transparent-dark) .header-logo h4, .header[class*=header-color]:not(.transparent-dark) .header-logo h5, .header[class*=header-color]:not(.transparent-dark) .header-logo h6 { color: white; } - -.header[class*='header-color']:not(.transparent-dark) .header-logo a { +.header[class*=header-color]:not(.transparent-dark) .header-logo a { color: white; } - -.header[class*='header-color']:not(.transparent-dark) .header-logo a:hover { +.header[class*=header-color]:not(.transparent-dark) .header-logo a:hover { color: white; } - @media (min-width: 992px) { - .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle { + .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link, .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle { color: white; } - .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:hover, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:focus, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link.active, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:hover, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:focus, .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle.active { + .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:hover, .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:focus, .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link.active, .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:hover, .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:focus, .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle.active { color: white; } - .header[class*='header-color']:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:before { + .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:before { background: rgba(255, 255, 255, 0.15); } } - -.header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { +.header[class*=header-color]:not(.transparent-dark) .header-menu-extra a:not([class^=button], [class^=link-social]) { color: white; } - -.header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header[class*='header-color']:not(.transparent-dark) .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { +.header[class*=header-color]:not(.transparent-dark) .header-menu-extra a:not([class^=button], [class^=link-social]):hover, .header[class*=header-color]:not(.transparent-dark) .header-menu-extra a:not([class^=button], [class^=link-social]):focus { color: white; } - -.header[class*='header-color']:not(.transparent-dark) .header-toggle span { +.header[class*=header-color]:not(.transparent-dark) .header-toggle span { background: white; } - -.header[class*='header-color']:not(.transparent-dark) .header-toggle span:before, .header[class*='header-color']:not(.transparent-dark) .header-toggle span:after { +.header[class*=header-color]:not(.transparent-dark) .header-toggle span:before, .header[class*=header-color]:not(.transparent-dark) .header-toggle span:after { background: white; } - -.header[class*='header-color']:not(.transparent-dark) .header-toggle.toggle-close span { +.header[class*=header-color]:not(.transparent-dark) .header-toggle.toggle-close span { background: transparent; } - .header.header-color-dark { - background: #181c20; + background: rgb(24, 28, 32); } - .header.header-color-black { background: black; } - .header.transparent-dark, .header.transparent-light { background: transparent; -webkit-box-shadow: none; box-shadow: none; } - -.header.transparent-dark:not(.sticky-autohide):not(.sticky), .header.transparent-light:not(.sticky-autohide):not(.sticky) { +.header.transparent-dark:not(.sticky-autohide, .sticky), .header.transparent-light:not(.sticky-autohide, .sticky) { position: absolute; top: 0; left: 0; } - -.header[class*='header-color'].border-top, .header[class*='header-color'].border-bottom, .header.transparent-light.border-top, .header.transparent-light.border-bottom { +.header[class*=header-color].border-top, .header[class*=header-color].border-bottom, .header.transparent-light.border-top, .header.transparent-light.border-bottom { border-color: rgba(255, 255, 255, 0.1); } - .header.transparent-light .header-logo .logo-dark { display: none; } - .header.transparent-light .header-logo .logo-light { display: inline-block; } - .header.transparent-light .header-logo h1, .header.transparent-light .header-logo h2, .header.transparent-light .header-logo h3, .header.transparent-light .header-logo h4, .header.transparent-light .header-logo h5, .header.transparent-light .header-logo h6 { color: white; } - .header.transparent-light .header-logo a { color: white; } - .header.transparent-light .header-logo a:hover { color: white; } - .header.transparent-light .header-toggle span { background: white; } - .header.transparent-light .header-toggle span:before, .header.transparent-light .header-toggle span:after { background: white; } - .header.transparent-light .header-toggle.toggle-close span { background: transparent; } - @media (min-width: 992px) { .header.transparent-light .header-menu .nav .nav-item .nav-link, .header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle { color: white; @@ -7399,19 +6530,15 @@ button.mfp-close:hover { background: rgba(255, 255, 255, 0.15); } } - -.header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]) { +.header.transparent-light .header-menu-extra a:not([class^=button], [class^=link-social]) { color: white; } - -.header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]):hover, .header.transparent-light .header-menu-extra a:not([class^='button']):not([class^="link-social"]):focus { +.header.transparent-light .header-menu-extra a:not([class^=button], [class^=link-social]):hover, .header.transparent-light .header-menu-extra a:not([class^=button], [class^=link-social]):focus { color: white; } - .header.header-boxed { background: transparent; } - .header.header-boxed .container, .header.header-boxed .container-fluid { background: rgba(255, 255, 255, 0.9); border-bottom-right-radius: 1.5em; @@ -7419,25 +6546,20 @@ button.mfp-close:hover { -webkit-box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.1); box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.1); } - .header.header-boxed .container-fluid { width: auto; margin: 0 30px; } - .header.header-boxed.sticky-autohide, .header.header-boxed.sticky { -webkit-box-shadow: none; box-shadow: none; } - -.header.header-boxed[class*='header-color'] { +.header.header-boxed[class*=header-color] { background: transparent; } - .header.header-boxed.header-color-dark .container { background: rgba(18, 21, 24, 0.8); } - .header.header-boxed.header-color-black .container { background: rgba(0, 0, 0, 0.8); } @@ -7463,7 +6585,7 @@ button.mfp-close:hover { .header.header-xl .header-menu { height: 100px; } - .header:not(.left):not(.center) .header-menu { + .header:not(.left, .center) .header-menu { margin-left: auto; } .header.left .header-logo { @@ -7492,7 +6614,7 @@ button.mfp-close:hover { position: static; } .header .header-menu .nav .nav-item.mega-menu-item .nav-link:after { - content: '\f107'; + content: "\f107"; padding-left: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900; @@ -7517,8 +6639,8 @@ button.mfp-close:hover { right: 0; bottom: 22px; left: 0; - content: ''; - background: #eef2f6; + content: ""; + background: rgb(238, 242, 246); height: 0; -webkit-transition: all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1); @@ -7533,10 +6655,10 @@ button.mfp-close:hover { -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -2px; - color: #121518; + color: rgb(18, 21, 24); } .header .header-menu .nav .nav-item .nav-dropdown-toggle:hover { - color: #121518; + color: rgb(18, 21, 24); } .header .header-menu .nav .nav-item .nav-dropdown { position: absolute; @@ -7557,7 +6679,7 @@ button.mfp-close:hover { transition: ease-out 0.14s; } .header .header-menu .nav .nav-item .nav-dropdown:before { - content: ''; + content: ""; position: absolute; top: -4px; width: 100%; @@ -7578,7 +6700,7 @@ button.mfp-close:hover { transition: linear 0.06s; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover { - background: #eef2f6; + background: rgb(238, 242, 246); padding: 7px 15px 7px 17px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.sd-toggle:after { @@ -7587,7 +6709,7 @@ button.mfp-close:hover { right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); - content: '\f105'; + content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.8rem; @@ -7622,14 +6744,14 @@ button.mfp-close:hover { transition: linear 0.06s; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover { - background: #eef2f6; + background: rgb(238, 242, 246); padding: 7px 15px 7px 17px; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg { width: 476px; } - .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*='col']:first-child { - border-right: 1px solid #e2e6ea; + .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*=col]:first-child { + border-right: 1px solid rgb(226, 230, 234); } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item:hover .nav-subdropdown { visibility: visible; @@ -7655,7 +6777,7 @@ button.mfp-close:hover { transition: ease-out 0.14s; } .header .header-menu .nav .nav-item .mega-menu-content:before { - content: ''; + content: ""; position: absolute; top: -4px; width: 100%; @@ -7676,29 +6798,29 @@ button.mfp-close:hover { visibility: visible; opacity: 1; } - .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h1, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h2, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h3, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h4, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h5, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown h6 { + .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h1, .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h2, .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h3, .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h4, .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h5, .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h6 { color: white; } - .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { + .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]) { color: rgba(255, 255, 255, 0.8); } - .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]):hover, .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]):focus { color: white; } - .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover { + .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover { background: rgba(255, 255, 255, 0.1); } - .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover { + .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover { background: rgba(255, 255, 255, 0.1); } - .header .header-menu[class*='dropdown-color'] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*='col'] { + .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*=col] { border-color: rgba(255, 255, 255, 0.2); } .header .header-menu.dropdown-color-dark .nav .nav-item .nav-dropdown { - background: #121518; + background: rgb(18, 21, 24); } .header .header-menu.dropdown-color-dark .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { - background: #121518; + background: rgb(18, 21, 24); } .header.transparent-dark .header-menu .nav .nav-item .nav-link:before { background: rgba(18, 21, 24, 0.05); @@ -7714,24 +6836,23 @@ button.mfp-close:hover { .header.header-boxed .container-fluid { backdrop-filter: blur(8px); } - .header:not(.center):not(.left) .header-menu .nav .nav-item:last-child .nav-dropdown, .header:not(.center):not(.left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown { + .header:not(.center, .left) .header-menu .nav .nav-item:last-child .nav-dropdown, .header:not(.center, .left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown { right: 0; left: auto; } - .header:not(.center):not(.left) .header-menu .nav .nav-item:last-child .nav-dropdown .nav-dropdown-item .nav-subdropdown, .header:not(.center):not(.left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown .nav-dropdown-item .nav-subdropdown { + .header:not(.center, .left) .header-menu .nav .nav-item:last-child .nav-dropdown .nav-dropdown-item .nav-subdropdown, .header:not(.center, .left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown .nav-dropdown-item .nav-subdropdown { right: 228px; left: auto; } - .header:not(.center):not(.left) .container-fluid .header-menu .nav .nav-item .nav-dropdown { + .header:not(.center, .left) .container-fluid .header-menu .nav .nav-item .nav-dropdown { right: 0; left: auto; } - .header:not(.center):not(.left) .container-fluid .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { + .header:not(.center, .left) .container-fluid .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { right: 228px; left: auto; } } - @media (max-width: 991.98px) { .header { height: 70px; @@ -7764,7 +6885,7 @@ button.mfp-close:hover { width: 100%; height: auto; margin: 0; - border-bottom: 1px solid #e2e6ea; + border-bottom: 1px solid rgb(226, 230, 234); padding: 12px 0; } .header .header-menu .nav .nav-item:last-child { @@ -7777,7 +6898,7 @@ button.mfp-close:hover { color: #7C7C7C; } .header .header-menu .nav .nav-item .nav-link:hover, .header .header-menu .nav .nav-item .nav-link:focus, .header .header-menu .nav .nav-item .nav-link.active { - color: #121518; + color: rgb(18, 21, 24); } .header .header-menu .nav .nav-item.mega-menu-item .nav-link { width: 100%; @@ -7797,7 +6918,7 @@ button.mfp-close:hover { text-align: right; } .header .header-menu .nav .nav-item .nav-dropdown-toggle.active { - color: #121518; + color: rgb(18, 21, 24); } .header .header-menu .nav .nav-item .nav-dropdown { display: none; @@ -7815,7 +6936,7 @@ button.mfp-close:hover { margin: 0; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.active { - color: #121518; + color: rgb(18, 21, 24); } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle { top: 0; @@ -7825,7 +6946,7 @@ button.mfp-close:hover { text-align: right; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after { - content: '\f107'; + content: "\f107"; } .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown { display: none; @@ -7858,33 +6979,32 @@ button.mfp-close:hover { .header.header-boxed .container-fluid { background: rgba(255, 255, 255, 0.95); } - .header[class*='mobile-menu-color'] .nav .nav-item { + .header[class*=mobile-menu-color] .nav .nav-item { border-color: rgba(255, 255, 255, 0.2); } - .header[class*='mobile-menu-color'] .nav .nav-item .nav-link, - .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle { + .header[class*=mobile-menu-color] .nav .nav-item .nav-link, + .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown-toggle { color: rgba(255, 255, 255, 0.8); } - .header[class*='mobile-menu-color'] .nav .nav-item .nav-link:hover, .header[class*='mobile-menu-color'] .nav .nav-item .nav-link:focus, .header[class*='mobile-menu-color'] .nav .nav-item .nav-link.active, - .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle:hover, - .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle:focus, - .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown-toggle.active { + .header[class*=mobile-menu-color] .nav .nav-item .nav-link:hover, .header[class*=mobile-menu-color] .nav .nav-item .nav-link:focus, .header[class*=mobile-menu-color] .nav .nav-item .nav-link.active, + .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown-toggle:hover, + .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown-toggle:focus, + .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown-toggle.active { color: white; } - .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown { + .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown { background: transparent; } - .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]) { + .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]) { color: rgba(255, 255, 255, 0.8); } - .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .header[class*='mobile-menu-color'] .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus { + .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]):hover, .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown a:not([class^=button], [class^=link-social]):focus { color: white; } .header.mobile-menu-color-dark .header-menu { - background: #181c20; + background: rgb(24, 28, 32); } } - @media (max-width: 575.98px) { .header.header-boxed .container, .header.header-boxed .container-fluid { @@ -7894,7 +7014,6 @@ button.mfp-close:hover { padding: 0 26px; } } - @media (min-width: 992px) { .header-lg { height: 90px; @@ -7927,7 +7046,6 @@ button.mfp-close:hover { top: 104px; } } - .header-placeholder { height: 80px; } @@ -7945,117 +7063,94 @@ button.mfp-close:hover { height: 70px; } } - .masonry { margin: 0 -1em -2em; } - .masonry .masonry-item { margin-bottom: 2em; padding: 0 1em; } - .masonry.column-1 .masonry-item { width: 100%; } - @media (min-width: 768px) { .masonry.column-2 .masonry-item { width: 50%; } } - @media (min-width: 768px) { .masonry.column-3 .masonry-item { width: 50%; } } - @media (min-width: 992px) { .masonry.column-3 .masonry-item { width: 33.33%; } } - @media (min-width: 576px) { - .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { + .masonry.column-4 .masonry-item, .masonry.column-6 .masonry-item, .masonry.column-5 .masonry-item { width: 50%; } } - @media (min-width: 768px) { - .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { + .masonry.column-4 .masonry-item, .masonry.column-6 .masonry-item, .masonry.column-5 .masonry-item { width: 33.33%; } } - @media (min-width: 992px) { - .masonry.column-4 .masonry-item, .masonry.column-5 .masonry-item, .masonry.column-6 .masonry-item { + .masonry.column-4 .masonry-item, .masonry.column-6 .masonry-item, .masonry.column-5 .masonry-item { width: 25%; } } - @media (min-width: 1200px) { .masonry.column-5 .masonry-item { width: 20%; } } - @media (min-width: 1200px) { .masonry.column-6 .masonry-item { width: 16.66%; } } - .masonry.spacing-0 { margin: 0; } - .masonry.spacing-0 .masonry-item { margin: 0; padding: 0; } - .masonry.spacing-1 { margin: 0 -0.5em -1em; } - .masonry.spacing-1 .masonry-item { margin-bottom: 1em; padding: 0 0.5em; } - .masonry.spacing-2 { margin: 0 -1em -2em; } - .masonry.spacing-2 .masonry-item { margin-bottom: 2em; padding: 0 1em; } - .masonry.spacing-3 { margin: 0 -1.5em -3em; } - .masonry.spacing-3 .masonry-item { margin-bottom: 3em; padding: 0 1.5em; } - .masonry.spacing-4 { margin: 0 -2em -4em; } - .masonry.spacing-4 .masonry-item { margin-bottom: 4em; padding: 0 2em; } - .masonry.spacing-5 { margin: 0 -2.5em -5em; } - .masonry.spacing-5 .masonry-item { margin-bottom: 5em; padding: 0 2.5em; @@ -8064,102 +7159,84 @@ button.mfp-close:hover { .portfolio-masonry .portfolio-item { width: 100%; } - .portfolio-masonry .portfolio-item { text-align: left; } - .portfolio-masonry.column-1 .portfolio-item { width: 100%; } - @media (min-width: 768px) { .portfolio-masonry.column-2 .portfolio-item { width: 50%; } } - @media (min-width: 768px) { .portfolio-masonry.column-3 .portfolio-item { width: 50%; } } - @media (min-width: 992px) { .portfolio-masonry.column-3 .portfolio-item { width: 33.33%; } } - @media (min-width: 576px) { - .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { + .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item { width: 50%; } } - @media (min-width: 768px) { - .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { + .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item { width: 33.33%; } } - @media (min-width: 992px) { - .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item { + .portfolio-masonry.column-4 .portfolio-item, .portfolio-masonry.column-6 .portfolio-item, .portfolio-masonry.column-5 .portfolio-item { width: 25%; } } - @media (min-width: 1200px) { .portfolio-masonry.column-5 .portfolio-item { width: 20%; } } - @media (min-width: 1200px) { .portfolio-masonry.column-6 .portfolio-item { width: 16.66%; } } - .portfolio-masonry.spacing-0 .portfolio-item { padding: 0; } - .portfolio-masonry.spacing-1 .portfolio-item { padding: 0.5em; } - .portfolio-masonry.spacing-2 .portfolio-item { padding: 1em; } - .portfolio-masonry.spacing-3 .portfolio-item { padding: 1.5em; } - .portfolio-masonry.spacing-4 .portfolio-item { padding: 2em; } - .portfolio-masonry.spacing-5 .portfolio-item { padding: 2.5em; } -.portfolio-masonry[class*='border-radius'] .portfolio-item .portfolio-box, -.portfolio-grid[class*='border-radius'] .portfolio-item .portfolio-box { +.portfolio-masonry[class*=border-radius] .portfolio-item .portfolio-box, +.portfolio-grid[class*=border-radius] .portfolio-item .portfolio-box { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } - .portfolio-masonry.border-radius .portfolio-item .portfolio-box, .portfolio-grid.border-radius .portfolio-item .portfolio-box { border-radius: 0.4em; } - .portfolio-masonry.border-radius-1 .portfolio-item .portfolio-box, .portfolio-grid.border-radius-1 .portfolio-item .portfolio-box { - border-radius: 1.0em; + border-radius: 1em; } .text-center .portfolio-item { @@ -8173,23 +7250,18 @@ button.mfp-close:hover { .container .portfolio-masonry.spacing-0 { margin: 0; } - .container .portfolio-masonry.spacing-1 { margin: -0.5em; } - .container .portfolio-masonry.spacing-2 { margin: -1em; } - .container .portfolio-masonry.spacing-3 { margin: -1.5em; } - .container .portfolio-masonry.spacing-4 { margin: -2em; } - .container .portfolio-masonry.spacing-5 { margin: -2.5em; } @@ -8198,10 +7270,9 @@ button.mfp-close:hover { margin: 0 -5px; padding: 0; } - .filter ul li { display: inline-block; - background: #eef2f6; + background: rgb(238, 242, 246); border-radius: 30px; margin: 0 5px; padding: 7px 15px; @@ -8212,44 +7283,35 @@ button.mfp-close:hover { -webkit-transition: linear 0.1s; transition: linear 0.1s; } - .filter ul li:hover { - background: #e4e8ec; + background: rgb(228, 232, 236); } - .filter ul li.active, .filter ul li.mixitup-control-active { - background: #181c20; + background: rgb(24, 28, 32); color: white; } - .filter.filter-font-2 ul li { font-size: 15px; letter-spacing: -0.2px; text-transform: none; } - .filter.filter-style-2 ul { margin: 0 -2px; } - .filter.filter-style-2 ul li { background: transparent; margin: 0 2px; color: #7C7C7C; } - .filter.filter-style-2 ul li:hover, .filter.filter-style-2 ul li.active, .filter.filter-style-2 ul li.mixitup-control-active { - color: #121518; + color: rgb(18, 21, 24); } - .filter.filter-style-2 ul li.active, .filter.filter-style-2 ul li.mixitup-control-active { - background: #eef2f6; + background: rgb(238, 242, 246); } - .filter.filter-style-3 ul { margin: 0 -14px -8px; } - .filter.filter-style-3 ul li { position: relative; background: transparent; @@ -8257,167 +7319,149 @@ button.mfp-close:hover { padding: 0; color: #7C7C7C; } - .filter.filter-style-3 ul li:after { - content: ''; + content: ""; position: absolute; right: 0; bottom: -1px; left: 0; - background: #121518; + background: rgb(18, 21, 24); height: 1px; -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } - .filter.filter-style-3 ul li:hover, .filter.filter-style-3 ul li.active, .filter.filter-style-3 ul li.mixitup-control-active { - color: #121518; + color: rgb(18, 21, 24); } - .filter.filter-style-3 ul li.active:after, .filter.filter-style-3 ul li.mixitup-control-active:after { width: 100%; -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both; } - .filter.filter-style-4 ul { margin: 0 -14px -7px; } - .filter.filter-style-4 ul li { background: transparent; margin: 0 14px 7px; padding: 0; color: #AAAAAA; } - .filter.filter-style-4 ul li:hover, .filter.filter-style-4 ul li.active, .filter.filter-style-4 ul li.mixitup-control-active { background: transparent; - color: #121518; + color: rgb(18, 21, 24); } .theme-font-unito .filter ul li { font: 600 0.9em "Nunito", sans-serif; } - .theme-font-unito .filter.filter-font-2 ul li { font-size: 1em; letter-spacing: 0; } .bg-black .filter ul li, -[class*='bg-dark'] .filter ul li, -[class*='bg-gradient-'] .filter ul li, -[class*='bg-color-'] .filter ul li { +[class*=bg-dark] .filter ul li, +[class*=bg-gradient-] .filter ul li, +[class*=bg-color-] .filter ul li { background: transparent; color: rgba(255, 255, 255, 0.7); } - .bg-black .filter ul li:hover, -[class*='bg-dark'] .filter ul li:hover, -[class*='bg-gradient-'] .filter ul li:hover, -[class*='bg-color-'] .filter ul li:hover { +[class*=bg-dark] .filter ul li:hover, +[class*=bg-gradient-] .filter ul li:hover, +[class*=bg-color-] .filter ul li:hover { background: transparent; color: white; } - .bg-black .filter ul li.active, .bg-black .filter ul li.mixitup-control-active, -[class*='bg-dark'] .filter ul li.active, -[class*='bg-dark'] .filter ul li.mixitup-control-active, -[class*='bg-gradient-'] .filter ul li.active, -[class*='bg-gradient-'] .filter ul li.mixitup-control-active, -[class*='bg-color-'] .filter ul li.active, -[class*='bg-color-'] .filter ul li.mixitup-control-active { +[class*=bg-dark] .filter ul li.active, +[class*=bg-dark] .filter ul li.mixitup-control-active, +[class*=bg-gradient-] .filter ul li.active, +[class*=bg-gradient-] .filter ul li.mixitup-control-active, +[class*=bg-color-] .filter ul li.active, +[class*=bg-color-] .filter ul li.mixitup-control-active { background: white; - color: #121518; + color: rgb(18, 21, 24); } - .bg-black .filter.filter-style-2 ul li, -[class*='bg-dark'] .filter.filter-style-2 ul li, -[class*='bg-gradient-'] .filter.filter-style-2 ul li, -[class*='bg-color-'] .filter.filter-style-2 ul li { +[class*=bg-dark] .filter.filter-style-2 ul li, +[class*=bg-gradient-] .filter.filter-style-2 ul li, +[class*=bg-color-] .filter.filter-style-2 ul li { color: rgba(255, 255, 255, 0.7); } - .bg-black .filter.filter-style-2 ul li:hover, .bg-black .filter.filter-style-2 ul li.active, .bg-black .filter.filter-style-2 ul li.mixitup-control-active, -[class*='bg-dark'] .filter.filter-style-2 ul li:hover, -[class*='bg-dark'] .filter.filter-style-2 ul li.active, -[class*='bg-dark'] .filter.filter-style-2 ul li.mixitup-control-active, -[class*='bg-gradient-'] .filter.filter-style-2 ul li:hover, -[class*='bg-gradient-'] .filter.filter-style-2 ul li.active, -[class*='bg-gradient-'] .filter.filter-style-2 ul li.mixitup-control-active, -[class*='bg-color-'] .filter.filter-style-2 ul li:hover, -[class*='bg-color-'] .filter.filter-style-2 ul li.active, -[class*='bg-color-'] .filter.filter-style-2 ul li.mixitup-control-active { +[class*=bg-dark] .filter.filter-style-2 ul li:hover, +[class*=bg-dark] .filter.filter-style-2 ul li.active, +[class*=bg-dark] .filter.filter-style-2 ul li.mixitup-control-active, +[class*=bg-gradient-] .filter.filter-style-2 ul li:hover, +[class*=bg-gradient-] .filter.filter-style-2 ul li.active, +[class*=bg-gradient-] .filter.filter-style-2 ul li.mixitup-control-active, +[class*=bg-color-] .filter.filter-style-2 ul li:hover, +[class*=bg-color-] .filter.filter-style-2 ul li.active, +[class*=bg-color-] .filter.filter-style-2 ul li.mixitup-control-active { color: white; } - .bg-black .filter.filter-style-2 ul li.active, .bg-black .filter.filter-style-2 ul li.mixitup-control-active, -[class*='bg-dark'] .filter.filter-style-2 ul li.active, -[class*='bg-dark'] .filter.filter-style-2 ul li.mixitup-control-active, -[class*='bg-gradient-'] .filter.filter-style-2 ul li.active, -[class*='bg-gradient-'] .filter.filter-style-2 ul li.mixitup-control-active, -[class*='bg-color-'] .filter.filter-style-2 ul li.active, -[class*='bg-color-'] .filter.filter-style-2 ul li.mixitup-control-active { +[class*=bg-dark] .filter.filter-style-2 ul li.active, +[class*=bg-dark] .filter.filter-style-2 ul li.mixitup-control-active, +[class*=bg-gradient-] .filter.filter-style-2 ul li.active, +[class*=bg-gradient-] .filter.filter-style-2 ul li.mixitup-control-active, +[class*=bg-color-] .filter.filter-style-2 ul li.active, +[class*=bg-color-] .filter.filter-style-2 ul li.mixitup-control-active { background: white; - color: #121518; + color: rgb(18, 21, 24); } - .bg-black .filter.filter-style-3 ul li, -[class*='bg-dark'] .filter.filter-style-3 ul li, -[class*='bg-gradient-'] .filter.filter-style-3 ul li, -[class*='bg-color-'] .filter.filter-style-3 ul li { +[class*=bg-dark] .filter.filter-style-3 ul li, +[class*=bg-gradient-] .filter.filter-style-3 ul li, +[class*=bg-color-] .filter.filter-style-3 ul li { color: rgba(255, 255, 255, 0.7); } - .bg-black .filter.filter-style-3 ul li:after, -[class*='bg-dark'] .filter.filter-style-3 ul li:after, -[class*='bg-gradient-'] .filter.filter-style-3 ul li:after, -[class*='bg-color-'] .filter.filter-style-3 ul li:after { +[class*=bg-dark] .filter.filter-style-3 ul li:after, +[class*=bg-gradient-] .filter.filter-style-3 ul li:after, +[class*=bg-color-] .filter.filter-style-3 ul li:after { background: white; } - .bg-black .filter.filter-style-3 ul li:hover, .bg-black .filter.filter-style-3 ul li.active, .bg-black .filter.filter-style-3 ul li.mixitup-control-active, -[class*='bg-dark'] .filter.filter-style-3 ul li:hover, -[class*='bg-dark'] .filter.filter-style-3 ul li.active, -[class*='bg-dark'] .filter.filter-style-3 ul li.mixitup-control-active, -[class*='bg-gradient-'] .filter.filter-style-3 ul li:hover, -[class*='bg-gradient-'] .filter.filter-style-3 ul li.active, -[class*='bg-gradient-'] .filter.filter-style-3 ul li.mixitup-control-active, -[class*='bg-color-'] .filter.filter-style-3 ul li:hover, -[class*='bg-color-'] .filter.filter-style-3 ul li.active, -[class*='bg-color-'] .filter.filter-style-3 ul li.mixitup-control-active { +[class*=bg-dark] .filter.filter-style-3 ul li:hover, +[class*=bg-dark] .filter.filter-style-3 ul li.active, +[class*=bg-dark] .filter.filter-style-3 ul li.mixitup-control-active, +[class*=bg-gradient-] .filter.filter-style-3 ul li:hover, +[class*=bg-gradient-] .filter.filter-style-3 ul li.active, +[class*=bg-gradient-] .filter.filter-style-3 ul li.mixitup-control-active, +[class*=bg-color-] .filter.filter-style-3 ul li:hover, +[class*=bg-color-] .filter.filter-style-3 ul li.active, +[class*=bg-color-] .filter.filter-style-3 ul li.mixitup-control-active { color: white; } - .bg-black .filter.filter-style-3 ul li.active, .bg-black .filter.filter-style-3 ul li.mixitup-control-active, -[class*='bg-dark'] .filter.filter-style-3 ul li.active, -[class*='bg-dark'] .filter.filter-style-3 ul li.mixitup-control-active, -[class*='bg-gradient-'] .filter.filter-style-3 ul li.active, -[class*='bg-gradient-'] .filter.filter-style-3 ul li.mixitup-control-active, -[class*='bg-color-'] .filter.filter-style-3 ul li.active, -[class*='bg-color-'] .filter.filter-style-3 ul li.mixitup-control-active { +[class*=bg-dark] .filter.filter-style-3 ul li.active, +[class*=bg-dark] .filter.filter-style-3 ul li.mixitup-control-active, +[class*=bg-gradient-] .filter.filter-style-3 ul li.active, +[class*=bg-gradient-] .filter.filter-style-3 ul li.mixitup-control-active, +[class*=bg-color-] .filter.filter-style-3 ul li.active, +[class*=bg-color-] .filter.filter-style-3 ul li.mixitup-control-active { background: transparent; } - .bg-black .filter.filter-style-4 ul li, -[class*='bg-dark'] .filter.filter-style-4 ul li, -[class*='bg-gradient-'] .filter.filter-style-4 ul li, -[class*='bg-color-'] .filter.filter-style-4 ul li { +[class*=bg-dark] .filter.filter-style-4 ul li, +[class*=bg-gradient-] .filter.filter-style-4 ul li, +[class*=bg-color-] .filter.filter-style-4 ul li { background: transparent; color: rgba(255, 255, 255, 0.7); } - .bg-black .filter.filter-style-4 ul li:hover, .bg-black .filter.filter-style-4 ul li.active, .bg-black .filter.filter-style-4 ul li.mixitup-control-active, -[class*='bg-dark'] .filter.filter-style-4 ul li:hover, -[class*='bg-dark'] .filter.filter-style-4 ul li.active, -[class*='bg-dark'] .filter.filter-style-4 ul li.mixitup-control-active, -[class*='bg-gradient-'] .filter.filter-style-4 ul li:hover, -[class*='bg-gradient-'] .filter.filter-style-4 ul li.active, -[class*='bg-gradient-'] .filter.filter-style-4 ul li.mixitup-control-active, -[class*='bg-color-'] .filter.filter-style-4 ul li:hover, -[class*='bg-color-'] .filter.filter-style-4 ul li.active, -[class*='bg-color-'] .filter.filter-style-4 ul li.mixitup-control-active { +[class*=bg-dark] .filter.filter-style-4 ul li:hover, +[class*=bg-dark] .filter.filter-style-4 ul li.active, +[class*=bg-dark] .filter.filter-style-4 ul li.mixitup-control-active, +[class*=bg-gradient-] .filter.filter-style-4 ul li:hover, +[class*=bg-gradient-] .filter.filter-style-4 ul li.active, +[class*=bg-gradient-] .filter.filter-style-4 ul li.mixitup-control-active, +[class*=bg-color-] .filter.filter-style-4 ul li:hover, +[class*=bg-color-] .filter.filter-style-4 ul li.active, +[class*=bg-color-] .filter.filter-style-4 ul li.mixitup-control-active { background: transparent; color: white; } @@ -8425,12 +7469,10 @@ button.mfp-close:hover { .portfolio-item .portfolio-box { position: relative; } - .portfolio-item .portfolio-box .portfolio-img { position: relative; overflow: hidden; } - .portfolio-item .portfolio-box .portfolio-img img { -webkit-transform: scale(1); transform: scale(1); @@ -8438,7 +7480,6 @@ button.mfp-close:hover { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } - .portfolio-item .portfolio-box a { position: absolute; top: 0; @@ -8448,7 +7489,6 @@ button.mfp-close:hover { width: 100%; height: 100%; } - .portfolio-item .portfolio-box:hover .portfolio-img img { -webkit-transform: scale(1.04); transform: scale(1.04); @@ -8456,7 +7496,7 @@ button.mfp-close:hover { filter: blur(1.5px); } -.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title { +.portfolio-grid:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title, .portfolio-masonry:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title { position: absolute; top: 0; left: 0; @@ -8467,14 +7507,12 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - -.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div { +.portfolio-grid:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div, .portfolio-masonry:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div { position: absolute; left: 30px; bottom: 30px; } - -.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div * { +.portfolio-grid:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *, .portfolio-masonry:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div * { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); @@ -8483,27 +7521,22 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - -.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:first-child, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:first-child { +.portfolio-grid:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:first-child, .portfolio-masonry:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:first-child { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } - -.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:last-child, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:last-child { +.portfolio-grid:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:last-child, .portfolio-masonry:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *:last-child { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; margin-bottom: 0; } - -.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span { +.portfolio-grid:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span, .portfolio-masonry:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span { display: inline-block; } - -.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title { +.portfolio-grid:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title, .portfolio-masonry:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title { opacity: 1; } - -.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title *, .portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title * { +.portfolio-grid:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title *, .portfolio-masonry:not(.hover-style-2, .hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title * { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); @@ -8520,9 +7553,8 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hover-style-2 .portfolio-item .portfolio-box .portfolio-title:before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -8533,24 +7565,20 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hover-style-2 .portfolio-item .portfolio-box .portfolio-title div { position: absolute; top: 30px; left: 30px; } - .hover-style-2 .portfolio-item .portfolio-box .portfolio-title div span { display: block; } - .hover-style-2 .portfolio-item .portfolio-box .portfolio-title div * { margin-bottom: 0.5rem; color: white; -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hover-style-2 .portfolio-item .portfolio-box .portfolio-title i { position: absolute; right: 30px; @@ -8563,11 +7591,9 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-title:before { opacity: 1; } - .hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-title i { -webkit-transform: translateY(0); transform: translateY(0); @@ -8580,7 +7606,6 @@ button.mfp-close:hover { bottom: 1.5rem; left: 1.5rem; } - .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item { display: table; -webkit-transform: translateY(4px); @@ -8593,31 +7618,25 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.12s; transition: ease-out 0.12s; } - .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:last-child { margin-bottom: 0; } - .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } - .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } - .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } - .hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item * { margin-bottom: 0; - color: #121518; + color: rgb(18, 21, 24); } - @media (max-width: 991.98px) { .hover-style-3 .portfolio-item .portfolio-box .portfolio-title { right: 1.25rem; @@ -8625,7 +7644,6 @@ button.mfp-close:hover { left: 1.25rem; } } - .hover-style-3 .portfolio-item .portfolio-box:hover .portfolio-title .portfolio-title-item { -webkit-transform: translateY(0); transform: translateY(0); @@ -8636,26 +7654,21 @@ button.mfp-close:hover { .hero-portfolio-slider .hero-portfolio-box { position: relative; } - .hero-portfolio-slider .hero-portfolio-box a { display: block; } - .hero-portfolio-slider .hero-portfolio-box a:hover { text-decoration: underline; } - .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-img { overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } - .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-img img { -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } - .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption { visibility: hidden; opacity: 0; @@ -8670,12 +7683,10 @@ button.mfp-close:hover { -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } - .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption * { color: white; margin: 0; } - @media (max-width: 767.98px) { .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption { left: 50%; @@ -8684,12 +7695,10 @@ button.mfp-close:hover { padding: 1rem 1.5rem; } } - .hero-portfolio-slider .hero-portfolio-box:hover .hero-portfolio-img img { -webkit-transform: scale(1.04); transform: scale(1.04); } - .hero-portfolio-slider .swiper-wrapper .swiper-slide.swiper-slide-active .hero-portfolio-caption { visibility: visible; opacity: 1; @@ -8697,7 +7706,7 @@ button.mfp-close:hover { } body:after { - content: ''; + content: ""; position: fixed; top: 0; left: 0; @@ -8706,7 +7715,6 @@ body:after { width: 100%; height: 100%; } - body.loaded:after { display: none; } @@ -8723,7 +7731,6 @@ body.loaded:after { height: 100%; text-align: center; } - .preloader div { position: absolute; top: 50%; @@ -8744,7 +7751,6 @@ body.loaded:after { width: 70px; height: 70px; } - .preloader-1 div .loader-circular { position: absolute; top: 0; @@ -8757,10 +7763,9 @@ body.loaded:after { margin: auto; animation: loader-one-rotate 2s linear infinite; } - .preloader-1 div .loader-path { fill: none; - stroke: #121518; + stroke: rgb(18, 21, 24); stroke-width: 2.5; stroke-dasharray: 1, 200; stroke-dashoffset: 0; @@ -8772,45 +7777,44 @@ body.loaded:after { .preloader-dark .preloader-1 { background: black; } - .preloader-dark .preloader-1 div .loader-path { stroke: white; } .preloader-blue .preloader-1 div .loader-path { - stroke: #0093e9; + stroke: rgb(0, 147, 233); } .preloader-purple .preloader-1 div .loader-path { - stroke: #b721ff; + stroke: rgb(183, 33, 255); } .preloader-pink-edge .preloader-1 div .loader-path { - stroke: #fe9ab6; + stroke: rgb(254, 154, 182); } .preloader-golden-yellow .preloader-1 div .loader-path { - stroke: #ffb657; + stroke: rgb(255, 182, 87); } .preloader-very-peri .preloader-1 div .loader-path { - stroke: #6667ab; + stroke: rgb(102, 103, 171); } .preloader-turquoise .preloader-1 div .loader-path { - stroke: #4cbfa6; + stroke: rgb(76, 191, 166); } .preloader-spring-red .preloader-1 div .loader-path { - stroke: #be1f35; + stroke: rgb(190, 31, 53); } .preloader-tan .preloader-1 div .loader-path { - stroke: tan; + stroke: rgb(210, 180, 140); } .preloader-aqua .preloader-1 div .loader-path { - stroke: #03d4d8; + stroke: rgb(3, 212, 216); } @keyframes loader-one-rotate { @@ -8818,7 +7822,6 @@ body.loaded:after { transform: rotate(360deg); } } - @keyframes loader-one-dash { 0% { stroke-dasharray: 1, 200; @@ -8833,7 +7836,6 @@ body.loaded:after { stroke-dashoffset: -124px; } } - .preloader-2 div span { display: inline-block; opacity: 0.2; @@ -8845,21 +7847,18 @@ body.loaded:after { -webkit-animation: loader-two 0.6s infinite linear; animation: loader-two 0.6s infinite linear; } - .preloader-2 div span:before, .preloader-2 div span:after { - content: ''; + content: ""; position: absolute; top: 0; left: 0; } - .preloader-2 div span:before { background: black; width: 50%; height: 50%; border-radius: 100% 0 0 0; } - .preloader-2 div span:after { right: 0; bottom: 0; @@ -8880,7 +7879,6 @@ body.loaded:after { transform: rotate(360deg); } } - @-webkit-keyframes loader-two { 0% { -webkit-transform: rotate(0deg); @@ -8891,117 +7889,102 @@ body.loaded:after { transform: rotate(360deg); } } - .preloader-dark .preloader-2 { background: black; } - .preloader-dark .preloader-2 div span { background: white; background: linear-gradient(to right, white 10%, transparent 40%); } - .preloader-dark .preloader-2 div span:before { background: white; } - .preloader-dark .preloader-2 div span:after { background: black; } .preloader-blue .preloader-2 div span { - background: #0093e9; - background: linear-gradient(to right, #0093e9 10%, transparent 40%); + background: rgb(0, 147, 233); + background: linear-gradient(to right, rgb(0, 147, 233) 10%, transparent 40%); } - .preloader-blue .preloader-2 div span:before { - background: #0093e9; + background: rgb(0, 147, 233); } .preloader-purple .preloader-2 div span { - background: #b721ff; - background: linear-gradient(to right, #b721ff 10%, transparent 40%); + background: rgb(183, 33, 255); + background: linear-gradient(to right, rgb(183, 33, 255) 10%, transparent 40%); } - .preloader-purple .preloader-2 div span:before { - background: #b721ff; + background: rgb(183, 33, 255); } .preloader-pink-edge .preloader-2 div span { - background: #fe9ab6; - background: linear-gradient(to right, #fe9ab6 10%, transparent 40%); + background: rgb(254, 154, 182); + background: linear-gradient(to right, rgb(254, 154, 182) 10%, transparent 40%); } - .preloader-pink-edge .preloader-2 div span:before { - background: #fe9ab6; + background: rgb(254, 154, 182); } .preloader-golden-yellow .preloader-2 div span { - background: #ffb657; - background: linear-gradient(to right, #ffb657 10%, transparent 40%); + background: rgb(255, 182, 87); + background: linear-gradient(to right, rgb(255, 182, 87) 10%, transparent 40%); } - .preloader-golden-yellow .preloader-2 div span:before { - background: #ffb657; + background: rgb(255, 182, 87); } .preloader-very-peri .preloader-2 div span { - background: #6667ab; - background: linear-gradient(to right, #6667ab 10%, transparent 40%); + background: rgb(102, 103, 171); + background: linear-gradient(to right, rgb(102, 103, 171) 10%, transparent 40%); } - .preloader-very-peri .preloader-2 div span:before { - background: #6667ab; + background: rgb(102, 103, 171); } .preloader-turquoise .preloader-2 div span { - background: #4cbfa6; - background: linear-gradient(to right, #4cbfa6 10%, transparent 40%); + background: rgb(76, 191, 166); + background: linear-gradient(to right, rgb(76, 191, 166) 10%, transparent 40%); } - .preloader-turquoise .preloader-2 div span:before { - background: #4cbfa6; + background: rgb(76, 191, 166); } .preloader-spring-red .preloader-2 div span { - background: #be1f35; - background: linear-gradient(to right, #be1f35 10%, transparent 40%); + background: rgb(190, 31, 53); + background: linear-gradient(to right, rgb(190, 31, 53) 10%, transparent 40%); } - .preloader-spring-red .preloader-2 div span:before { - background: #be1f35; + background: rgb(190, 31, 53); } .preloader-tan .preloader-2 div span { - background: tan; - background: linear-gradient(to right, tan 10%, transparent 40%); + background: rgb(210, 180, 140); + background: linear-gradient(to right, rgb(210, 180, 140) 10%, transparent 40%); } - .preloader-tan .preloader-2 div span:before { - background: tan; + background: rgb(210, 180, 140); } .preloader-aqua .preloader-2 div span { - background: #03d4d8; - background: linear-gradient(to right, #03d4d8 10%, transparent 40%); + background: rgb(3, 212, 216); + background: linear-gradient(to right, rgb(3, 212, 216) 10%, transparent 40%); } - .preloader-aqua .preloader-2 div span:before { - background: #03d4d8; + background: rgb(3, 212, 216); } .preloader-3 div { width: 50px; height: 50px; } - .preloader-3 div span { position: relative; display: block; } - .preloader-3 div span:before, .preloader-3 div span:after { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -9010,12 +7993,10 @@ body.loaded:after { height: 50px; border-radius: 50%; } - .preloader-3 div span:before { -webkit-animation: loader-three-bounceIn 1.2s infinite ease-in-out; animation: loader-three-bounceIn 1.2s infinite ease-in-out; } - .preloader-3 div span:after { -webkit-animation: loader-three-bounceOut 1.2s infinite ease-in-out; animation: loader-three-bounceOut 1.2s infinite ease-in-out; @@ -9029,7 +8010,6 @@ body.loaded:after { -webkit-transform: scale(1); } } - @keyframes loader-three-bounceIn { 0%, 100% { -webkit-transform: scale(0); @@ -9040,7 +8020,6 @@ body.loaded:after { transform: scale(1); } } - @-webkit-keyframes loader-three-bounceOut { 0%, 100% { -webkit-transform: scale(1); @@ -9049,7 +8028,6 @@ body.loaded:after { -webkit-transform: scale(0); } } - @keyframes loader-three-bounceOut { 0%, 100% { -webkit-transform: scale(1); @@ -9060,11 +8038,9 @@ body.loaded:after { transform: scale(0); } } - .preloader-dark .preloader-3 { background: black; } - .preloader-dark .preloader-3 div span:before, .preloader-dark .preloader-3 div span:after { background: rgba(255, 255, 255, 0.2); } @@ -9108,7 +8084,6 @@ body.loaded:after { .section-xs { padding: 50px 0; } - .section-xs.bg-image .container, .section-xs.bg-image .container-fluid { padding: 50px 30px; } @@ -9116,7 +8091,6 @@ body.loaded:after { .section-sm { padding: 70px 0; } - .section-sm.bg-image .container, .section-sm.bg-image .container-fluid { padding: 70px 30px; } @@ -9124,7 +8098,6 @@ body.loaded:after { .section, .section-md { padding: 100px 0; } - .section.bg-image .container, .section.bg-image .container-fluid, .section-md.bg-image .container, .section-md.bg-image .container-fluid { padding: 100px 30px; } @@ -9132,7 +8105,6 @@ body.loaded:after { .section-lg { padding: 140px 0; } - .section-lg.bg-image .container, .section-lg.bg-image .container-fluid { padding: 140px 30px; } @@ -9140,7 +8112,6 @@ body.loaded:after { .section-xl { padding: 180px 0; } - .section-xl.bg-image .container, .section-xl.bg-image .container-fluid { padding: 180px 30px; } @@ -9148,7 +8119,6 @@ body.loaded:after { .section-2xl { padding: 220px 0; } - .section-2xl.bg-image .container, .section-2xl.bg-image .container-fluid { padding: 220px 30px; } @@ -9191,7 +8161,6 @@ body.loaded:after { padding: 170px 30px; } } - @media (max-width: 575.98px) { .section, .section-md { padding: 70px 0; @@ -9218,7 +8187,6 @@ body.loaded:after { padding: 150px 30px; } } - .section-xs.bg-image, .section-sm.bg-image, .section.bg-image, .section-md.bg-image, @@ -9232,20 +8200,19 @@ body.loaded:after { width: 100%; height: 100vh; } - .section-fullscreen .bg-black, -.section-fullscreen [class*='bg-white'], -.section-fullscreen [class*='bg-gray'], -.section-fullscreen [class*='bg-dark'], -.section-fullscreen [class*='bg-gradient'], -.section-fullscreen [class*='bg-color'], +.section-fullscreen [class*=bg-white], +.section-fullscreen [class*=bg-gray], +.section-fullscreen [class*=bg-dark], +.section-fullscreen [class*=bg-gradient], +.section-fullscreen [class*=bg-color], .section-fullscreen .container, .section-fullscreen .container-fluid { height: 100%; } :root { --bs-dark-rgb: 24, 28, 32; - --bs-border-color: rgba(18, 21, 24, 0.1); + --bs-border-color: get-color("dark", 0.1); } .bg-white-01 { @@ -10041,27 +9008,27 @@ body.loaded:after { } .bg-dark-lighter { - background: #202428; + background: rgb(32, 36, 40); } .bg-dark-lightest { - background: #282c30; + background: rgb(40, 44, 48); } .bg-dark { - background: #121518; + background: rgb(18, 21, 24); } .bg-gray { - background: #eef2f6; + background: rgb(238, 242, 246); } .bg-gray-lighter { - background: #f1f5f9; + background: rgb(241, 245, 249); } .bg-gray-lightest { - background: #f4f8fc; + background: rgb(244, 248, 252); } .bg-light-blue { @@ -10101,39 +9068,39 @@ body.loaded:after { } .bg-color-blue { - background: #0093e9; + background: rgb(0, 147, 233); } .bg-color-purple { - background: #b721ff; + background: rgb(183, 33, 255); } .bg-color-golden-yellow { - background: #ffb657; + background: rgb(255, 182, 87); } .bg-color-pink-edge { - background: #fe9ab6; + background: rgb(254, 154, 182); } .bg-color-very-peri { - background: #6667ab; + background: rgb(102, 103, 171); } .bg-color-turquoise { - background: #4cbfa6; + background: rgb(76, 191, 166); } .bg-color-spring-red { - background: #be1f35; + background: rgb(190, 31, 53); } .bg-color-tan { - background: tan; + background: rgb(210, 180, 140); } .bg-color-aqua { - background: #03d4d8; + background: rgb(3, 212, 216); } .bg-gradient-1 { @@ -10164,86 +9131,80 @@ body.loaded:after { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } -.bg-white-content, [class*='bg-white'], .bg-black [class*='bg-white'], -[class*='bg-dark'] [class*='bg-white'], -[class*='bg-gradient-'] [class*='bg-white'], -[class*='bg-color-'] [class*='bg-white'] { +.bg-white-content, .bg-black [class*=bg-white], +[class*=bg-dark] [class*=bg-white], +[class*=bg-gradient-] [class*=bg-white], +[class*=bg-color-] [class*=bg-white], [class*=bg-white] { color: #7C7C7C; } - -.bg-white-content h1, [class*='bg-white'] h1, .bg-black [class*='bg-white'] h1, -[class*='bg-dark'] [class*='bg-white'] h1, -[class*='bg-gradient-'] [class*='bg-white'] h1, -[class*='bg-color-'] [class*='bg-white'] h1, .bg-white-content h2, [class*='bg-white'] h2, .bg-black [class*='bg-white'] h2, -[class*='bg-dark'] [class*='bg-white'] h2, -[class*='bg-gradient-'] [class*='bg-white'] h2, -[class*='bg-color-'] [class*='bg-white'] h2, .bg-white-content h3, [class*='bg-white'] h3, .bg-black [class*='bg-white'] h3, -[class*='bg-dark'] [class*='bg-white'] h3, -[class*='bg-gradient-'] [class*='bg-white'] h3, -[class*='bg-color-'] [class*='bg-white'] h3, .bg-white-content h4, [class*='bg-white'] h4, .bg-black [class*='bg-white'] h4, -[class*='bg-dark'] [class*='bg-white'] h4, -[class*='bg-gradient-'] [class*='bg-white'] h4, -[class*='bg-color-'] [class*='bg-white'] h4, .bg-white-content h5, [class*='bg-white'] h5, .bg-black [class*='bg-white'] h5, -[class*='bg-dark'] [class*='bg-white'] h5, -[class*='bg-gradient-'] [class*='bg-white'] h5, -[class*='bg-color-'] [class*='bg-white'] h5, .bg-white-content h6, [class*='bg-white'] h6, .bg-black [class*='bg-white'] h6, -[class*='bg-dark'] [class*='bg-white'] h6, -[class*='bg-gradient-'] [class*='bg-white'] h6, -[class*='bg-color-'] [class*='bg-white'] h6 { - color: #121518; +.bg-white-content h1, .bg-black [class*=bg-white] h1, +[class*=bg-dark] [class*=bg-white] h1, +[class*=bg-gradient-] [class*=bg-white] h1, +[class*=bg-color-] [class*=bg-white] h1, [class*=bg-white] h1, .bg-white-content h2, .bg-black [class*=bg-white] h2, +[class*=bg-dark] [class*=bg-white] h2, +[class*=bg-gradient-] [class*=bg-white] h2, +[class*=bg-color-] [class*=bg-white] h2, [class*=bg-white] h2, .bg-white-content h3, .bg-black [class*=bg-white] h3, +[class*=bg-dark] [class*=bg-white] h3, +[class*=bg-gradient-] [class*=bg-white] h3, +[class*=bg-color-] [class*=bg-white] h3, [class*=bg-white] h3, .bg-white-content h4, .bg-black [class*=bg-white] h4, +[class*=bg-dark] [class*=bg-white] h4, +[class*=bg-gradient-] [class*=bg-white] h4, +[class*=bg-color-] [class*=bg-white] h4, [class*=bg-white] h4, .bg-white-content h5, .bg-black [class*=bg-white] h5, +[class*=bg-dark] [class*=bg-white] h5, +[class*=bg-gradient-] [class*=bg-white] h5, +[class*=bg-color-] [class*=bg-white] h5, [class*=bg-white] h5, .bg-white-content h6, .bg-black [class*=bg-white] h6, +[class*=bg-dark] [class*=bg-white] h6, +[class*=bg-gradient-] [class*=bg-white] h6, +[class*=bg-color-] [class*=bg-white] h6, [class*=bg-white] h6 { + color: rgb(18, 21, 24); } - -.bg-white-content a:not([class^='button']), [class*='bg-white'] a:not([class^='button']) { +.bg-white-content a:not([class^=button]), [class*=bg-white] a:not([class^=button]) { color: rgba(18, 21, 24, 0.9); } - -.bg-white-content a:not([class^='button']):hover, [class*='bg-white'] a:not([class^='button']):hover, .bg-white-content a:not([class^='button']):focus, [class*='bg-white'] a:not([class^='button']):focus { - color: #121518; +.bg-white-content a:not([class^=button]):hover, [class*=bg-white] a:not([class^=button]):hover, .bg-white-content a:not([class^=button]):focus, [class*=bg-white] a:not([class^=button]):focus { + color: rgb(18, 21, 24); } .bg-dark-content, .bg-black, -[class*='bg-dark'], -[class*='bg-gradient-'], -[class*='bg-color-'] { +[class*=bg-dark], +[class*=bg-gradient-], +[class*=bg-color-] { color: rgba(255, 255, 255, 0.7); } - .bg-dark-content h1, .bg-black h1, -[class*='bg-dark'] h1, -[class*='bg-gradient-'] h1, -[class*='bg-color-'] h1, .bg-dark-content h2, .bg-black h2, -[class*='bg-dark'] h2, -[class*='bg-gradient-'] h2, -[class*='bg-color-'] h2, .bg-dark-content h3, .bg-black h3, -[class*='bg-dark'] h3, -[class*='bg-gradient-'] h3, -[class*='bg-color-'] h3, .bg-dark-content h4, .bg-black h4, -[class*='bg-dark'] h4, -[class*='bg-gradient-'] h4, -[class*='bg-color-'] h4, .bg-dark-content h5, .bg-black h5, -[class*='bg-dark'] h5, -[class*='bg-gradient-'] h5, -[class*='bg-color-'] h5, .bg-dark-content h6, .bg-black h6, -[class*='bg-dark'] h6, -[class*='bg-gradient-'] h6, -[class*='bg-color-'] h6 { +[class*=bg-dark] h1, +[class*=bg-gradient-] h1, +[class*=bg-color-] h1, .bg-dark-content h2, .bg-black h2, +[class*=bg-dark] h2, +[class*=bg-gradient-] h2, +[class*=bg-color-] h2, .bg-dark-content h3, .bg-black h3, +[class*=bg-dark] h3, +[class*=bg-gradient-] h3, +[class*=bg-color-] h3, .bg-dark-content h4, .bg-black h4, +[class*=bg-dark] h4, +[class*=bg-gradient-] h4, +[class*=bg-color-] h4, .bg-dark-content h5, .bg-black h5, +[class*=bg-dark] h5, +[class*=bg-gradient-] h5, +[class*=bg-color-] h5, .bg-dark-content h6, .bg-black h6, +[class*=bg-dark] h6, +[class*=bg-gradient-] h6, +[class*=bg-color-] h6 { color: white; } - -.bg-dark-content a:not([class^='button']), .bg-black a:not([class^='button']), -[class*='bg-dark'] a:not([class^='button']), -[class*='bg-gradient-'] a:not([class^='button']), -[class*='bg-color-'] a:not([class^='button']) { +.bg-dark-content a:not([class^=button]), .bg-black a:not([class^=button]), +[class*=bg-dark] a:not([class^=button]), +[class*=bg-gradient-] a:not([class^=button]), +[class*=bg-color-] a:not([class^=button]) { color: rgba(255, 255, 255, 0.9); } - -.bg-dark-content a:not([class^='button']):hover, .bg-black a:not([class^='button']):hover, -[class*='bg-dark'] a:not([class^='button']):hover, -[class*='bg-gradient-'] a:not([class^='button']):hover, -[class*='bg-color-'] a:not([class^='button']):hover, .bg-dark-content a:not([class^='button']):focus, .bg-black a:not([class^='button']):focus, -[class*='bg-dark'] a:not([class^='button']):focus, -[class*='bg-gradient-'] a:not([class^='button']):focus, -[class*='bg-color-'] a:not([class^='button']):focus { +.bg-dark-content a:not([class^=button]):hover, .bg-black a:not([class^=button]):hover, +[class*=bg-dark] a:not([class^=button]):hover, +[class*=bg-gradient-] a:not([class^=button]):hover, +[class*=bg-color-] a:not([class^=button]):hover, .bg-dark-content a:not([class^=button]):focus, .bg-black a:not([class^=button]):focus, +[class*=bg-dark] a:not([class^=button]):focus, +[class*=bg-gradient-] a:not([class^=button]):focus, +[class*=bg-color-] a:not([class^=button]):focus { color: white; } @@ -10356,7 +9317,7 @@ body.loaded:after { } *.text-dark { - color: #121518; + color: rgb(18, 21, 24); } *.text-red { @@ -10368,42 +9329,42 @@ body.loaded:after { } *.text-blue { - color: #0093e9; + color: rgb(0, 147, 233); } *.text-purple { - color: #b721ff; + color: rgb(183, 33, 255); } *.text-golden-yellow { - color: #ffb657; + color: rgb(255, 182, 87); } *.text-pink-edge { - color: #fe9ab6; + color: rgb(254, 154, 182); } *.text-very-peri { - color: #6667ab; + color: rgb(102, 103, 171); } *.text-turquoise { - color: #4cbfa6; + color: rgb(76, 191, 166); } *.text-spring-red { - color: #be1f35; + color: rgb(190, 31, 53); } *.text-tan { - color: tan; + color: rgb(210, 180, 140); } *.text-aqua { - color: #03d4d8; + color: rgb(3, 212, 216); } -[class*='text-gradient'] { +[class*=text-gradient] { display: inline-block; } @@ -10456,13 +9417,12 @@ body.loaded:after { -webkit-text-fill-color: transparent; } -[class*='text-highlight'] { +[class*=text-highlight] { position: relative; display: inline-block; } - -[class*='text-highlight']:before { - content: ''; +[class*=text-highlight]:before { + content: ""; position: absolute; bottom: -2px; left: 0; @@ -10503,62 +9463,57 @@ body.loaded:after { background-image: linear-gradient(90deg, #007990 0%, #6CE5C0 100%); } -h1[class*='text-highlight']:before, h2[class*='text-highlight']:before { +h1[class*=text-highlight]:before, h2[class*=text-highlight]:before { bottom: -2px; height: 6px; border-radius: 3px; } -h3[class*='text-highlight']:before { +h3[class*=text-highlight]:before { bottom: -2px; height: 5px; border-radius: 3px; } -h1.display-1[class*='text-highlight']:before { +h1.display-1[class*=text-highlight]:before { bottom: -8px; height: 10px; border-radius: 5px; } - -h1.display-2[class*='text-highlight']:before { +h1.display-2[class*=text-highlight]:before { bottom: -6px; height: 8px; border-radius: 4px; } - -h1.display-3[class*='text-highlight']:before { +h1.display-3[class*=text-highlight]:before { bottom: -6px; height: 8px; border-radius: 4px; } - -h1.display-4[class*='text-highlight']:before { +h1.display-4[class*=text-highlight]:before { bottom: -6px; height: 7px; border-radius: 4px; } .bg-black .text-highlight:before, -[class*='bg-dark'] .text-highlight:before, -[class*='bg-gradient-'] .text-highlight:before, -[class*='bg-color-'] .text-highlight:before { +[class*=bg-dark] .text-highlight:before, +[class*=bg-gradient-] .text-highlight:before, +[class*=bg-color-] .text-highlight:before { background: rgba(255, 255, 255, 0.3); } .stroke-text { - color: #121518; + color: rgb(18, 21, 24); -webkit-text-fill-color: transparent; - -webkit-text-stroke-width: 1.0px; - -webkit-text-stroke-color: #121518; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: rgb(18, 21, 24); } - @media (min-width: 768px) { .stroke-text { -webkit-text-stroke-width: 1.2px; } } - @media (min-width: 992px) { .stroke-text { -webkit-text-stroke-width: 1.4px; @@ -10566,152 +9521,142 @@ h1.display-4[class*='text-highlight']:before { } .bg-black .stroke-text, -[class*='bg-dark'] .stroke-text, -[class*='bg-gradient-'] .stroke-text, -[class*='bg-color-'] .stroke-text { +[class*=bg-dark] .stroke-text, +[class*=bg-gradient-] .stroke-text, +[class*=bg-color-] .stroke-text { color: white; -webkit-text-stroke-color: white; } - .bg-black .bg-white .stroke-text, -.bg-black [class*='bg-white'] .stroke-text, -[class*='bg-dark'] .bg-white .stroke-text, -[class*='bg-dark'] [class*='bg-white'] .stroke-text, -[class*='bg-gradient-'] .bg-white .stroke-text, -[class*='bg-gradient-'] [class*='bg-white'] .stroke-text, -[class*='bg-color-'] .bg-white .stroke-text, -[class*='bg-color-'] [class*='bg-white'] .stroke-text { - color: #121518; - -webkit-text-stroke-color: #121518; +.bg-black [class*=bg-white] .stroke-text, +[class*=bg-dark] .bg-white .stroke-text, +[class*=bg-dark] [class*=bg-white] .stroke-text, +[class*=bg-gradient-] .bg-white .stroke-text, +[class*=bg-gradient-] [class*=bg-white] .stroke-text, +[class*=bg-color-] .bg-white .stroke-text, +[class*=bg-color-] [class*=bg-white] .stroke-text { + color: rgb(18, 21, 24); + -webkit-text-stroke-color: rgb(18, 21, 24); } .fancy-text { -webkit-text-fill-color: transparent; - -webkit-text-stroke-width: 1.0px; - -webkit-text-stroke-color: #121518; - -webkit-text-shadow: 3px 3px 0 #dbdddf; - text-shadow: 3px 3px 0 #dbdddf; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: rgb(18, 21, 24); + -webkit-text-shadow: 3px 3px 0 rgb(219, 221, 223); + text-shadow: 3px 3px 0 rgb(219, 221, 223); } - @media (min-width: 768px) { .fancy-text { -webkit-text-stroke-width: 1.2px; } } - @media (min-width: 992px) { .fancy-text { -webkit-text-stroke-width: 1.4px; } } - .fancy-text.display-1, .fancy-text.display-2, .fancy-text.display-3 { - -webkit-text-shadow: 4px 4px 0 #dbdddf; - text-shadow: 4px 4px 0 #dbdddf; + -webkit-text-shadow: 4px 4px 0 rgb(219, 221, 223); + text-shadow: 4px 4px 0 rgb(219, 221, 223); } - @media (min-width: 768px) { .fancy-text.display-1, .fancy-text.display-2, .fancy-text.display-3 { - -webkit-text-shadow: 5px 5px 0 #dbdddf; - text-shadow: 5px 5px 0 #dbdddf; + -webkit-text-shadow: 5px 5px 0 rgb(219, 221, 223); + text-shadow: 5px 5px 0 rgb(219, 221, 223); } .fancy-text.display-4 { - -webkit-text-shadow: 4px 4px 0 #dbdddf; - text-shadow: 4px 4px 0 #dbdddf; + -webkit-text-shadow: 4px 4px 0 rgb(219, 221, 223); + text-shadow: 4px 4px 0 rgb(219, 221, 223); } } .bg-black .fancy-text, -[class*='bg-dark'] .fancy-text, -[class*='bg-gradient-'] .fancy-text, -[class*='bg-color-'] .fancy-text { +[class*=bg-dark] .fancy-text, +[class*=bg-gradient-] .fancy-text, +[class*=bg-color-] .fancy-text { color: white; -webkit-text-stroke-color: white; - -webkit-text-shadow: 3px 3px 0 #2e3032; - text-shadow: 3px 3px 0 #2e3032; + -webkit-text-shadow: 3px 3px 0 rgb(46, 48, 50); + text-shadow: 3px 3px 0 rgb(46, 48, 50); } - .bg-black .fancy-text.display-1, .bg-black .fancy-text.display-2, .bg-black .fancy-text.display-3, -[class*='bg-dark'] .fancy-text.display-1, -[class*='bg-dark'] .fancy-text.display-2, -[class*='bg-dark'] .fancy-text.display-3, -[class*='bg-gradient-'] .fancy-text.display-1, -[class*='bg-gradient-'] .fancy-text.display-2, -[class*='bg-gradient-'] .fancy-text.display-3, -[class*='bg-color-'] .fancy-text.display-1, -[class*='bg-color-'] .fancy-text.display-2, -[class*='bg-color-'] .fancy-text.display-3 { - -webkit-text-shadow: 4px 4px 0 #2e3032; - text-shadow: 4px 4px 0 #2e3032; +[class*=bg-dark] .fancy-text.display-1, +[class*=bg-dark] .fancy-text.display-2, +[class*=bg-dark] .fancy-text.display-3, +[class*=bg-gradient-] .fancy-text.display-1, +[class*=bg-gradient-] .fancy-text.display-2, +[class*=bg-gradient-] .fancy-text.display-3, +[class*=bg-color-] .fancy-text.display-1, +[class*=bg-color-] .fancy-text.display-2, +[class*=bg-color-] .fancy-text.display-3 { + -webkit-text-shadow: 4px 4px 0 rgb(46, 48, 50); + text-shadow: 4px 4px 0 rgb(46, 48, 50); } - @media (min-width: 768px) { .bg-black .fancy-text.display-1, .bg-black .fancy-text.display-2, .bg-black .fancy-text.display-3, - [class*='bg-dark'] .fancy-text.display-1, - [class*='bg-dark'] .fancy-text.display-2, - [class*='bg-dark'] .fancy-text.display-3, - [class*='bg-gradient-'] .fancy-text.display-1, - [class*='bg-gradient-'] .fancy-text.display-2, - [class*='bg-gradient-'] .fancy-text.display-3, - [class*='bg-color-'] .fancy-text.display-1, - [class*='bg-color-'] .fancy-text.display-2, - [class*='bg-color-'] .fancy-text.display-3 { - -webkit-text-shadow: 5px 5px 0 #2e3032; - text-shadow: 5px 5px 0 #2e3032; + [class*=bg-dark] .fancy-text.display-1, + [class*=bg-dark] .fancy-text.display-2, + [class*=bg-dark] .fancy-text.display-3, + [class*=bg-gradient-] .fancy-text.display-1, + [class*=bg-gradient-] .fancy-text.display-2, + [class*=bg-gradient-] .fancy-text.display-3, + [class*=bg-color-] .fancy-text.display-1, + [class*=bg-color-] .fancy-text.display-2, + [class*=bg-color-] .fancy-text.display-3 { + -webkit-text-shadow: 5px 5px 0 rgb(46, 48, 50); + text-shadow: 5px 5px 0 rgb(46, 48, 50); } .bg-black .fancy-text.display-4, - [class*='bg-dark'] .fancy-text.display-4, - [class*='bg-gradient-'] .fancy-text.display-4, - [class*='bg-color-'] .fancy-text.display-4 { - -webkit-text-shadow: 4px 4px 0 #2e3032; - text-shadow: 4px 4px 0 #2e3032; + [class*=bg-dark] .fancy-text.display-4, + [class*=bg-gradient-] .fancy-text.display-4, + [class*=bg-color-] .fancy-text.display-4 { + -webkit-text-shadow: 4px 4px 0 rgb(46, 48, 50); + text-shadow: 4px 4px 0 rgb(46, 48, 50); } } - -.bg-black [class*='bg-white'] .fancy-text, -[class*='bg-dark'] [class*='bg-white'] .fancy-text, -[class*='bg-gradient-'] [class*='bg-white'] .fancy-text, -[class*='bg-color-'] [class*='bg-white'] .fancy-text { - color: #121518; - -webkit-text-stroke-color: #121518; - -webkit-text-shadow: 3px 3px 0 #dbdddf; - text-shadow: 3px 3px 0 #dbdddf; +.bg-black [class*=bg-white] .fancy-text, +[class*=bg-dark] [class*=bg-white] .fancy-text, +[class*=bg-gradient-] [class*=bg-white] .fancy-text, +[class*=bg-color-] [class*=bg-white] .fancy-text { + color: rgb(18, 21, 24); + -webkit-text-stroke-color: rgb(18, 21, 24); + -webkit-text-shadow: 3px 3px 0 rgb(219, 221, 223); + text-shadow: 3px 3px 0 rgb(219, 221, 223); } - -.bg-black [class*='bg-white'] .fancy-text.display-1, .bg-black [class*='bg-white'] .fancy-text.display-2, .bg-black [class*='bg-white'] .fancy-text.display-3, -[class*='bg-dark'] [class*='bg-white'] .fancy-text.display-1, -[class*='bg-dark'] [class*='bg-white'] .fancy-text.display-2, -[class*='bg-dark'] [class*='bg-white'] .fancy-text.display-3, -[class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-1, -[class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-2, -[class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-3, -[class*='bg-color-'] [class*='bg-white'] .fancy-text.display-1, -[class*='bg-color-'] [class*='bg-white'] .fancy-text.display-2, -[class*='bg-color-'] [class*='bg-white'] .fancy-text.display-3 { - -webkit-text-shadow: 4px 4px 0 #dbdddf; - text-shadow: 4px 4px 0 #dbdddf; +.bg-black [class*=bg-white] .fancy-text.display-1, .bg-black [class*=bg-white] .fancy-text.display-2, .bg-black [class*=bg-white] .fancy-text.display-3, +[class*=bg-dark] [class*=bg-white] .fancy-text.display-1, +[class*=bg-dark] [class*=bg-white] .fancy-text.display-2, +[class*=bg-dark] [class*=bg-white] .fancy-text.display-3, +[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-1, +[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-2, +[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-3, +[class*=bg-color-] [class*=bg-white] .fancy-text.display-1, +[class*=bg-color-] [class*=bg-white] .fancy-text.display-2, +[class*=bg-color-] [class*=bg-white] .fancy-text.display-3 { + -webkit-text-shadow: 4px 4px 0 rgb(219, 221, 223); + text-shadow: 4px 4px 0 rgb(219, 221, 223); } - @media (min-width: 768px) { - .bg-black [class*='bg-white'] .fancy-text.display-1, .bg-black [class*='bg-white'] .fancy-text.display-2, .bg-black [class*='bg-white'] .fancy-text.display-3, - [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-1, - [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-2, - [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-3, - [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-1, - [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-2, - [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-3, - [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-1, - [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-2, - [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-3 { - -webkit-text-shadow: 5px 5px 0 #dbdddf; - text-shadow: 5px 5px 0 #dbdddf; + .bg-black [class*=bg-white] .fancy-text.display-1, .bg-black [class*=bg-white] .fancy-text.display-2, .bg-black [class*=bg-white] .fancy-text.display-3, + [class*=bg-dark] [class*=bg-white] .fancy-text.display-1, + [class*=bg-dark] [class*=bg-white] .fancy-text.display-2, + [class*=bg-dark] [class*=bg-white] .fancy-text.display-3, + [class*=bg-gradient-] [class*=bg-white] .fancy-text.display-1, + [class*=bg-gradient-] [class*=bg-white] .fancy-text.display-2, + [class*=bg-gradient-] [class*=bg-white] .fancy-text.display-3, + [class*=bg-color-] [class*=bg-white] .fancy-text.display-1, + [class*=bg-color-] [class*=bg-white] .fancy-text.display-2, + [class*=bg-color-] [class*=bg-white] .fancy-text.display-3 { + -webkit-text-shadow: 5px 5px 0 rgb(219, 221, 223); + text-shadow: 5px 5px 0 rgb(219, 221, 223); } - .bg-black [class*='bg-white'] .fancy-text.display-4, - [class*='bg-dark'] [class*='bg-white'] .fancy-text.display-4, - [class*='bg-gradient-'] [class*='bg-white'] .fancy-text.display-4, - [class*='bg-color-'] [class*='bg-white'] .fancy-text.display-4 { - -webkit-text-shadow: 4px 4px 0 #dbdddf; - text-shadow: 4px 4px 0 #dbdddf; + .bg-black [class*=bg-white] .fancy-text.display-4, + [class*=bg-dark] [class*=bg-white] .fancy-text.display-4, + [class*=bg-gradient-] [class*=bg-white] .fancy-text.display-4, + [class*=bg-color-] [class*=bg-white] .fancy-text.display-4 { + -webkit-text-shadow: 4px 4px 0 rgb(219, 221, 223); + text-shadow: 4px 4px 0 rgb(219, 221, 223); } } @@ -10741,21 +9686,21 @@ h1.display-4[class*='text-highlight']:before { } .bg-black .border, .bg-black .border-top, .bg-black .border-right, .bg-black .border-bottom, .bg-black .border-left, -[class*='bg-dark'] .border, -[class*='bg-dark'] .border-top, -[class*='bg-dark'] .border-right, -[class*='bg-dark'] .border-bottom, -[class*='bg-dark'] .border-left, -[class*='bg-gradient-'] .border, -[class*='bg-gradient-'] .border-top, -[class*='bg-gradient-'] .border-right, -[class*='bg-gradient-'] .border-bottom, -[class*='bg-gradient-'] .border-left, -[class*='bg-color-'] .border, -[class*='bg-color-'] .border-top, -[class*='bg-color-'] .border-right, -[class*='bg-color-'] .border-bottom, -[class*='bg-color-'] .border-left { +[class*=bg-dark] .border, +[class*=bg-dark] .border-top, +[class*=bg-dark] .border-right, +[class*=bg-dark] .border-bottom, +[class*=bg-dark] .border-left, +[class*=bg-gradient-] .border, +[class*=bg-gradient-] .border-top, +[class*=bg-gradient-] .border-right, +[class*=bg-gradient-] .border-bottom, +[class*=bg-gradient-] .border-left, +[class*=bg-color-] .border, +[class*=bg-color-] .border-top, +[class*=bg-color-] .border-right, +[class*=bg-color-] .border-bottom, +[class*=bg-color-] .border-left { border-color: rgba(255, 255, 255, 0.2) !important; } @@ -10806,3 +9751,5 @@ h1.display-4[class*='text-highlight']:before { .opacity-20 { opacity: 0.2; } + +/*# sourceMappingURL=theme.css.map */ diff --git a/yarn.lock b/yarn.lock index 2e45571..dd354c1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,11 +2,119 @@ # yarn lockfile v1 +"@parcel/watcher-android-arm64@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz" + integrity sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA== + +"@parcel/watcher-darwin-arm64@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz" + integrity sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw== + +"@parcel/watcher-darwin-x64@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz" + integrity sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg== + +"@parcel/watcher-freebsd-x64@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz" + integrity sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ== + +"@parcel/watcher-linux-arm-glibc@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz" + integrity sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA== + +"@parcel/watcher-linux-arm-musl@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz" + integrity sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q== + +"@parcel/watcher-linux-arm64-glibc@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz" + integrity sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w== + +"@parcel/watcher-linux-arm64-musl@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz" + integrity sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg== + +"@parcel/watcher-linux-x64-glibc@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz" + integrity sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A== + +"@parcel/watcher-linux-x64-musl@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz" + integrity sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg== + +"@parcel/watcher-win32-arm64@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz" + integrity sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw== + +"@parcel/watcher-win32-ia32@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz" + integrity sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ== + +"@parcel/watcher-win32-x64@2.5.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz" + integrity sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA== + +"@parcel/watcher@^2.4.1": + version "2.5.1" + resolved "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz" + integrity sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg== + dependencies: + detect-libc "^1.0.3" + is-glob "^4.0.3" + micromatch "^4.0.5" + node-addon-api "^7.0.0" + optionalDependencies: + "@parcel/watcher-android-arm64" "2.5.1" + "@parcel/watcher-darwin-arm64" "2.5.1" + "@parcel/watcher-darwin-x64" "2.5.1" + "@parcel/watcher-freebsd-x64" "2.5.1" + "@parcel/watcher-linux-arm-glibc" "2.5.1" + "@parcel/watcher-linux-arm-musl" "2.5.1" + "@parcel/watcher-linux-arm64-glibc" "2.5.1" + "@parcel/watcher-linux-arm64-musl" "2.5.1" + "@parcel/watcher-linux-x64-glibc" "2.5.1" + "@parcel/watcher-linux-x64-musl" "2.5.1" + "@parcel/watcher-win32-arm64" "2.5.1" + "@parcel/watcher-win32-ia32" "2.5.1" + "@parcel/watcher-win32-x64" "2.5.1" + +braces@^3.0.3: + version "3.0.3" + resolved "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz" + integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA== + dependencies: + fill-range "^7.1.1" + +chokidar@^4.0.0: + version "4.0.3" + resolved "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz" + integrity sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA== + dependencies: + readdirp "^4.0.1" + data-uri-to-buffer@^4.0.0: version "4.0.1" resolved "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz" integrity sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A== +detect-libc@^1.0.3: + version "1.0.3" + resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz" + integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg== + fetch-blob@^3.1.2, fetch-blob@^3.1.4: version "3.2.0" resolved "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz" @@ -15,6 +123,13 @@ fetch-blob@^3.1.2, fetch-blob@^3.1.4: node-domexception "^1.0.0" web-streams-polyfill "^3.0.3" +fill-range@^7.1.1: + version "7.1.1" + resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz" + integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg== + dependencies: + to-regex-range "^5.0.1" + formdata-polyfill@^4.0.10: version "4.0.10" resolved "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz" @@ -27,6 +142,41 @@ he@^1.2.0: resolved "https://registry.npmjs.org/he/-/he-1.2.0.tgz" integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw== +immutable@^5.0.2: + version "5.1.3" + resolved "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz" + integrity sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg== + +is-extglob@^2.1.1: + version "2.1.1" + resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz" + integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ== + +is-glob@^4.0.3: + version "4.0.3" + resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz" + integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg== + dependencies: + is-extglob "^2.1.1" + +is-number@^7.0.0: + version "7.0.0" + resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz" + integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng== + +micromatch@^4.0.5: + version "4.0.8" + resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz" + integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA== + dependencies: + braces "^3.0.3" + picomatch "^2.3.1" + +node-addon-api@^7.0.0: + version "7.1.1" + resolved "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz" + integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ== + node-domexception@^1.0.0: version "1.0.0" resolved "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz" @@ -41,6 +191,39 @@ node-fetch@^3.3.2: fetch-blob "^3.1.4" formdata-polyfill "^4.0.10" +picomatch@^2.3.1: + version "2.3.1" + resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz" + integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== + +readdirp@^4.0.1: + version "4.1.2" + resolved "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz" + integrity sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg== + +sass@^1.90.0: + version "1.90.0" + resolved "https://registry.npmjs.org/sass/-/sass-1.90.0.tgz" + integrity sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q== + dependencies: + chokidar "^4.0.0" + immutable "^5.0.2" + source-map-js ">=0.6.2 <2.0.0" + optionalDependencies: + "@parcel/watcher" "^2.4.1" + +"source-map-js@>=0.6.2 <2.0.0": + version "1.2.1" + resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz" + integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== + +to-regex-range@^5.0.1: + version "5.0.1" + resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz" + integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ== + dependencies: + is-number "^7.0.0" + web-streams-polyfill@^3.0.3: version "3.3.3" resolved "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz"