23 Commits

Author SHA1 Message Date
kbe
d4a151df9b Working paginator 2025-08-20 20:00:44 +02:00
kbe
f926c7fcf6 Better single post display 2025-08-20 15:45:42 +02:00
kbe
41805da339 Working on first page with pagination 2025-08-20 15:39:07 +02:00
kbe
75d235c17e Add link to articles 2025-08-20 14:34:13 +02:00
kbe
1e293852f4 Working on homepage 2025-08-20 14:32:15 +02:00
kbe
7f958514b1 dynamic load articles 2025-08-20 14:21:57 +02:00
kbe
1d8f5a1f66 working on front-page 2025-08-20 14:05:18 +02:00
kbe
248438ae8d wip tailwind theme 2025-08-20 11:56:54 +02:00
kbe
30a3080480 Prepare migration to Tailwind 2025-08-20 11:21:40 +02:00
kbe
aabcd5eaa2 Icons out of bundle 2025-08-20 00:45:19 +02:00
kbe
2f98e9f3fc Use PostCSS for bundling 2025-08-20 00:07:58 +02:00
kbe
880af9bb7d Use post description in meta seo 2025-08-19 23:52:23 +02:00
kbe
ef7951c1e4 add a script for update 2025-08-19 23:48:30 +02:00
kbe
98f639b913 prepare production 2025-08-19 19:31:12 +02:00
kbe
40e9660d80 Prepare docker workflow 2025-08-19 19:10:43 +02:00
kbe
ef6876a0d3 seo improvement with titles h1/h4 2025-08-19 17:17:09 +02:00
kbe
851547b87d chore: update site layout and styles 2025-08-19 16:54:09 +02:00
kbe
bd803eda00 Make use of relative URL 2025-08-19 16:11:18 +02:00
kbe
ac76ba32f6 Display categories 2025-08-19 16:06:28 +02:00
kbe
c84ca1d538 Some minor fixes 2025-08-19 15:23:17 +02:00
kbe
3cc9d535ff Author page ok 2025-08-19 13:30:54 +02:00
kbe
a24c2681db Add lang configuration 2025-08-19 13:07:25 +02:00
kbe
2bced48437 Add more features for SEO 2025-08-19 12:57:31 +02:00
4851 changed files with 14203 additions and 903993 deletions

38
.dockerignore Normal file
View File

@@ -0,0 +1,38 @@
# Hugo build artifacts
.hugo_build.lock
hugo_stats.json
public/
resources/
# Node.js
node_modules/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Development files
.editorconfig
.git/
.gitignore
*.md
docs/
# OS files
.DS_Store
Thumbs.db
# Backup files
*.backup
*.bak
*.tmp
# IDE files
.vscode/
.idea/
*.swp
*.swo
*~
# Build artifacts
dist/
build/

43
.editorconfig Normal file
View File

@@ -0,0 +1,43 @@
# EditorConfig is awesome: https://EditorConfig.org
# top-most EditorConfig file
root = true
# Unix-style newlines with a newline ending every file
[*]
end_of_line = lf
insert_final_newline = true
# 4 space indentation (no tabs)
[*.{js,jsx,ts,tsx,html,css,scss,md}]
indent_style = space
indent_size = 4
# Set charset
[*.{js,jsx,ts,tsx,html,css,scss,md}]
charset = utf-8
# For Go files
[*.go]
indent_style = space
indent_size = 4
# For Python files
[*.py]
indent_style = space
indent_size = 4
# For JSON files
[*.json]
indent_style = space
indent_size = 2
# For YAML files
[*.{yaml,yml}]
indent_style = space
indent_size = 2
# For TOML files
[*.toml]
indent_style = space
indent_size = 2

27
Dockerfile Normal file
View File

@@ -0,0 +1,27 @@
# Use a Node.js LTS Alpine image as the base
FROM hugomods/hugo:nightly
# Install Node.js and npm (needed for fetch-wordpress.js and sass)
RUN apk add --no-cache nodejs npm
# Install Sass (Dart Sass) globally
RUN npm install -g sass yarn
# Set the working directory inside the container
WORKDIR /app
# Copy the entire project into the container
COPY . .
# Make the build script executable (if not already)
RUN chmod +x scripts/build.sh
# Install Node.js dependencies if any (e.g., for fetch-wordpress.js)
# Assuming package.json exists and has dependencies
RUN if [ -f package.json ]; then yarn install; fi
# Ensure /usr/local/bin is in PATH for the CMD
ENV PATH="/usr/local/bin:$PATH"
# Command to run the build script when the container starts
CMD ["./scripts/build.sh"]

162
assets/css/app.css Normal file
View File

@@ -0,0 +1,162 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import "tailwindcss";
@import "header.css";
@import "wordpress.css";
/* Modern Design System */
:root {
--primary-blue: #3b82f6;
--primary-blue-dark: #2563eb;
--gray-50: #f9fafb;
--gray-100: #f3f4f6;
--gray-200: #e5e7eb;
--gray-300: #d1d5db;
--gray-600: #4b5563;
--gray-700: #374151;
--gray-800: #1f2937;
--gray-900: #111827;
}
/* Base Styles */
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #fdfdff;
color: var(--gray-800);
line-height: 1.6;
}
/* Gradient Backgrounds */
.gradient-bg {
background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 100%);
}
.gradient-bg-dark {
background: linear-gradient(120deg, #1e293b 0%, #334155 100%);
}
/* Component Styles */
.article-card {
transition: all 0.3s ease;
transform: translateY(0);
}
.article-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.featured-article {
transition: transform 0.3s ease;
}
.featured-article:hover {
transform: scale(1.02);
}
/* Tag Styles */
.tag {
transition: all 0.2s ease;
}
.tag:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
/* Button Styles */
.btn-primary {
background: var(--primary-blue);
color: white;
transition: background-color 0.2s ease;
}
.btn-primary:hover {
background: var(--primary-blue-dark);
}
/* Responsive Typography */
@media (max-width: 768px) {
.text-hero {
font-size: 2.25rem;
line-height: 2.5rem;
}
}
/* Newsletter Styles */
.newsletter-form {
max-width: 500px;
margin: 0 auto;
}
/* Footer Styles */
.footer-section {
background: var(--gray-900);
color: white;
}
.footer-link {
color: #9ca3af;
transition: color 0.2s ease;
}
.footer-link:hover {
color: white;
}
/* Mobile Menu Styles */
.mobile-menu {
transition: all 0.3s ease;
}
.mobile-menu-enter {
opacity: 0;
transform: translateY(-10px);
}
.mobile-menu-enter-active {
opacity: 1;
transform: translateY(0);
}
/* Responsive Utilities */
@media (max-width: 768px) {
.container {
padding-left: 1rem;
padding-right: 1rem;
}
}
/* Prose Styles from docs/homepage.html and docs/post.html */
.prose {
max-width: none;
}
.prose h2 {
font-weight: 600;
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 1.875rem;
line-height: 2.25rem;
}
.prose p {
margin-bottom: 1.5rem;
line-height: 1.75;
}
.prose blockquote {
border-left-width: 4px;
border-color: #3b82f6;
padding-left: 1.5rem;
margin: 2rem 0;
font-style: italic;
}
.article-image {
transition: transform 0.3s ease;
}
.article-image:hover {
transform: scale(1.02);
}

166
assets/css/header.css Normal file
View File

@@ -0,0 +1,166 @@
/* Header Styles */
.cs-header {
position: relative;
z-index: 1000;
}
.cs-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.cs-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.cs-header__inner-desktop {
display: flex;
}
.cs-header__inner-mobile {
display: none;
}
.cs-header__col {
display: flex;
align-items: center;
}
.cs-col-center {
flex: 1;
justify-content: center;
}
.cs-logo img {
height: 38px;
width: auto;
}
.cs-header__nav-inner {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 30px;
}
.cs-header__nav-inner li a {
color: #333;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.cs-header__nav-inner li a:hover {
color: #007bff;
}
.cs-header__custom-button {
background: #007bff;
color: white;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
font-weight: 500;
transition: background 0.3s ease;
}
.cs-header__custom-button:hover {
background: #0056b3;
}
.cs-header__search-toggle {
cursor: pointer;
margin-right: 15px;
}
/* Mobile Styles */
@media (max-width: 1024px) {
.cs-header__inner-desktop {
display: none;
}
.cs-header__inner-mobile {
display: flex;
}
.cs-header__offcanvas {
position: fixed;
top: 0;
left: -300px;
width: 300px;
height: 100vh;
background: white;
z-index: 1001;
transition: left 0.3s ease;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.cs-header__offcanvas.active {
left: 0;
}
.cs-header__offcanvas-nav ul {
list-style: none;
padding: 20px;
}
.cs-header__offcanvas-nav ul li {
margin-bottom: 15px;
}
.cs-header__offcanvas-nav ul li a {
color: #333;
text-decoration: none;
font-weight: 500;
}
.cs-search-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 1002;
display: none;
}
.cs-search {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 30px;
border-radius: 8px;
z-index: 1003;
display: none;
min-width: 300px;
}
}
.cs-search__form {
display: flex;
gap: 10px;
}
.cs-search__input {
flex: 1;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
.cs-search__submit {
padding: 10px 20px;
background: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}

View File

@@ -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%;
}
}

View File

@@ -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;
}
}
}
}

View File

@@ -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; }
}
}

View File

@@ -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;
}

View File

@@ -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;
}
}
}
}

View File

@@ -1,112 +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;
margin-top: 1rem;
margin-bottom: 1rem;
}
.theme-font-nunito {
h1,h2,h3,h4,h5,h6 {
font-family: $font-family-nunito;
}
}
p {
margin: 0;
line-height: 1.74; /* 26px */
color: #000;
@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; }
}

View File

@@ -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;
}
}
}

View File

@@ -1,155 +0,0 @@
// Breadcrumb Component
.breadcrumb-wrapper {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 1px solid #dee2e6;
padding: 1rem 0;
@media (max-width: 768px) {
padding: 0.75rem 0;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
font-size: 0.875rem;
line-height: 1.4;
@media (max-width: 576px) {
font-size: 0.8125rem;
}
.breadcrumb-item {
display: flex;
align-items: center;
&:not(:last-child) {
margin-right: 0.5rem;
// &::after {
// content: "/";
// display: inline-block;
// color: #6c757d;
// margin-left: 0.75rem;
// opacity: 0.7;
// font-weight: 500;
// @media (max-width: 576px) {
// margin-left: 0.5rem;
// }
// }
}
a {
color: #495057;
text-decoration: none;
font-weight: 500;
transition: all 0.2s ease-in-out;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
&:hover {
color: #007bff;
background-color: rgba(0, 123, 255, 0.1);
transform: translateY(-1px);
}
&:focus {
outline: 2px solid #007bff;
outline-offset: 1px;
}
i.fas {
margin-right: 0.375rem;
font-size: 0.75rem;
@media (max-width: 576px) {
margin-right: 0.25rem;
font-size: 0.6875rem;
}
}
}
&.active {
color: #6c757d;
font-weight: 600;
padding: 0.25rem 0.5rem;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@media (max-width: 768px) {
max-width: 150px;
}
@media (max-width: 576px) {
max-width: 120px;
}
}
}
// Responsive truncation for long breadcrumbs
@media (max-width: 576px) {
.breadcrumb-item {
&:not(:last-child):not(:nth-last-child(2)) {
display: none;
& + .breadcrumb-item::before {
content: "...";
margin: 0 0.5rem;
color: #6c757d;
font-weight: bold;
}
}
}
}
}
// Dark mode support
@media (prefers-color-scheme: dark) {
background: linear-gradient(135deg, #343a40 0%, #495057 100%);
border-bottom-color: #6c757d;
.breadcrumb {
.breadcrumb-item {
&:not(:last-child):not(:only-child)::after {
color: #adb5bd;
}
a {
color: #dee2e6;
&:hover {
color: #66b2ff;
background-color: rgba(102, 178, 255, 0.1);
}
&:focus {
outline-color: #66b2ff;
}
}
&.active {
color: #adb5bd;
}
}
}
}
}
// Accessibility improvements
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

View File

@@ -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;
}
}

View File

@@ -1,144 +0,0 @@
/* Styles for ez-toc-container */
#ez-toc-container {
background-color: transparent;
border: none;
border-radius: 0;
padding: 16px 0;
box-shadow: none;
max-width: 100%;
margin: 16px 0;
width: 100%;
.ez-toc-title {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 10px;
border-bottom: 2px solid #ddd;
padding-bottom: 5px;
}
.ez-toc-cssicon-toggle-label {
display: flex;
align-items: center;
cursor: pointer;
margin-bottom: 10px;
.ez-toc-icon-toggle-span {
margin-left: 8px;
}
}
.ez-toc-list {
list-style-type: none;
padding-left: 0;
/* Base styles for all list items */
.ez-toc-link {
display: block;
padding: 8px 0;
color: #333;
text-decoration: none;
border-bottom: 1px solid #f0f0f0;
&:hover {
background-color: #f9f9f9;
border-radius: 4px;
}
}
/* Hierarchy-based alignment */
.ez-toc-list-level-1 {
padding-left: 0;
.ez-toc-link {
font-size: 1em;
font-weight: 600;
}
}
.ez-toc-list-level-2 {
padding-left: 20px;
.ez-toc-link {
font-size: 0.95em;
font-weight: 500;
padding-left: 10px;
}
}
.ez-toc-list-level-3 {
padding-left: 40px;
.ez-toc-link {
font-size: 0.9em;
font-weight: 400;
padding-left: 10px;
}
}
.ez-toc-list-level-4 {
padding-left: 60px;
.ez-toc-link {
font-size: 0.85em;
font-weight: 400;
padding-left: 10px;
}
}
/* Add more levels if needed */
}
/* Responsive styles */
@media (max-width: 768px) {
padding: 12px 0;
.ez-toc-title {
font-size: 1.125rem;
}
.ez-toc-link {
padding: 6px 0;
font-size: 0.9em;
}
/* Adjust hierarchy padding for tablets */
.ez-toc-list-level-2 {
padding-left: 15px;
}
.ez-toc-list-level-3 {
padding-left: 30px;
}
.ez-toc-list-level-4 {
padding-left: 45px;
}
}
@media (max-width: 480px) {
padding: 10px 0;
.ez-toc-title {
font-size: 1rem;
}
.ez-toc-link {
padding: 4px 0;
font-size: 0.85em;
}
/* Adjust hierarchy padding for mobile */
.ez-toc-list-level-2 {
padding-left: 10px;
}
.ez-toc-list-level-3 {
padding-left: 20px;
}
.ez-toc-list-level-4 {
padding-left: 30px;
}
}
}

View File

@@ -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; }
}
}
}
}
}

View File

@@ -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; }
}
}

View File

@@ -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; }
}

View File

@@ -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;
}
}
}

View File

@@ -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;
}
}
}
}
}

View File

@@ -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);
}
}
}
}
}

View File

@@ -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%;
}
}

View File

@@ -1,27 +0,0 @@
/* Styles for tables */
figure.wp-block-table table {
border-collapse: collapse;
width: 100%;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
thead {
background-color: #f8f9fa;
color: #000;
}
th, td {
border: 1px solid #dee2e6;
padding: 0.5rem;
text-align: left;
}
th {
background-color: #f1f3f5;
font-weight: bold;
}
tbody tr:nth-child(odd) {
background-color: #f9f9f9;
}
}

View File

@@ -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;
}
}
}
}
}
}
}

View File

@@ -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; }

File diff suppressed because it is too large Load Diff

View File

@@ -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); }
}
}
}

View File

@@ -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;
}
}
}
}

View File

@@ -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; }
}
}
}
}

View File

@@ -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));
}

View File

@@ -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; }
}

View File

@@ -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;
}
}

View File

@@ -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: '%';
}
}

View File

@@ -1,5 +0,0 @@
.post-content {
p {
line-height: 2rem;
}
}

View File

@@ -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;
}
}
}
}

View File

@@ -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;
}
}
}

View File

@@ -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;
}

View File

@@ -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; }
}

View File

@@ -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); }
}
}

View File

@@ -1,240 +0,0 @@
//
// Text Link Styles //
//
a {
// color: #007bff;
// color: get-color("dark", 0.8);
color: #000;
text-decoration: none;
&:hover {
color: #0056b3;
text-decoration: none;
}
}
.post-content {
a {
// color: #007bff;
color: get-color("dark", 0.8);
text-decoration: underline;
&:hover {
color: #0056b3;
text-decoration: none;
}
}
}
*[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;
}
}

View File

@@ -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; }
}
}
}
}

View File

@@ -1,3 +0,0 @@
//
// Your Custom Styles //
//

View File

@@ -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; }
}
}

View File

@@ -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;
}

View File

@@ -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);

View File

@@ -1,101 +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 "elements/post-content";
//
// Import Components //
//
@import "components/blog";
@import "components/cookie-consent";
@import "components/fullscreen-menu";
@import "components/gallery";
@import "components/header";
@import "components/breadcrumb";
@import "components/masonry";
@import "components/portfolio";
@import "components/table";
@import "components/preloader";
@import "components/section";
@import "components/_ez-toc";
//
// Import Utilities //
//
@import "helpers/utilities";
//
// Import Custom Styles //
//
@import "helpers/custom";
ul.wp-block-list {
margin-top: 1rem;
margin-bottom: 1rem;
}
figure.wp-block-image {
margin-top: 2rem;
margin-bottom: 2rem;
}
//
// Figcaption Styles //
//
figcaption, .wp-element-caption {
font-size: 0.9rem;
color: #aeaeae;
margin-top: 0.5em;
text-align: center;
// display: flex;
// align-items: center;
// justify-content: center;
}
figure.wp-block-image {
img {
margin: auto;
display: block;
}
}

69
assets/js/app.js Normal file
View File

@@ -0,0 +1,69 @@
// Import Alpine.js
import Alpine from 'alpinejs'
// Make Alpine available on the window object
window.Alpine = Alpine
// Initialize Alpine
Alpine.start()
// Header JavaScript - Hamburger menu functionality
document.addEventListener('DOMContentLoaded', function() {
// Mobile menu toggle
const offcanvasToggle = document.querySelector('.cs-header__offcanvas-toggle');
const offcanvasClose = document.querySelector('.cs-header__offcanvas-close');
const offcanvas = document.querySelector('.cs-header__offcanvas');
const overlay = document.querySelector('.cs-search-overlay');
if (offcanvasToggle) {
offcanvasToggle.addEventListener('click', function() {
offcanvas.classList.add('active');
overlay.style.display = 'block';
document.body.style.overflow = 'hidden';
});
}
if (offcanvasClose) {
offcanvasClose.addEventListener('click', function() {
offcanvas.classList.remove('active');
overlay.style.display = 'none';
document.body.style.overflow = '';
});
}
// Search functionality
const searchToggle = document.querySelectorAll('.cs-header__search-toggle');
const searchClose = document.querySelector('.cs-search__close');
const search = document.querySelector('.cs-search');
searchToggle.forEach(toggle => {
toggle.addEventListener('click', function() {
search.style.display = 'block';
overlay.style.display = 'block';
document.body.style.overflow = 'hidden';
});
});
if (searchClose) {
searchClose.addEventListener('click', function() {
search.style.display = 'none';
overlay.style.display = 'none';
document.body.style.overflow = '';
});
}
if (overlay) {
overlay.addEventListener('click', function() {
if (offcanvas) {
offcanvas.classList.remove('active');
}
search.style.display = 'none';
overlay.style.display = 'none';
document.body.style.overflow = '';
});
}
});
console.log("Hello world");

46
docker-compose.yml Normal file
View File

@@ -0,0 +1,46 @@
networks:
default:
web:
external: true
services:
nginx:
image: nginx:alpine
volumes:
- ./public:/usr/share/nginx/html:ro
- ./nginx.conf:/etc/nginx/conf.d/default.conf:ro
restart: unless-stopped
labels:
# Explicitly tell Traefik to expose this container
- traefik.enable=true
- traefik.docker.network=web
# HTTPS
- traefik.http.services.mg-hugo-service-secure.loadbalancer.server.port=80
- traefik.http.routers.mg-hugo-secure.service=mg-hugo-service-secure
- traefik.http.routers.mg-hugo-secure.entrypoints=websecure
- traefik.http.routers.mg-hugo-secure.tls.certresolver=le
- traefik.http.routers.mg-hugo-secure.rule=Host(`mistergeek.fr`, `www.mistergeek.fr`, `mistergeek.net`, `www.mistergeek.net`, `agence-webside.fr`, `www.agence-webside.fr`)
- traefik.http.middlewares.mg-hugo-secure-cache.compress=true
# HTTP
- traefik.http.services.mg-hugo-service-insecure.loadbalancer.server.port=80
- traefik.http.routers.mg-hugo-insecure.service=mg-hugo-service-insecure
- traefik.http.routers.mg-hugo-insecure.entrypoints=web
- traefik.http.routers.mg-hugo-insecure.rule=Host(`mistergeek.fr`, `www.mistergeek.fr`, `mistergeek.net`, `www.mistergeek.net`, `agence-webside.fr`, `www.agence-webside.fr`)
- traefik.http.middlewares.mg-hugo-insecure-cache.compress=true
- traefik.http.routers.traefik.tls=true
- traefik.http.routers.traefik.tls.certresolver=le
# GZIP
- traefik.http.routers.traefik.middlewares=traefik-compress
- traefik.http.middlewares.traefik-compress.compress=true
networks:
- web
builder:
build:
context: .
dockerfile: Dockerfile
volumes:
- .:/app
networks:
- default
# command: ls -l

206
docs/SEO-CHECKLIST.md Normal file
View File

@@ -0,0 +1,206 @@
# SEO Implementation Checklist - Mistergeek
This checklist tracks the implementation of advanced SEO features for the Mistergeek Hugo site.
## ✅ Completed Features
### 1. Translation & Documentation
- [x] Translated `seo-recommendations-fr.md` to `seo-recommendations-en.md`
- [x] Created comprehensive English SEO documentation
### 2. Performance Optimizations
- [x] Created `layouts/partials/seo/head-performance.html`
- [x] Added DNS prefetch and preconnect for external resources
- [x] Implemented resource hints for fonts and CDNs
- [x] Added performance meta tags
### 3. Advanced Schema.org Structured Data
- [x] Enhanced `layouts/partials/seo/structured-data.html`
- [x] Created `layouts/partials/seo/schema-article.html` - TechArticle schema
- [x] Created `layouts/partials/seo/schema-tutorial.html` - HowTo schema
- [x] Created `layouts/partials/seo/schema-local.html` - Local SEO schema
### 4. Multi-language Support
- [x] Created `layouts/partials/seo/hreflang.html`
- [x] Added French regional variations (fr-fr, fr-be, fr-ca, fr-ch, fr-lu)
- [x] Implemented x-default fallback
### 5. Dynamic Meta Tags
- [x] Created `layouts/partials/seo/meta-dynamic.html`
- [x] Section-specific meta descriptions (tutorials, comparisons, security, wordpress)
- [x] Dynamic keywords based on content type
- [x] Article-specific meta tags
### 6. Local SEO Configuration
- [x] Added French market local SEO
- [x] Google My Business schema
- [x] Educational organization markup
- [x] Contact point and social profiles
### 7. Enhanced Configuration
- [x] Updated `hugo.toml` with advanced SEO settings
- [x] Added image optimization settings
- [x] Configured analytics integration
- [x] Added social media profiles
## 📋 Pre-launch SEO Checklist
### Technical SEO
- [ ] Verify all meta tags are present
- [ ] Test Schema.org markup with Google's Rich Results Test
- [ ] Validate structured data
- [ ] Check page loading speed (Core Web Vitals)
- [ ] Test mobile responsiveness
- [ ] Verify HTTPS implementation
- [ ] Check robots.txt file
### Content SEO
- [ ] Optimize meta descriptions for key pages
- [ ] Ensure unique title tags for all pages
- [ ] Add alt text to all images
- [ ] Create XML sitemap
- [ ] Set up 404 error page
- [ ] Implement canonical URLs
### Analytics & Monitoring
- [ ] Set up Google Analytics 4
- [ ] Configure Google Search Console
- [ ] Set up Bing Webmaster Tools
- [ ] Create Yandex Webmaster account
- [ ] Install SEO monitoring tools
### Social Media
- [ ] Verify Open Graph tags
- [ ] Test Twitter Cards
- [ ] Check social media meta tags
- [ ] Validate social media images
## 📊 Post-launch Monitoring
### Weekly Tasks
- [ ] Check Google Search Console for crawl errors
- [ ] Monitor 404 errors
- [ ] Review search performance metrics
- [ ] Check page loading speeds
### Monthly Tasks
- [ ] Analyze keyword positions
- [ ] Review backlink profile
- [ ] Audit internal linking
- [ ] Update outdated content
- [ ] Check competitor analysis
### Quarterly Tasks
- [ ] Comprehensive SEO audit
- [ ] Update Schema markup
- [ ] Review and update meta descriptions
- [ ] Analyze user engagement metrics
- [ ] Update local SEO information
## 🔧 Configuration Required
### Google Analytics Setup
1. Replace `G-XXXXXXXXXX` in `hugo.toml` with your actual Google Analytics 4 ID
2. Replace `GTM-XXXXXXX` with your Google Tag Manager ID
### Search Console Verification
1. Add your verification codes to `hugo.toml`:
```toml
[params.seo.verification]
google = "your-google-verification-code"
bing = "your-bing-verification-code"
```
### Social Media URLs
Update the social media URLs in the schema files:
- `layouts/partials/seo/schema-local.html`
- `layouts/partials/seo/schema-article.html`
### Local SEO Information
Update the local business information in:
- `layouts/partials/seo/schema-local.html`
- Business address, phone, email
## 🎯 SEO Monitoring Tools
### Essential Tools
- Google Search Console
- Google Analytics 4
- Google PageSpeed Insights
- Schema Markup Validator
- Mobile-Friendly Test
### Advanced Tools
- Ahrefs or SEMrush
- Screaming Frog SEO Spider
- GTmetrix
- Bing Webmaster Tools
- Yandex Webmaster
### French Market Tools
- Yooda Insight (French SEO tool)
- SEMrush.fr
- Ahrefs France
- Local SEO France directories
## 🚀 Next Steps
1. **Immediate (Week 1)**
- Set up Google Analytics 4
- Configure Google Search Console
- Submit sitemap to search engines
- Test all Schema markup
2. **Short-term (Month 1)**
- Monitor search performance
- Optimize top pages
- Build initial backlinks
- Create social media profiles
3. **Long-term (Quarter 1)**
- Content optimization
- Link building campaigns
- Local SEO optimization
- Competitor analysis
## 📈 Key Performance Indicators (KPIs)
### Traffic Metrics
- Organic search traffic growth
- Click-through rate (CTR)
- Bounce rate
- Average session duration
- Pages per session
### Technical Metrics
- Page loading speed
- Core Web Vitals scores
- Mobile usability score
- Schema markup errors
- Crawl errors
### Business Metrics
- Keyword rankings
- Conversion rate
- Return on investment (ROI)
- Local search visibility
- Brand mentions
## 🛠️ Troubleshooting
### Common Issues
- Schema markup errors: Use Google's Rich Results Test
- Slow loading: Check PageSpeed Insights
- Mobile issues: Use Mobile-Friendly Test
- Indexing problems: Check Search Console coverage report
### Support Resources
- Google SEO Starter Guide (French)
- Schema.org documentation
- Hugo community forums
- French SEO communities
---
**Last Updated**: 2024-01-15
**Next Review**: 2024-02-15

221
docs/breadcrumb.html Normal file
View File

@@ -0,0 +1,221 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Breadcrumb Navigation</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(120deg, #f8fafc 0%, #e2e8f0 100%);
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
}
.breadcrumb-container {
width: 100%;
max-width: 1200px;
margin-bottom: 2rem;
}
.demo-content {
background: white;
border-radius: 12px;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
padding: 2rem;
width: 100%;
max-width: 1200px;
}
.breadcrumb {
display: flex;
align-items: center;
padding: 0.75rem 1rem;
background: white;
border-radius: 8px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
margin-bottom: 1.5rem;
}
.breadcrumb-item {
display: flex;
align-items: center;
font-size: 0.875rem;
color: #64748b;
}
.breadcrumb-item a {
transition: color 0.2s ease;
}
.breadcrumb-item a:hover {
color: #3b82f6;
}
.breadcrumb-divider {
margin: 0 0.5rem;
color: #cbd5e1;
}
.breadcrumb-item.active {
color: #3b82f6;
font-weight: 500;
}
.code-container {
background: #1e293b;
color: #e2e8f0;
border-radius: 8px;
padding: 1.5rem;
margin-top: 2rem;
overflow-x: auto;
font-family: monospace;
}
.code-comment {
color: #94a3b8;
}
.code-tag {
color: #f87171;
}
.code-attr {
color: #60a5fa;
}
.code-value {
color: #86efac;
}
h1 {
color: #1e293b;
font-weight: 700;
font-size: 2.25rem;
margin-bottom: 1.5rem;
}
h2 {
color: #334155;
font-weight: 600;
font-size: 1.5rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
p {
color: #475569;
line-height: 1.7;
margin-bottom: 1.5rem;
}
</style>
</head>
<body>
<div class="breadcrumb-container">
<h1>Breadcrumb Navigation</h1>
<!-- Breadcrumb Example -->
<nav class="breadcrumb" aria-label="Breadcrumb">
<div class="breadcrumb-item">
<a href="#">
<i class="fas fa-home mr-2"></i>Home
</a>
</div>
<div class="breadcrumb-divider">/</div>
<div class="breadcrumb-item">
<a href="#">Articles</a>
</div>
<div class="breadcrumb-divider">/</div>
<div class="breadcrumb-item">
<a href="#">Technology</a>
</div>
<div class="breadcrumb-divider">/</div>
<div class="breadcrumb-item active" aria-current="page">
How Tech Shapes the Future of Work in 2024
</div>
</nav>
</div>
<div class="demo-content">
<h2>Breadcrumb Implementation</h2>
<p>This breadcrumb navigation helps users understand their current location within your blog's hierarchy and allows for easy navigation to parent categories.</p>
<h2>HTML Code</h2>
<div class="code-container">
<pre><code><span class="code-comment">&lt;!-- Breadcrumb Navigation --&gt;</span>
&lt;nav class="breadcrumb" aria-label="Breadcrumb"&gt;
&lt;div class="breadcrumb-item"&gt;
&lt;a href="#"&gt;
&lt;i class="fas fa-home mr-2"&gt;&lt;/i&gt;Home
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="breadcrumb-divider"&gt;/&lt;/div&gt;
&lt;div class="breadcrumb-item"&gt;
&lt;a href="#"&gt;Articles&lt;/a&gt;
&lt;/div&gt;
&lt;div class="breadcrumb-divider"&gt;/&lt;/div&gt;
&lt;div class="breadcrumb-item"&gt;
&lt;a href="#"&gt;Technology&lt;/a&gt;
&lt;/div&gt;
&lt;div class="breadcrumb-divider"&gt;/&lt;/div&gt;
&lt;div class="breadcrumb-item active" aria-current="page"&gt;
How Tech Shapes the Future of Work in 2024
&lt;/div&gt;
&lt;/nav&gt;</code></pre>
</div>
<h2>Tailwind CSS Classes Used</h2>
<div class="code-container">
<pre><code><span class="code-comment">/* Container */</span>
.breadcrumb {
display: flex;
align-items: center;
padding: 0.75rem 1rem;
background: white;
border-radius: 8px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
margin-bottom: 1.5rem;
}
<span class="code-comment">/* Items */</span>
.breadcrumb-item {
display: flex;
align-items: center;
font-size: 0.875rem;
color: #64748b;
}
<span class="code-comment">/* Active item */</span>
.breadcrumb-item.active {
color: #3b82f6;
font-weight: 500;
}
<span class="code-comment">/* Divider between items */</span>
.breadcrumb-divider {
margin: 0 0.5rem;
color: #cbd5e1;
}</code></pre>
</div>
<h2>Implementation Tips</h2>
<p>1. Place the breadcrumb near the top of your content, below the navigation but above the page title.</p>
<p>2. Make sure the breadcrumb is consistent across all pages of your blog.</p>
<p>3. Use microdata or ARIA attributes to enhance accessibility.</p>
<p>4. For mobile responsiveness, you might consider truncating long breadcrumb trails.</p>
<p>5. Ensure each breadcrumb item is clickable except for the current page.</p>
</div>
<script>
// You can add any interactive functionality here if needed
</script>
</body>
</html>

360
docs/homepage.html Normal file
View File

@@ -0,0 +1,360 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tech Insights | Home</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 100%);
}
.prose {
max-width: none;
}
.prose h2 {
font-weight: 600;
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 1.875rem;
line-height: 2.25rem;
}
.prose p {
margin-bottom: 1.5rem;
line-height: 1.75;
}
.tag {
transition: all 0.2s ease;
}
.tag:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.article-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.article-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.featured-article {
transition: transform 0.3s ease;
}
.featured-article:hover {
transform: scale(1.02);
}
</style>
</head>
<body class="bg-white text-gray-800 antialiased">
<!-- Header -->
<header class="sticky top-0 z-50 bg-white/90 backdrop-blur-sm border-b border-gray-200">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16">
<div class="flex items-center">
<a href="#" class="text-xl font-bold text-gray-900">TechInsights</a>
</div>
<nav class="hidden md:flex space-x-8">
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Home</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Articles</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Topics</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">About</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Contact</a>
</nav>
<div class="flex items-center space-x-4">
<button class="md:hidden text-gray-600">
<i class="fas fa-bars text-xl"></i>
</button>
<button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium">
Subscribe
</button>
</div>
</div>
</div>
</header>
<main>
<!-- Hero Section -->
<section class="gradient-bg py-12 md:py-16 lg:py-20">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">Exploring Technology's Impact on Work & Life</h1>
<p class="text-xl text-gray-700 mb-8">Insights, analysis and trends about how technology is shaping our future</p>
<div class="flex flex-wrap justify-center gap-3 mb-10">
<span class="tag bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">AI</span>
<span class="tag bg-green-100 text-green-800 text-sm font-medium px-3 py-1 rounded-full">Remote Work</span>
<span class="tag bg-purple-100 text-purple-800 text-sm font-medium px-3 py-1 rounded-full">Productivity</span>
<span class="tag bg-yellow-100 text-yellow-800 text-sm font-medium px-3 py-1 rounded-full">Innovation</span>
<span class="tag bg-red-100 text-red-800 text-sm font-medium px-3 py-1 rounded-full">Web3</span>
</div>
<form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
<input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Get Updates</button>
</form>
</div>
</div>
</section>
<!-- Featured Articles -->
<section class="py-12 md:py-16">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Featured Articles</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12">
<!-- Featured Article 1 -->
<div class="bg-white rounded-xl overflow-hidden shadow-lg article-card">
<div class="featured-article">
<img src="https://images.unsplash.com/photo-1677442135135-416f8aa26a5b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="AI Technology" class="w-full h-64 object-cover">
</div>
<div class="p-6">
<div class="flex flex-wrap gap-2 mb-4">
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded">AI</span>
<span class="bg-green-100 text-green-800 text-xs font-medium px-2 py-1 rounded">Future of Work</span>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-3">How Tech Shapes the Future of Work in 2024</h3>
<p class="text-gray-600 mb-4">Exploring the latest technological advancements and their impact on the modern workplace, from AI to remote collaboration tools.</p>
<div class="flex items-center justify-between">
<div class="flex items-center text-sm text-gray-500">
<img src="https://i.pravatar.cc/24?img=5" alt="Author" class="rounded-full mr-2">
<span>Sarah Johnson</span>
<span class="mx-2"></span>
<span>Oct 16, 2024</span>
</div>
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">Read more →</a>
</div>
</div>
</div>
<!-- Featured Article 2 -->
<div class="bg-white rounded-xl overflow-hidden shadow-lg article-card">
<div class="featured-article">
<img src="https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="AI Ethics" class="w-full h-64 object-cover">
</div>
<div class="p-6">
<div class="flex flex-wrap gap-2 mb-4">
<span class="bg-purple-100 text-purple-800 text-xs font-medium px-2 py-1 rounded">AI</span>
<span class="bg-red-100 text-red-800 text-xs font-medium px-2 py-1 rounded">Ethics</span>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-3">The Ethics of Artificial Intelligence in Hiring</h3>
<p class="text-gray-600 mb-4">Exploring the benefits and potential pitfalls of using AI to recruit and evaluate candidates in the modern workplace.</p>
<div class="flex items-center justify-between">
<div class="flex items-center text-sm text-gray-500">
<img src="https://i.pravatar.cc/24?img=8" alt="Author" class="rounded-full mr-2">
<span>Michael Chen</span>
<span class="mx-2"></span>
<span>Sep 3, 2024</span>
</div>
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">Read more →</a>
</div>
</div>
</div>
</div>
<div class="text-center">
<a href="#" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
View all articles
<i class="fas fa-arrow-right ml-2"></i>
</a>
</div>
</div>
</section>
<!-- Latest Articles -->
<section class="py-12 md:py-16 bg-gray-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Latest Articles</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12">
<!-- Article 1 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
<img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Productivity" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex flex-wrap gap-2 mb-3">
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded">Productivity</span>
</div>
<h3 class="text-lg font-bold text-gray-900 mb-3">10 Tools to Boost Your Productivity in 2024</h3>
<p class="text-gray-600 text-sm mb-4">Discover the latest apps and software that can help you work smarter, not harder.</p>
<div class="flex items-center justify-between text-sm text-gray-500">
<span>May 12, 2024</span>
<span>5 min read</span>
</div>
</div>
</div>
<!-- Article 2 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
<img src="https://images.unsplash.com/photo-1533750349088-cd871a92f312?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Remote Work" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex flex-wrap gap-2 mb-3">
<span class="bg-green-100 text-green-800 text-xs font-medium px-2 py-1 rounded">Remote Work</span>
</div>
<h3 class="text-lg font-bold text-gray-900 mb-3">Building Company Culture in a Remote World</h3>
<p class="text-gray-600 text-sm mb-4">How forward-thinking companies are maintaining strong cultures with distributed teams.</p>
<div class="flex items-center justify-between text-sm text-gray-500">
<span>July 24, 2024</span>
<span>7 min read</span>
</div>
</div>
</div>
<!-- Article 3 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
<img src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Web3" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex flex-wrap gap-2 mb-3">
<span class="bg-purple-100 text-purple-800 text-xs font-medium px-2 py-1 rounded">Web3</span>
<span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2 py-1 rounded">Blockchain</span>
</div>
<h3 class="text-lg font-bold text-gray-900 mb-3">Understanding Web3: The Next Evolution of the Internet</h3>
<p class="text-gray-600 text-sm mb-4">What businesses need to know about the decentralized web and its potential impact.</p>
<div class="flex items-center justify-between text-sm text-gray-500">
<span>Aug 5, 2024</span>
<span>9 min read</span>
</div>
</div>
</div>
</div>
<div class="text-center">
<a href="#" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
View more articles
<i class="fas fa-arrow-right ml-2"></i>
</a>
</div>
</div>
</section>
<!-- Popular Topics -->
<section class="py-12 md:py-16">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Explore Topics</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-12">
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-3">
<i class="fas fa-robot text-blue-600 text-xl"></i>
</div>
<span class="text-sm font-medium text-gray-900">AI</span>
</a>
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-3">
<i class="fas fa-laptop-house text-green-600 text-xl"></i>
</div>
<span class="text-sm font-medium text-gray-900">Remote Work</span>
</a>
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-3">
<i class="fas fa-tachometer-alt text-purple-600 text-xl"></i>
</div>
<span class="text-sm font-medium text-gray-900">Productivity</span>
</a>
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mb-3">
<i class="fas fa-lightbulb text-yellow-600 text-xl"></i>
</div>
<span class="text-sm font-medium text-gray-900">Innovation</span>
</a>
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mb-3">
<i class="fas fa-code text-red-600 text-xl"></i>
</div>
<span class="text-sm font-medium text-gray-900">Development</span>
</a>
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-3">
<i class="fas fa-link text-indigo-600 text-xl"></i>
</div>
<span class="text-sm font-medium text-gray-900">Web3</span>
</a>
</div>
<div class="text-center">
<a href="#" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
Browse all topics
<i class="fas fa-arrow-right ml-2"></i>
</a>
</div>
</div>
</section>
<!-- Newsletter -->
<section class="py-12 md:py-16 bg-blue-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto text-center">
<h2 class="text-3xl font-bold text-gray-900 mb-4">Stay Updated</h2>
<p class="text-gray-700 mb-6">Join our newsletter and get the latest insights on technology and the future of work delivered to your inbox.</p>
<form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
<input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Subscribe</button>
</form>
<p class="text-sm text-gray-500 mt-4">No spam. Unsubscribe at any time.</p>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-xl font-bold mb-4">TechInsights</h3>
<p class="text-gray-400">Exploring the future of work and technology through thoughtful analysis and commentary.</p>
</div>
<div>
<h4 class="font-semibold mb-4">Explore</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Articles</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Topics</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
</ul>
</div>
<div>
<h4 class="font-semibold mb-4">Topics</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">AI</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Remote Work</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Productivity</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Web3</a></li>
</ul>
</div>
<div>
<h4 class="font-semibold mb-4">Connect</h4>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-github text-xl"></i></a>
</div>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
<p>© 2024 TechInsights. All rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>

301
docs/post.html Normal file
View File

@@ -0,0 +1,301 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tailwind CSS Blog Guidelines</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 100%);
}
.prose {
max-width: none;
}
.prose h2 {
font-weight: 600;
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 1.875rem;
line-height: 2.25rem;
}
.prose p {
margin-bottom: 1.5rem;
line-height: 1.75;
}
.prose blockquote {
border-left-width: 4px;
border-color: #3b82f6;
padding-left: 1.5rem;
margin: 2rem 0;
font-style: italic;
}
.tag {
transition: all 0.2s ease;
}
.tag:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.article-image {
transition: transform 0.3s ease;
}
.article-image:hover {
transform: scale(1.02);
}
</style>
</head>
<body class="bg-white text-gray-800 antialiased">
<!-- Header -->
<header class="sticky top-0 z-50 bg-white/90 backdrop-blur-sm border-b border-gray-200">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16">
<div class="flex items-center">
<a href="#" class="text-xl font-bold text-gray-900">YourBlog</a>
</div>
<nav class="hidden md:flex space-x-8">
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Home</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Articles</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Topics</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">About</a>
</nav>
<div class="flex items-center space-x-4">
<button class="md:hidden text-gray-600">
<i class="fas fa-bars text-xl"></i>
</button>
<button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium">
Subscribe
</button>
</div>
</div>
</div>
</header>
<main>
<!-- Hero Section -->
<div class="gradient-bg py-12 md:py-16 lg:py-24">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto text-center">
<div class="flex justify-center space-x-2 mb-6">
<span class="bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">Technology</span>
<span class="bg-green-100 text-green-800 text-sm font-medium px-3 py-1 rounded-full">Future of Work</span>
</div>
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">How Tech Shapes the Future of Work in 2024</h1>
<p class="text-xl text-gray-700 mb-8">Exploring the latest technological advancements and their impact on the modern workplace</p>
<div class="flex items-center justify-center space-x-4 text-gray-600">
<div class="flex items-center">
<img src="https://i.pravatar.cc/40?img=5" alt="Author" class="rounded-full mr-2">
<span>Sarah Johnson</span>
</div>
<span></span>
<span>October 16, 2024</span>
<span></span>
<span>8 min read</span>
</div>
</div>
</div>
</div>
<!-- Article Content -->
<article class="py-12 md:py-16">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto prose">
<p class="text-lg text-gray-700 leading-relaxed">The workplace is undergoing a radical transformation, driven by rapid technological advancements. From artificial intelligence to remote collaboration tools, technology is reshaping how we work, where we work, and the skills we need to thrive in the modern economy.</p>
<h2>The Rise of AI and Automation</h2>
<p>Artificial intelligence is no longer a futuristic concept—it's here, and it's transforming workplaces across industries. AI-powered tools are automating routine tasks, freeing up human workers to focus on creative and strategic work that requires emotional intelligence and complex problem-solving.</p>
<blockquote>
<p>"The most successful companies of 2024 will be those that effectively integrate human creativity with AI capabilities."</p>
</blockquote>
<p>This shift is creating new roles while making others obsolete. Workers who adapt and develop skills in AI management, data analysis, and machine learning will find themselves in high demand.</p>
<img src="https://images.unsplash.com/photo-1677442135135-416f8aa26a5b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="AI Technology" class="w-full h-auto rounded-xl article-image my-8">
<h2>Remote and Hybrid Work Models</h2>
<p>The pandemic accelerated the adoption of remote work, and in 2024, hybrid models have become the standard for many organizations. Advanced collaboration tools, virtual reality meeting spaces, and cloud-based workflows have made it possible for teams to work together seamlessly, regardless of physical location.</p>
<p>This shift has profound implications for company culture, urban planning, and work-life balance. Companies are rethinking everything from performance metrics to office design to accommodate this new reality.</p>
<h2>Essential Skills for the Future</h2>
<p>As technology evolves, so do the skills needed to succeed in the workplace. Technical literacy is becoming as fundamental as reading and writing, but soft skills like adaptability, creativity, and emotional intelligence are increasingly valuable in a world where machines handle routine tasks.</p>
<div class="bg-gray-50 p-6 rounded-xl my-8">
<h3 class="text-xl font-semibold mb-4">Key Trends for 2024:</h3>
<ul class="list-disc list-inside space-y-2">
<li>Increased adoption of AI-assisted decision making</li>
<li>Growth of the gig economy and project-based work</li>
<li>Focus on employee well-being and mental health</li>
<li>Rise of virtual and augmented reality in training</li>
<li>Greater emphasis on continuous learning and upskilling</li>
</ul>
</div>
<p>The future of work is not about humans versus machines, but about humans and machines working together to achieve what neither could accomplish alone. By embracing technological change while prioritizing human-centric values, we can create workplaces that are more productive, inclusive, and fulfilling.</p>
</div>
</div>
</article>
<!-- Tags Section -->
<div class="py-8 border-t border-gray-200">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto">
<h3 class="text-lg font-semibold text-gray-900 mb-4">Topics:</h3>
<div class="flex flex-wrap gap-3">
<a href="#" class="tag bg-blue-100 text-blue-800 hover:bg-blue-200 px-4 py-2 rounded-full font-medium">Technology</a>
<a href="#" class="tag bg-green-100 text-green-800 hover:bg-green-200 px-4 py-2 rounded-full font-medium">Future of Work</a>
<a href="#" class="tag bg-purple-100 text-purple-800 hover:bg-purple-200 px-4 py-2 rounded-full font-medium">AI</a>
<a href="#" class="tag bg-yellow-100 text-yellow-800 hover:bg-yellow-200 px-4 py-2 rounded-full font-medium">Remote Work</a>
<a href="#" class="tag bg-red-100 text-red-800 hover:bg-red-200 px-4 py-2 rounded-full font-medium">Innovation</a>
</div>
</div>
</div>
</div>
<!-- Author Bio -->
<div class="py-12 bg-gray-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto">
<div class="flex items-start space-x-6">
<img src="https://i.pravatar.cc/100?img=5" alt="Author" class="rounded-full w-20 h-20">
<div>
<h3 class="text-xl font-semibold text-gray-900">Sarah Johnson</h3>
<p class="text-blue-600 font-medium mb-4">Technology Writer & Future of Work Researcher</p>
<p class="text-gray-700">Sarah writes about the intersection of technology, work, and society. Her work has been featured in leading publications around the world. She holds a PhD in Organizational Behavior from Stanford University.</p>
<div class="flex space-x-4 mt-4">
<a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-linkedin"></i></a>
<a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-medium"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Related Articles -->
<div class="py-12">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-2xl font-bold text-gray-900 mb-8 text-center">Related Articles</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
<img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
<div class="p-6">
<span class="text-sm font-medium text-blue-600">Productivity</span>
<h3 class="text-xl font-semibold mt-2 mb-3">10 Tools to Boost Your Productivity in 2024</h3>
<p class="text-gray-600">Discover the latest apps and software that can help you work smarter, not harder.</p>
<div class="flex items-center mt-4 text-sm text-gray-500">
<span>May 12, 2024</span>
<span class="mx-2"></span>
<span>5 min read</span>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
<img src="https://images.unsplash.com/photo-1533750349088-cd871a92f312?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
<div class="p-6">
<span class="text-sm font-medium text-green-600">Remote Work</span>
<h3 class="text-xl font-semibold mt-2 mb-3">Building Company Culture in a Remote World</h3>
<p class="text-gray-600">How forward-thinking companies are maintaining strong cultures with distributed teams.</p>
<div class="flex items-center mt-4 text-sm text-gray-500">
<span>July 24, 2024</span>
<span class="mx-2"></span>
<span>7 min read</span>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
<img src="https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
<div class="p-6">
<span class="text-sm font-medium text-purple-600">AI</span>
<h3 class="text-xl font-semibold mt-2 mb-3">The Ethics of Artificial Intelligence in Hiring</h3>
<p class="text-gray-600">Exploring the benefits and potential pitfalls of using AI to recruit and evaluate candidates.</p>
<div class="flex items-center mt-4 text-sm text-gray-500">
<span>September 3, 2024</span>
<span class="mx-2"></span>
<span>9 min read</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Newsletter -->
<div class="py-12 bg-blue-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto text-center">
<h2 class="text-2xl font-bold text-gray-900 mb-4">Join the Newsletter</h2>
<p class="text-gray-700 mb-6">Stay updated with the latest insights on technology and the future of work.</p>
<form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
<input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Subscribe</button>
</form>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-xl font-bold mb-4">YourBlog</h3>
<p class="text-gray-400">Exploring the future of work and technology through thoughtful analysis and commentary.</p>
</div>
<div>
<h4 class="font-semibold mb-4">Explore</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Articles</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Topics</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
</ul>
</div>
<div>
<h4 class="font-semibold mb-4">Topics</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Technology</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Future of Work</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Productivity</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Remote Work</a></li>
</ul>
</div>
<div>
<h4 class="font-semibold mb-4">Connect</h4>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook text-xl"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
</div>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
<p>© 2024 YourBlog. All rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>

View File

@@ -0,0 +1,363 @@
# Advanced SEO Recommendations - Hugo Mistergeek
## Overview
This document provides advanced SEO recommendations specifically tailored for the Hugo Mistergeek blog, a French-speaking site covering technology and computing topics. The recommendations take into account the existing SEO implementation and propose targeted improvements to maximize visibility in the French-speaking market.
## Current SEO Implementation Status ✅
### ✅ Successfully Implemented
- **Essential meta tags** (description, keywords, author)
- **Open Graph** for social networks
- **Twitter Cards** with optimized images
- **Schema.org** (JSON-LD) for structured data
- **Favicons** multi-format and PWA support
- **Canonical URLs** and hreflang
- **XML sitemap generation** via Hugo
## SEO Improvement Recommendations
### 1. French Content Optimization
#### URL Structure
```yaml
# Recommendation: Optimize for French
Old structure: /post/2023-11-wordpress-creation-site/
New structure: /tutorials/wordpress/create-wordpress-site-complete-guide/
```
#### Keyword Strategy for French Market
```yaml
# Main keywords (high competition)
- "computer tutorial"
- "technology guide"
- "IT solutions"
# Long-tail keywords (French)
- "how to create a WordPress site in French"
- "best free antivirus for Windows 10 in 2024"
- "computer security tutorial for beginners"
# Language variations
- English: "computer tutorial" → French: "tutoriel informatique"
- English: "how to" → French: "how", "guide", "tutorial"
```
### 2. Advanced Technical Optimization
#### Performance and Core Web Vitals
```html
<!-- Add in layouts/partials/head-performance.html -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//googletagmanager.com">
```
#### Strategic Lazy Loading
```html
<!-- For images in articles -->
<img
src="/images/placeholder.svg"
data-src="/images/article-image.jpg"
alt="WordPress Tutorial - Create a Professional Site"
loading="lazy"
width="800"
height="400"
/>
```
### 3. Enhanced Schema.org
#### Article Schema with Detailed Author
```json
{
"@context": "https://schema.org",
"@type": "TechArticle",
"headline": "Complete WordPress Guide 2024",
"description": "Create your WordPress site in French with this step-by-step guide",
"author": {
"@type": "Person",
"name": "Mistergeek",
"url": "https://www.mistergeek.net/",
"sameAs": [
"https://twitter.com/mistergeekfrance",
"https://www.linkedin.com/in/mistergeek"
]
},
"publisher": {
"@type": "Organization",
"name": "Mistergeek",
"logo": {
"@type": "ImageObject",
"url": "https://www.mistergeek.net/assets/images/logo.png"
}
},
"inLanguage": "fr-FR",
"datePublished": "2024-01-15",
"dateModified": "2024-01-15",
"keywords": ["wordpress", "french tutorial", "create website"]
}
```
#### BreadcrumbList for Navigation
```json
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.mistergeek.net/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Tutorials",
"item": "https://www.mistergeek.net/tutorials/"
},
{
"@type": "ListItem",
"position": 3,
"name": "WordPress",
"item": "https://www.mistergeek.net/tutorials/wordpress/"
}
]
}
```
### 4. Local SEO for French Market
#### Google My Business
```json
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Mistergeek",
"url": "https://www.mistergeek.net",
"logo": "https://www.mistergeek.net/assets/images/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "support",
"email": "contact@mistergeek.net",
"availableLanguage": ["French"]
},
"sameAs": [
"https://twitter.com/mistergeekfrance",
"https://www.youtube.com/@mistergeek"
]
}
```
### 5. Meta Tags Enhancement
#### Dynamic Meta Tags by Content Type
```go
<!-- layouts/partials/seo/meta-dynamic.html -->
{{- if eq .Section "tutorials" }}
<meta name="description" content="Complete tutorial {{ .Title }}. Learn {{ .Params.skill }} in French with our step-by-step guide.">
<meta name="keywords" content="tutorial {{ .Params.category }}, french guide {{ .Params.skill }}, {{ .Title | lower }}">
{{- else if eq .Section "comparisons" }}
<meta name="description" content="Detailed comparison {{ .Title }}. Which to choose in 2024? Complete reviews and tests.">
{{- end }}
```
### 6. Multi-language Optimization
#### hreflang for French
```html
<!-- In layouts/partials/seo/hreflang.html -->
<link rel="alternate" hreflang="fr-fr" href="https://www.mistergeek.net{{ .RelPermalink }}" />
<link rel="alternate" hreflang="fr-be" href="https://www.mistergeek.net/be{{ .RelPermalink }}" />
<link rel="alternate" hreflang="fr-ca" href="https://www.mistergeek.net/ca{{ .RelPermalink }}" />
<link rel="alternate" hreflang="x-default" href="https://www.mistergeek.net{{ .RelPermalink }}" />
```
### 7. Tutorial Data Structure
#### Tutorial Schema
```json
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "Create a WordPress Site",
"description": "Complete guide to create your WordPress site in French",
"image": "https://www.mistergeek.net/assets/images/wordpress-guide.jpg",
"totalTime": "PT30M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "EUR",
"value": "0"
},
"supply": [
{
"@type": "HowToSupply",
"name": "WordPress"
},
{
"@type": "HowToSupply",
"name": "Web hosting"
}
],
"tool": [
{
"@type": "HowToTool",
"name": "WordPress"
}
],
"step": [
{
"@type": "HowToStep",
"name": "WordPress Installation",
"text": "Download and install WordPress"
}
]
}
```
### 8. Image Optimization
#### SEO Image Structure
```yaml
# config.toml - Image configuration
[imaging]
quality = 75
resampleFilter = "lanczos"
[params.images]
# Recommended dimensions for SEO
og_image = "1200x630"
twitter_image = "1200x675"
thumbnail = "400x300"
hero = "1920x1080"
```
### 9. Strategic Internal Linking
#### Link Structure
```markdown
<!-- In content -->
To go further, discover:
- [Complete WordPress Guide](/tutorials/wordpress/complete-guide/)
- [Best WordPress Plugins](/comparisons/plugins-wordpress-2024/)
- [WordPress Security](/security/wordpress-security-maximum/)
```
### 10. Advanced Hugo.toml Configuration
```toml
# Advanced SEO Configuration
[params.seo]
# Existing configuration...
# Analytics
google_analytics = "G-XXXXXXXXXX"
google_tag_manager = "GTM-XXXXXXX"
# Rich Snippets
enable_search_box = true
enable_sitelinks_searchbox = true
# Social
facebook_page = "mistergeek.fr"
twitter_handle = "@mistergeekfrance"
youtube_channel = "UCXXXXXXXXXXXXXXXXXXX"
# Local SEO
[params.seo.local]
enabled = true
country = "FR"
language = "fr"
region = "Île-de-France"
[markup.goldmark.renderer]
unsafe = true
[markup.highlight]
style = "github"
lineNos = true
codeFences = true
[sitemap]
changefreq = "weekly"
filename = "sitemap.xml"
priority = 0.5
[privacy]
[privacy.googleAnalytics]
disable = false
respectDoNotTrack = true
```
### 11. Monitoring and Tools
#### SEO Monitoring Tools
```yaml
# To configure
- Google Search Console: verify site
- Google Analytics 4: advanced tracking
- Bing Webmaster Tools: Bing indexing
- Yandex Webmaster: Russian market
- Ahrefs/SEMrush: competitive analysis
```
### 12. Launch Checklist
#### Pre-launch SEO
- [ ] Check all meta tags
- [ ] Test rich snippets
- [ ] Validate sitemap.xml
- [ ] Configure Google Search Console
- [ ] Configure Google Analytics 4
- [ ] Test loading speed
- [ ] Check for missing images
- [ ] Test broken links
- [ ] Validate Schema.org markup
#### Post-launch
- [ ] Submit sitemap to Google
- [ ] Monitor 404 errors
- [ ] Analyze keyword positioning
- [ ] Optimize pages with low CTR
- [ ] Improve pages with high bounce rate
### 13. Performance Measurement
#### SEO KPIs to track
```yaml
Monthly:
- Average keyword position
- Click-through rate (CTR)
- Indexed pages
- Crawl errors
- Loading speed
Quarterly:
- Keyword market share
- Quality backlinks
- Authority Score (Domain Rating)
- Organic traffic vs goals
```
## Additional Resources
### French SEO Tools
- **Google Search Console** - Main monitoring
- **Screaming Frog** - Technical audit
- **Ahrefs/SEMrush** - Competitive analysis
- **GTmetrix** - Performance
- **Schema Markup Validator** - Rich snippets
### Documentation
- [Google SEO Starter Guide - French](https://support.google.com/webmasters/answer/7451184?hl=fr)
- [Bing Webmaster Guidelines](https://www.bing.com/webmaster/help/webmaster-guidelines-30fba23a)
- [Schema.org Documentation](https://schema.org/docs/documents.html)
### Community Support
- [Webmaster Help Community - French](https://support.google.com/webmasters/community?hl=fr)
- [Reddit r/SEO](https://www.reddit.com/r/SEO/)
- [Search Engine Journal - French](https://www.searchenginejournal.com/tag/french/)
This SEO guide is specifically adapted for the French-speaking market and takes into account the linguistic and cultural particularities of the Mistergeek target audience.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,13 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
src: url("../webfonts/fa-brands-400.eot");
src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
.fab {
font-family: 'Font Awesome 5 Brands'; }

View File

@@ -1,5 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}

View File

@@ -1,14 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
src: url("../webfonts/fa-regular-400.eot");
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }

View File

@@ -1,5 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:Font Awesome\ 5 Free;font-weight:400}

View File

@@ -1,15 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
src: url("../webfonts/fa-solid-900.eot");
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }

View File

@@ -1,5 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:Font Awesome\ 5 Free;font-weight:900}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,19 +0,0 @@
// Animated Icons
// --------------------------
.@{fa-css-prefix}-spin {
animation: fa-spin 2s infinite linear;
}
.@{fa-css-prefix}-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

View File

@@ -1,16 +0,0 @@
// Bordered & Pulled
// -------------------------
.@{fa-css-prefix}-border {
border-radius: .1em;
border: solid .08em @fa-border-color;
padding: .2em .25em .15em;
}
.@{fa-css-prefix}-pull-left { float: left; }
.@{fa-css-prefix}-pull-right { float: right; }
.@{fa-css-prefix}, .fas, .far, .fal, .fab {
&.@{fa-css-prefix}-pull-left { margin-right: .3em; }
&.@{fa-css-prefix}-pull-right { margin-left: .3em; }
}

View File

@@ -1,12 +0,0 @@
// Base Class Definition
// -------------------------
.@{fa-css-prefix}, .fas, .far, .fal, .fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}

View File

@@ -1,6 +0,0 @@
// Fixed Width Icons
// -------------------------
.@{fa-css-prefix}-fw {
text-align: center;
width: (20em / 16);
}

View File

@@ -1,816 +0,0 @@
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.@{fa-css-prefix}-500px:before { content: @fa-var-500px; }
.@{fa-css-prefix}-accessible-icon:before { content: @fa-var-accessible-icon; }
.@{fa-css-prefix}-accusoft:before { content: @fa-var-accusoft; }
.@{fa-css-prefix}-address-book:before { content: @fa-var-address-book; }
.@{fa-css-prefix}-address-card:before { content: @fa-var-address-card; }
.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; }
.@{fa-css-prefix}-adn:before { content: @fa-var-adn; }
.@{fa-css-prefix}-adversal:before { content: @fa-var-adversal; }
.@{fa-css-prefix}-affiliatetheme:before { content: @fa-var-affiliatetheme; }
.@{fa-css-prefix}-algolia:before { content: @fa-var-algolia; }
.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; }
.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; }
.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; }
.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; }
.@{fa-css-prefix}-amazon:before { content: @fa-var-amazon; }
.@{fa-css-prefix}-amazon-pay:before { content: @fa-var-amazon-pay; }
.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; }
.@{fa-css-prefix}-american-sign-language-interpreting:before { content: @fa-var-american-sign-language-interpreting; }
.@{fa-css-prefix}-amilia:before { content: @fa-var-amilia; }
.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; }
.@{fa-css-prefix}-android:before { content: @fa-var-android; }
.@{fa-css-prefix}-angellist:before { content: @fa-var-angellist; }
.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; }
.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; }
.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; }
.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; }
.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; }
.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; }
.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; }
.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; }
.@{fa-css-prefix}-angrycreative:before { content: @fa-var-angrycreative; }
.@{fa-css-prefix}-angular:before { content: @fa-var-angular; }
.@{fa-css-prefix}-app-store:before { content: @fa-var-app-store; }
.@{fa-css-prefix}-app-store-ios:before { content: @fa-var-app-store-ios; }
.@{fa-css-prefix}-apper:before { content: @fa-var-apper; }
.@{fa-css-prefix}-apple:before { content: @fa-var-apple; }
.@{fa-css-prefix}-apple-pay:before { content: @fa-var-apple-pay; }
.@{fa-css-prefix}-archive:before { content: @fa-var-archive; }
.@{fa-css-prefix}-arrow-alt-circle-down:before { content: @fa-var-arrow-alt-circle-down; }
.@{fa-css-prefix}-arrow-alt-circle-left:before { content: @fa-var-arrow-alt-circle-left; }
.@{fa-css-prefix}-arrow-alt-circle-right:before { content: @fa-var-arrow-alt-circle-right; }
.@{fa-css-prefix}-arrow-alt-circle-up:before { content: @fa-var-arrow-alt-circle-up; }
.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; }
.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; }
.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; }
.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; }
.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; }
.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; }
.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; }
.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; }
.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; }
.@{fa-css-prefix}-arrows-alt-h:before { content: @fa-var-arrows-alt-h; }
.@{fa-css-prefix}-arrows-alt-v:before { content: @fa-var-arrows-alt-v; }
.@{fa-css-prefix}-assistive-listening-systems:before { content: @fa-var-assistive-listening-systems; }
.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; }
.@{fa-css-prefix}-asymmetrik:before { content: @fa-var-asymmetrik; }
.@{fa-css-prefix}-at:before { content: @fa-var-at; }
.@{fa-css-prefix}-audible:before { content: @fa-var-audible; }
.@{fa-css-prefix}-audio-description:before { content: @fa-var-audio-description; }
.@{fa-css-prefix}-autoprefixer:before { content: @fa-var-autoprefixer; }
.@{fa-css-prefix}-avianex:before { content: @fa-var-avianex; }
.@{fa-css-prefix}-aviato:before { content: @fa-var-aviato; }
.@{fa-css-prefix}-aws:before { content: @fa-var-aws; }
.@{fa-css-prefix}-backward:before { content: @fa-var-backward; }
.@{fa-css-prefix}-balance-scale:before { content: @fa-var-balance-scale; }
.@{fa-css-prefix}-ban:before { content: @fa-var-ban; }
.@{fa-css-prefix}-bandcamp:before { content: @fa-var-bandcamp; }
.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; }
.@{fa-css-prefix}-bars:before { content: @fa-var-bars; }
.@{fa-css-prefix}-baseball-ball:before { content: @fa-var-baseball-ball; }
.@{fa-css-prefix}-basketball-ball:before { content: @fa-var-basketball-ball; }
.@{fa-css-prefix}-bath:before { content: @fa-var-bath; }
.@{fa-css-prefix}-battery-empty:before { content: @fa-var-battery-empty; }
.@{fa-css-prefix}-battery-full:before { content: @fa-var-battery-full; }
.@{fa-css-prefix}-battery-half:before { content: @fa-var-battery-half; }
.@{fa-css-prefix}-battery-quarter:before { content: @fa-var-battery-quarter; }
.@{fa-css-prefix}-battery-three-quarters:before { content: @fa-var-battery-three-quarters; }
.@{fa-css-prefix}-bed:before { content: @fa-var-bed; }
.@{fa-css-prefix}-beer:before { content: @fa-var-beer; }
.@{fa-css-prefix}-behance:before { content: @fa-var-behance; }
.@{fa-css-prefix}-behance-square:before { content: @fa-var-behance-square; }
.@{fa-css-prefix}-bell:before { content: @fa-var-bell; }
.@{fa-css-prefix}-bell-slash:before { content: @fa-var-bell-slash; }
.@{fa-css-prefix}-bicycle:before { content: @fa-var-bicycle; }
.@{fa-css-prefix}-bimobject:before { content: @fa-var-bimobject; }
.@{fa-css-prefix}-binoculars:before { content: @fa-var-binoculars; }
.@{fa-css-prefix}-birthday-cake:before { content: @fa-var-birthday-cake; }
.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; }
.@{fa-css-prefix}-bitcoin:before { content: @fa-var-bitcoin; }
.@{fa-css-prefix}-bity:before { content: @fa-var-bity; }
.@{fa-css-prefix}-black-tie:before { content: @fa-var-black-tie; }
.@{fa-css-prefix}-blackberry:before { content: @fa-var-blackberry; }
.@{fa-css-prefix}-blind:before { content: @fa-var-blind; }
.@{fa-css-prefix}-blogger:before { content: @fa-var-blogger; }
.@{fa-css-prefix}-blogger-b:before { content: @fa-var-blogger-b; }
.@{fa-css-prefix}-bluetooth:before { content: @fa-var-bluetooth; }
.@{fa-css-prefix}-bluetooth-b:before { content: @fa-var-bluetooth-b; }
.@{fa-css-prefix}-bold:before { content: @fa-var-bold; }
.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; }
.@{fa-css-prefix}-bomb:before { content: @fa-var-bomb; }
.@{fa-css-prefix}-book:before { content: @fa-var-book; }
.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; }
.@{fa-css-prefix}-bowling-ball:before { content: @fa-var-bowling-ball; }
.@{fa-css-prefix}-braille:before { content: @fa-var-braille; }
.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }
.@{fa-css-prefix}-btc:before { content: @fa-var-btc; }
.@{fa-css-prefix}-bug:before { content: @fa-var-bug; }
.@{fa-css-prefix}-building:before { content: @fa-var-building; }
.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; }
.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }
.@{fa-css-prefix}-buromobelexperte:before { content: @fa-var-buromobelexperte; }
.@{fa-css-prefix}-bus:before { content: @fa-var-bus; }
.@{fa-css-prefix}-buysellads:before { content: @fa-var-buysellads; }
.@{fa-css-prefix}-calculator:before { content: @fa-var-calculator; }
.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; }
.@{fa-css-prefix}-calendar-alt:before { content: @fa-var-calendar-alt; }
.@{fa-css-prefix}-calendar-check:before { content: @fa-var-calendar-check; }
.@{fa-css-prefix}-calendar-minus:before { content: @fa-var-calendar-minus; }
.@{fa-css-prefix}-calendar-plus:before { content: @fa-var-calendar-plus; }
.@{fa-css-prefix}-calendar-times:before { content: @fa-var-calendar-times; }
.@{fa-css-prefix}-camera:before { content: @fa-var-camera; }
.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; }
.@{fa-css-prefix}-car:before { content: @fa-var-car; }
.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; }
.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; }
.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; }
.@{fa-css-prefix}-caret-square-down:before { content: @fa-var-caret-square-down; }
.@{fa-css-prefix}-caret-square-left:before { content: @fa-var-caret-square-left; }
.@{fa-css-prefix}-caret-square-right:before { content: @fa-var-caret-square-right; }
.@{fa-css-prefix}-caret-square-up:before { content: @fa-var-caret-square-up; }
.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; }
.@{fa-css-prefix}-cart-arrow-down:before { content: @fa-var-cart-arrow-down; }
.@{fa-css-prefix}-cart-plus:before { content: @fa-var-cart-plus; }
.@{fa-css-prefix}-cc-amazon-pay:before { content: @fa-var-cc-amazon-pay; }
.@{fa-css-prefix}-cc-amex:before { content: @fa-var-cc-amex; }
.@{fa-css-prefix}-cc-apple-pay:before { content: @fa-var-cc-apple-pay; }
.@{fa-css-prefix}-cc-diners-club:before { content: @fa-var-cc-diners-club; }
.@{fa-css-prefix}-cc-discover:before { content: @fa-var-cc-discover; }
.@{fa-css-prefix}-cc-jcb:before { content: @fa-var-cc-jcb; }
.@{fa-css-prefix}-cc-mastercard:before { content: @fa-var-cc-mastercard; }
.@{fa-css-prefix}-cc-paypal:before { content: @fa-var-cc-paypal; }
.@{fa-css-prefix}-cc-stripe:before { content: @fa-var-cc-stripe; }
.@{fa-css-prefix}-cc-visa:before { content: @fa-var-cc-visa; }
.@{fa-css-prefix}-centercode:before { content: @fa-var-centercode; }
.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; }
.@{fa-css-prefix}-chart-area:before { content: @fa-var-chart-area; }
.@{fa-css-prefix}-chart-bar:before { content: @fa-var-chart-bar; }
.@{fa-css-prefix}-chart-line:before { content: @fa-var-chart-line; }
.@{fa-css-prefix}-chart-pie:before { content: @fa-var-chart-pie; }
.@{fa-css-prefix}-check:before { content: @fa-var-check; }
.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; }
.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; }
.@{fa-css-prefix}-chess:before { content: @fa-var-chess; }
.@{fa-css-prefix}-chess-bishop:before { content: @fa-var-chess-bishop; }
.@{fa-css-prefix}-chess-board:before { content: @fa-var-chess-board; }
.@{fa-css-prefix}-chess-king:before { content: @fa-var-chess-king; }
.@{fa-css-prefix}-chess-knight:before { content: @fa-var-chess-knight; }
.@{fa-css-prefix}-chess-pawn:before { content: @fa-var-chess-pawn; }
.@{fa-css-prefix}-chess-queen:before { content: @fa-var-chess-queen; }
.@{fa-css-prefix}-chess-rook:before { content: @fa-var-chess-rook; }
.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }
.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; }
.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; }
.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; }
.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; }
.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; }
.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; }
.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; }
.@{fa-css-prefix}-child:before { content: @fa-var-child; }
.@{fa-css-prefix}-chrome:before { content: @fa-var-chrome; }
.@{fa-css-prefix}-circle:before { content: @fa-var-circle; }
.@{fa-css-prefix}-circle-notch:before { content: @fa-var-circle-notch; }
.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; }
.@{fa-css-prefix}-clock:before { content: @fa-var-clock; }
.@{fa-css-prefix}-clone:before { content: @fa-var-clone; }
.@{fa-css-prefix}-closed-captioning:before { content: @fa-var-closed-captioning; }
.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; }
.@{fa-css-prefix}-cloud-download-alt:before { content: @fa-var-cloud-download-alt; }
.@{fa-css-prefix}-cloud-upload-alt:before { content: @fa-var-cloud-upload-alt; }
.@{fa-css-prefix}-cloudscale:before { content: @fa-var-cloudscale; }
.@{fa-css-prefix}-cloudsmith:before { content: @fa-var-cloudsmith; }
.@{fa-css-prefix}-cloudversify:before { content: @fa-var-cloudversify; }
.@{fa-css-prefix}-code:before { content: @fa-var-code; }
.@{fa-css-prefix}-code-branch:before { content: @fa-var-code-branch; }
.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; }
.@{fa-css-prefix}-codiepie:before { content: @fa-var-codiepie; }
.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; }
.@{fa-css-prefix}-cog:before { content: @fa-var-cog; }
.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; }
.@{fa-css-prefix}-columns:before { content: @fa-var-columns; }
.@{fa-css-prefix}-comment:before { content: @fa-var-comment; }
.@{fa-css-prefix}-comment-alt:before { content: @fa-var-comment-alt; }
.@{fa-css-prefix}-comments:before { content: @fa-var-comments; }
.@{fa-css-prefix}-compass:before { content: @fa-var-compass; }
.@{fa-css-prefix}-compress:before { content: @fa-var-compress; }
.@{fa-css-prefix}-connectdevelop:before { content: @fa-var-connectdevelop; }
.@{fa-css-prefix}-contao:before { content: @fa-var-contao; }
.@{fa-css-prefix}-copy:before { content: @fa-var-copy; }
.@{fa-css-prefix}-copyright:before { content: @fa-var-copyright; }
.@{fa-css-prefix}-cpanel:before { content: @fa-var-cpanel; }
.@{fa-css-prefix}-creative-commons:before { content: @fa-var-creative-commons; }
.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; }
.@{fa-css-prefix}-crop:before { content: @fa-var-crop; }
.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; }
.@{fa-css-prefix}-css3:before { content: @fa-var-css3; }
.@{fa-css-prefix}-css3-alt:before { content: @fa-var-css3-alt; }
.@{fa-css-prefix}-cube:before { content: @fa-var-cube; }
.@{fa-css-prefix}-cubes:before { content: @fa-var-cubes; }
.@{fa-css-prefix}-cut:before { content: @fa-var-cut; }
.@{fa-css-prefix}-cuttlefish:before { content: @fa-var-cuttlefish; }
.@{fa-css-prefix}-d-and-d:before { content: @fa-var-d-and-d; }
.@{fa-css-prefix}-dashcube:before { content: @fa-var-dashcube; }
.@{fa-css-prefix}-database:before { content: @fa-var-database; }
.@{fa-css-prefix}-deaf:before { content: @fa-var-deaf; }
.@{fa-css-prefix}-delicious:before { content: @fa-var-delicious; }
.@{fa-css-prefix}-deploydog:before { content: @fa-var-deploydog; }
.@{fa-css-prefix}-deskpro:before { content: @fa-var-deskpro; }
.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; }
.@{fa-css-prefix}-deviantart:before { content: @fa-var-deviantart; }
.@{fa-css-prefix}-digg:before { content: @fa-var-digg; }
.@{fa-css-prefix}-digital-ocean:before { content: @fa-var-digital-ocean; }
.@{fa-css-prefix}-discord:before { content: @fa-var-discord; }
.@{fa-css-prefix}-discourse:before { content: @fa-var-discourse; }
.@{fa-css-prefix}-dochub:before { content: @fa-var-dochub; }
.@{fa-css-prefix}-docker:before { content: @fa-var-docker; }
.@{fa-css-prefix}-dollar-sign:before { content: @fa-var-dollar-sign; }
.@{fa-css-prefix}-dot-circle:before { content: @fa-var-dot-circle; }
.@{fa-css-prefix}-download:before { content: @fa-var-download; }
.@{fa-css-prefix}-draft2digital:before { content: @fa-var-draft2digital; }
.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; }
.@{fa-css-prefix}-dribbble-square:before { content: @fa-var-dribbble-square; }
.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; }
.@{fa-css-prefix}-drupal:before { content: @fa-var-drupal; }
.@{fa-css-prefix}-dyalog:before { content: @fa-var-dyalog; }
.@{fa-css-prefix}-earlybirds:before { content: @fa-var-earlybirds; }
.@{fa-css-prefix}-edge:before { content: @fa-var-edge; }
.@{fa-css-prefix}-edit:before { content: @fa-var-edit; }
.@{fa-css-prefix}-eject:before { content: @fa-var-eject; }
.@{fa-css-prefix}-elementor:before { content: @fa-var-elementor; }
.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; }
.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; }
.@{fa-css-prefix}-ember:before { content: @fa-var-ember; }
.@{fa-css-prefix}-empire:before { content: @fa-var-empire; }
.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; }
.@{fa-css-prefix}-envelope-open:before { content: @fa-var-envelope-open; }
.@{fa-css-prefix}-envelope-square:before { content: @fa-var-envelope-square; }
.@{fa-css-prefix}-envira:before { content: @fa-var-envira; }
.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; }
.@{fa-css-prefix}-erlang:before { content: @fa-var-erlang; }
.@{fa-css-prefix}-ethereum:before { content: @fa-var-ethereum; }
.@{fa-css-prefix}-etsy:before { content: @fa-var-etsy; }
.@{fa-css-prefix}-euro-sign:before { content: @fa-var-euro-sign; }
.@{fa-css-prefix}-exchange-alt:before { content: @fa-var-exchange-alt; }
.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; }
.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; }
.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }
.@{fa-css-prefix}-expand:before { content: @fa-var-expand; }
.@{fa-css-prefix}-expand-arrows-alt:before { content: @fa-var-expand-arrows-alt; }
.@{fa-css-prefix}-expeditedssl:before { content: @fa-var-expeditedssl; }
.@{fa-css-prefix}-external-link-alt:before { content: @fa-var-external-link-alt; }
.@{fa-css-prefix}-external-link-square-alt:before { content: @fa-var-external-link-square-alt; }
.@{fa-css-prefix}-eye:before { content: @fa-var-eye; }
.@{fa-css-prefix}-eye-dropper:before { content: @fa-var-eye-dropper; }
.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; }
.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }
.@{fa-css-prefix}-facebook-f:before { content: @fa-var-facebook-f; }
.@{fa-css-prefix}-facebook-messenger:before { content: @fa-var-facebook-messenger; }
.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; }
.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; }
.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; }
.@{fa-css-prefix}-fax:before { content: @fa-var-fax; }
.@{fa-css-prefix}-female:before { content: @fa-var-female; }
.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; }
.@{fa-css-prefix}-file:before { content: @fa-var-file; }
.@{fa-css-prefix}-file-alt:before { content: @fa-var-file-alt; }
.@{fa-css-prefix}-file-archive:before { content: @fa-var-file-archive; }
.@{fa-css-prefix}-file-audio:before { content: @fa-var-file-audio; }
.@{fa-css-prefix}-file-code:before { content: @fa-var-file-code; }
.@{fa-css-prefix}-file-excel:before { content: @fa-var-file-excel; }
.@{fa-css-prefix}-file-image:before { content: @fa-var-file-image; }
.@{fa-css-prefix}-file-pdf:before { content: @fa-var-file-pdf; }
.@{fa-css-prefix}-file-powerpoint:before { content: @fa-var-file-powerpoint; }
.@{fa-css-prefix}-file-video:before { content: @fa-var-file-video; }
.@{fa-css-prefix}-file-word:before { content: @fa-var-file-word; }
.@{fa-css-prefix}-film:before { content: @fa-var-film; }
.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }
.@{fa-css-prefix}-fire:before { content: @fa-var-fire; }
.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }
.@{fa-css-prefix}-firefox:before { content: @fa-var-firefox; }
.@{fa-css-prefix}-first-order:before { content: @fa-var-first-order; }
.@{fa-css-prefix}-firstdraft:before { content: @fa-var-firstdraft; }
.@{fa-css-prefix}-flag:before { content: @fa-var-flag; }
.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; }
.@{fa-css-prefix}-flask:before { content: @fa-var-flask; }
.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; }
.@{fa-css-prefix}-flipboard:before { content: @fa-var-flipboard; }
.@{fa-css-prefix}-fly:before { content: @fa-var-fly; }
.@{fa-css-prefix}-folder:before { content: @fa-var-folder; }
.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; }
.@{fa-css-prefix}-font:before { content: @fa-var-font; }
.@{fa-css-prefix}-font-awesome:before { content: @fa-var-font-awesome; }
.@{fa-css-prefix}-font-awesome-alt:before { content: @fa-var-font-awesome-alt; }
.@{fa-css-prefix}-font-awesome-flag:before { content: @fa-var-font-awesome-flag; }
.@{fa-css-prefix}-fonticons:before { content: @fa-var-fonticons; }
.@{fa-css-prefix}-fonticons-fi:before { content: @fa-var-fonticons-fi; }
.@{fa-css-prefix}-football-ball:before { content: @fa-var-football-ball; }
.@{fa-css-prefix}-fort-awesome:before { content: @fa-var-fort-awesome; }
.@{fa-css-prefix}-fort-awesome-alt:before { content: @fa-var-fort-awesome-alt; }
.@{fa-css-prefix}-forumbee:before { content: @fa-var-forumbee; }
.@{fa-css-prefix}-forward:before { content: @fa-var-forward; }
.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; }
.@{fa-css-prefix}-free-code-camp:before { content: @fa-var-free-code-camp; }
.@{fa-css-prefix}-freebsd:before { content: @fa-var-freebsd; }
.@{fa-css-prefix}-frown:before { content: @fa-var-frown; }
.@{fa-css-prefix}-futbol:before { content: @fa-var-futbol; }
.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; }
.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; }
.@{fa-css-prefix}-gem:before { content: @fa-var-gem; }
.@{fa-css-prefix}-genderless:before { content: @fa-var-genderless; }
.@{fa-css-prefix}-get-pocket:before { content: @fa-var-get-pocket; }
.@{fa-css-prefix}-gg:before { content: @fa-var-gg; }
.@{fa-css-prefix}-gg-circle:before { content: @fa-var-gg-circle; }
.@{fa-css-prefix}-gift:before { content: @fa-var-gift; }
.@{fa-css-prefix}-git:before { content: @fa-var-git; }
.@{fa-css-prefix}-git-square:before { content: @fa-var-git-square; }
.@{fa-css-prefix}-github:before { content: @fa-var-github; }
.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; }
.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; }
.@{fa-css-prefix}-gitkraken:before { content: @fa-var-gitkraken; }
.@{fa-css-prefix}-gitlab:before { content: @fa-var-gitlab; }
.@{fa-css-prefix}-gitter:before { content: @fa-var-gitter; }
.@{fa-css-prefix}-glass-martini:before { content: @fa-var-glass-martini; }
.@{fa-css-prefix}-glide:before { content: @fa-var-glide; }
.@{fa-css-prefix}-glide-g:before { content: @fa-var-glide-g; }
.@{fa-css-prefix}-globe:before { content: @fa-var-globe; }
.@{fa-css-prefix}-gofore:before { content: @fa-var-gofore; }
.@{fa-css-prefix}-golf-ball:before { content: @fa-var-golf-ball; }
.@{fa-css-prefix}-goodreads:before { content: @fa-var-goodreads; }
.@{fa-css-prefix}-goodreads-g:before { content: @fa-var-goodreads-g; }
.@{fa-css-prefix}-google:before { content: @fa-var-google; }
.@{fa-css-prefix}-google-drive:before { content: @fa-var-google-drive; }
.@{fa-css-prefix}-google-play:before { content: @fa-var-google-play; }
.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; }
.@{fa-css-prefix}-google-plus-g:before { content: @fa-var-google-plus-g; }
.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; }
.@{fa-css-prefix}-google-wallet:before { content: @fa-var-google-wallet; }
.@{fa-css-prefix}-graduation-cap:before { content: @fa-var-graduation-cap; }
.@{fa-css-prefix}-gratipay:before { content: @fa-var-gratipay; }
.@{fa-css-prefix}-grav:before { content: @fa-var-grav; }
.@{fa-css-prefix}-gripfire:before { content: @fa-var-gripfire; }
.@{fa-css-prefix}-grunt:before { content: @fa-var-grunt; }
.@{fa-css-prefix}-gulp:before { content: @fa-var-gulp; }
.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; }
.@{fa-css-prefix}-hacker-news:before { content: @fa-var-hacker-news; }
.@{fa-css-prefix}-hacker-news-square:before { content: @fa-var-hacker-news-square; }
.@{fa-css-prefix}-hand-lizard:before { content: @fa-var-hand-lizard; }
.@{fa-css-prefix}-hand-paper:before { content: @fa-var-hand-paper; }
.@{fa-css-prefix}-hand-peace:before { content: @fa-var-hand-peace; }
.@{fa-css-prefix}-hand-point-down:before { content: @fa-var-hand-point-down; }
.@{fa-css-prefix}-hand-point-left:before { content: @fa-var-hand-point-left; }
.@{fa-css-prefix}-hand-point-right:before { content: @fa-var-hand-point-right; }
.@{fa-css-prefix}-hand-point-up:before { content: @fa-var-hand-point-up; }
.@{fa-css-prefix}-hand-pointer:before { content: @fa-var-hand-pointer; }
.@{fa-css-prefix}-hand-rock:before { content: @fa-var-hand-rock; }
.@{fa-css-prefix}-hand-scissors:before { content: @fa-var-hand-scissors; }
.@{fa-css-prefix}-hand-spock:before { content: @fa-var-hand-spock; }
.@{fa-css-prefix}-handshake:before { content: @fa-var-handshake; }
.@{fa-css-prefix}-hashtag:before { content: @fa-var-hashtag; }
.@{fa-css-prefix}-hdd:before { content: @fa-var-hdd; }
.@{fa-css-prefix}-heading:before { content: @fa-var-heading; }
.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; }
.@{fa-css-prefix}-heart:before { content: @fa-var-heart; }
.@{fa-css-prefix}-heartbeat:before { content: @fa-var-heartbeat; }
.@{fa-css-prefix}-hips:before { content: @fa-var-hips; }
.@{fa-css-prefix}-hire-a-helper:before { content: @fa-var-hire-a-helper; }
.@{fa-css-prefix}-history:before { content: @fa-var-history; }
.@{fa-css-prefix}-hockey-puck:before { content: @fa-var-hockey-puck; }
.@{fa-css-prefix}-home:before { content: @fa-var-home; }
.@{fa-css-prefix}-hooli:before { content: @fa-var-hooli; }
.@{fa-css-prefix}-hospital:before { content: @fa-var-hospital; }
.@{fa-css-prefix}-hotjar:before { content: @fa-var-hotjar; }
.@{fa-css-prefix}-hourglass:before { content: @fa-var-hourglass; }
.@{fa-css-prefix}-hourglass-end:before { content: @fa-var-hourglass-end; }
.@{fa-css-prefix}-hourglass-half:before { content: @fa-var-hourglass-half; }
.@{fa-css-prefix}-hourglass-start:before { content: @fa-var-hourglass-start; }
.@{fa-css-prefix}-houzz:before { content: @fa-var-houzz; }
.@{fa-css-prefix}-html5:before { content: @fa-var-html5; }
.@{fa-css-prefix}-hubspot:before { content: @fa-var-hubspot; }
.@{fa-css-prefix}-i-cursor:before { content: @fa-var-i-cursor; }
.@{fa-css-prefix}-id-badge:before { content: @fa-var-id-badge; }
.@{fa-css-prefix}-id-card:before { content: @fa-var-id-card; }
.@{fa-css-prefix}-image:before { content: @fa-var-image; }
.@{fa-css-prefix}-images:before { content: @fa-var-images; }
.@{fa-css-prefix}-imdb:before { content: @fa-var-imdb; }
.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; }
.@{fa-css-prefix}-indent:before { content: @fa-var-indent; }
.@{fa-css-prefix}-industry:before { content: @fa-var-industry; }
.@{fa-css-prefix}-info:before { content: @fa-var-info; }
.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; }
.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; }
.@{fa-css-prefix}-internet-explorer:before { content: @fa-var-internet-explorer; }
.@{fa-css-prefix}-ioxhost:before { content: @fa-var-ioxhost; }
.@{fa-css-prefix}-italic:before { content: @fa-var-italic; }
.@{fa-css-prefix}-itunes:before { content: @fa-var-itunes; }
.@{fa-css-prefix}-itunes-note:before { content: @fa-var-itunes-note; }
.@{fa-css-prefix}-jenkins:before { content: @fa-var-jenkins; }
.@{fa-css-prefix}-joget:before { content: @fa-var-joget; }
.@{fa-css-prefix}-joomla:before { content: @fa-var-joomla; }
.@{fa-css-prefix}-js:before { content: @fa-var-js; }
.@{fa-css-prefix}-js-square:before { content: @fa-var-js-square; }
.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; }
.@{fa-css-prefix}-key:before { content: @fa-var-key; }
.@{fa-css-prefix}-keyboard:before { content: @fa-var-keyboard; }
.@{fa-css-prefix}-keycdn:before { content: @fa-var-keycdn; }
.@{fa-css-prefix}-kickstarter:before { content: @fa-var-kickstarter; }
.@{fa-css-prefix}-kickstarter-k:before { content: @fa-var-kickstarter-k; }
.@{fa-css-prefix}-korvue:before { content: @fa-var-korvue; }
.@{fa-css-prefix}-language:before { content: @fa-var-language; }
.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; }
.@{fa-css-prefix}-laravel:before { content: @fa-var-laravel; }
.@{fa-css-prefix}-lastfm:before { content: @fa-var-lastfm; }
.@{fa-css-prefix}-lastfm-square:before { content: @fa-var-lastfm-square; }
.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; }
.@{fa-css-prefix}-leanpub:before { content: @fa-var-leanpub; }
.@{fa-css-prefix}-lemon:before { content: @fa-var-lemon; }
.@{fa-css-prefix}-less:before { content: @fa-var-less; }
.@{fa-css-prefix}-level-down-alt:before { content: @fa-var-level-down-alt; }
.@{fa-css-prefix}-level-up-alt:before { content: @fa-var-level-up-alt; }
.@{fa-css-prefix}-life-ring:before { content: @fa-var-life-ring; }
.@{fa-css-prefix}-lightbulb:before { content: @fa-var-lightbulb; }
.@{fa-css-prefix}-line:before { content: @fa-var-line; }
.@{fa-css-prefix}-link:before { content: @fa-var-link; }
.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }
.@{fa-css-prefix}-linkedin-in:before { content: @fa-var-linkedin-in; }
.@{fa-css-prefix}-linode:before { content: @fa-var-linode; }
.@{fa-css-prefix}-linux:before { content: @fa-var-linux; }
.@{fa-css-prefix}-lira-sign:before { content: @fa-var-lira-sign; }
.@{fa-css-prefix}-list:before { content: @fa-var-list; }
.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; }
.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; }
.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; }
.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; }
.@{fa-css-prefix}-lock:before { content: @fa-var-lock; }
.@{fa-css-prefix}-lock-open:before { content: @fa-var-lock-open; }
.@{fa-css-prefix}-long-arrow-alt-down:before { content: @fa-var-long-arrow-alt-down; }
.@{fa-css-prefix}-long-arrow-alt-left:before { content: @fa-var-long-arrow-alt-left; }
.@{fa-css-prefix}-long-arrow-alt-right:before { content: @fa-var-long-arrow-alt-right; }
.@{fa-css-prefix}-long-arrow-alt-up:before { content: @fa-var-long-arrow-alt-up; }
.@{fa-css-prefix}-low-vision:before { content: @fa-var-low-vision; }
.@{fa-css-prefix}-lyft:before { content: @fa-var-lyft; }
.@{fa-css-prefix}-magento:before { content: @fa-var-magento; }
.@{fa-css-prefix}-magic:before { content: @fa-var-magic; }
.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; }
.@{fa-css-prefix}-male:before { content: @fa-var-male; }
.@{fa-css-prefix}-map:before { content: @fa-var-map; }
.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; }
.@{fa-css-prefix}-map-marker-alt:before { content: @fa-var-map-marker-alt; }
.@{fa-css-prefix}-map-pin:before { content: @fa-var-map-pin; }
.@{fa-css-prefix}-map-signs:before { content: @fa-var-map-signs; }
.@{fa-css-prefix}-mars:before { content: @fa-var-mars; }
.@{fa-css-prefix}-mars-double:before { content: @fa-var-mars-double; }
.@{fa-css-prefix}-mars-stroke:before { content: @fa-var-mars-stroke; }
.@{fa-css-prefix}-mars-stroke-h:before { content: @fa-var-mars-stroke-h; }
.@{fa-css-prefix}-mars-stroke-v:before { content: @fa-var-mars-stroke-v; }
.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; }
.@{fa-css-prefix}-medapps:before { content: @fa-var-medapps; }
.@{fa-css-prefix}-medium:before { content: @fa-var-medium; }
.@{fa-css-prefix}-medium-m:before { content: @fa-var-medium-m; }
.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; }
.@{fa-css-prefix}-medrt:before { content: @fa-var-medrt; }
.@{fa-css-prefix}-meetup:before { content: @fa-var-meetup; }
.@{fa-css-prefix}-meh:before { content: @fa-var-meh; }
.@{fa-css-prefix}-mercury:before { content: @fa-var-mercury; }
.@{fa-css-prefix}-microchip:before { content: @fa-var-microchip; }
.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; }
.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; }
.@{fa-css-prefix}-microsoft:before { content: @fa-var-microsoft; }
.@{fa-css-prefix}-minus:before { content: @fa-var-minus; }
.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; }
.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; }
.@{fa-css-prefix}-mix:before { content: @fa-var-mix; }
.@{fa-css-prefix}-mixcloud:before { content: @fa-var-mixcloud; }
.@{fa-css-prefix}-mizuni:before { content: @fa-var-mizuni; }
.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; }
.@{fa-css-prefix}-mobile-alt:before { content: @fa-var-mobile-alt; }
.@{fa-css-prefix}-modx:before { content: @fa-var-modx; }
.@{fa-css-prefix}-monero:before { content: @fa-var-monero; }
.@{fa-css-prefix}-money-bill-alt:before { content: @fa-var-money-bill-alt; }
.@{fa-css-prefix}-moon:before { content: @fa-var-moon; }
.@{fa-css-prefix}-motorcycle:before { content: @fa-var-motorcycle; }
.@{fa-css-prefix}-mouse-pointer:before { content: @fa-var-mouse-pointer; }
.@{fa-css-prefix}-music:before { content: @fa-var-music; }
.@{fa-css-prefix}-napster:before { content: @fa-var-napster; }
.@{fa-css-prefix}-neuter:before { content: @fa-var-neuter; }
.@{fa-css-prefix}-newspaper:before { content: @fa-var-newspaper; }
.@{fa-css-prefix}-nintendo-switch:before { content: @fa-var-nintendo-switch; }
.@{fa-css-prefix}-node:before { content: @fa-var-node; }
.@{fa-css-prefix}-node-js:before { content: @fa-var-node-js; }
.@{fa-css-prefix}-npm:before { content: @fa-var-npm; }
.@{fa-css-prefix}-ns8:before { content: @fa-var-ns8; }
.@{fa-css-prefix}-nutritionix:before { content: @fa-var-nutritionix; }
.@{fa-css-prefix}-object-group:before { content: @fa-var-object-group; }
.@{fa-css-prefix}-object-ungroup:before { content: @fa-var-object-ungroup; }
.@{fa-css-prefix}-odnoklassniki:before { content: @fa-var-odnoklassniki; }
.@{fa-css-prefix}-odnoklassniki-square:before { content: @fa-var-odnoklassniki-square; }
.@{fa-css-prefix}-opencart:before { content: @fa-var-opencart; }
.@{fa-css-prefix}-openid:before { content: @fa-var-openid; }
.@{fa-css-prefix}-opera:before { content: @fa-var-opera; }
.@{fa-css-prefix}-optin-monster:before { content: @fa-var-optin-monster; }
.@{fa-css-prefix}-osi:before { content: @fa-var-osi; }
.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; }
.@{fa-css-prefix}-page4:before { content: @fa-var-page4; }
.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; }
.@{fa-css-prefix}-paint-brush:before { content: @fa-var-paint-brush; }
.@{fa-css-prefix}-palfed:before { content: @fa-var-palfed; }
.@{fa-css-prefix}-paper-plane:before { content: @fa-var-paper-plane; }
.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; }
.@{fa-css-prefix}-paragraph:before { content: @fa-var-paragraph; }
.@{fa-css-prefix}-paste:before { content: @fa-var-paste; }
.@{fa-css-prefix}-patreon:before { content: @fa-var-patreon; }
.@{fa-css-prefix}-pause:before { content: @fa-var-pause; }
.@{fa-css-prefix}-pause-circle:before { content: @fa-var-pause-circle; }
.@{fa-css-prefix}-paw:before { content: @fa-var-paw; }
.@{fa-css-prefix}-paypal:before { content: @fa-var-paypal; }
.@{fa-css-prefix}-pen-square:before { content: @fa-var-pen-square; }
.@{fa-css-prefix}-pencil-alt:before { content: @fa-var-pencil-alt; }
.@{fa-css-prefix}-percent:before { content: @fa-var-percent; }
.@{fa-css-prefix}-periscope:before { content: @fa-var-periscope; }
.@{fa-css-prefix}-phabricator:before { content: @fa-var-phabricator; }
.@{fa-css-prefix}-phoenix-framework:before { content: @fa-var-phoenix-framework; }
.@{fa-css-prefix}-phone:before { content: @fa-var-phone; }
.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; }
.@{fa-css-prefix}-phone-volume:before { content: @fa-var-phone-volume; }
.@{fa-css-prefix}-php:before { content: @fa-var-php; }
.@{fa-css-prefix}-pied-piper:before { content: @fa-var-pied-piper; }
.@{fa-css-prefix}-pied-piper-alt:before { content: @fa-var-pied-piper-alt; }
.@{fa-css-prefix}-pied-piper-pp:before { content: @fa-var-pied-piper-pp; }
.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; }
.@{fa-css-prefix}-pinterest-p:before { content: @fa-var-pinterest-p; }
.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; }
.@{fa-css-prefix}-plane:before { content: @fa-var-plane; }
.@{fa-css-prefix}-play:before { content: @fa-var-play; }
.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; }
.@{fa-css-prefix}-playstation:before { content: @fa-var-playstation; }
.@{fa-css-prefix}-plug:before { content: @fa-var-plug; }
.@{fa-css-prefix}-plus:before { content: @fa-var-plus; }
.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; }
.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; }
.@{fa-css-prefix}-podcast:before { content: @fa-var-podcast; }
.@{fa-css-prefix}-pound-sign:before { content: @fa-var-pound-sign; }
.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; }
.@{fa-css-prefix}-print:before { content: @fa-var-print; }
.@{fa-css-prefix}-product-hunt:before { content: @fa-var-product-hunt; }
.@{fa-css-prefix}-pushed:before { content: @fa-var-pushed; }
.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; }
.@{fa-css-prefix}-python:before { content: @fa-var-python; }
.@{fa-css-prefix}-qq:before { content: @fa-var-qq; }
.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; }
.@{fa-css-prefix}-question:before { content: @fa-var-question; }
.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; }
.@{fa-css-prefix}-quidditch:before { content: @fa-var-quidditch; }
.@{fa-css-prefix}-quinscape:before { content: @fa-var-quinscape; }
.@{fa-css-prefix}-quora:before { content: @fa-var-quora; }
.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; }
.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; }
.@{fa-css-prefix}-random:before { content: @fa-var-random; }
.@{fa-css-prefix}-ravelry:before { content: @fa-var-ravelry; }
.@{fa-css-prefix}-react:before { content: @fa-var-react; }
.@{fa-css-prefix}-rebel:before { content: @fa-var-rebel; }
.@{fa-css-prefix}-recycle:before { content: @fa-var-recycle; }
.@{fa-css-prefix}-red-river:before { content: @fa-var-red-river; }
.@{fa-css-prefix}-reddit:before { content: @fa-var-reddit; }
.@{fa-css-prefix}-reddit-alien:before { content: @fa-var-reddit-alien; }
.@{fa-css-prefix}-reddit-square:before { content: @fa-var-reddit-square; }
.@{fa-css-prefix}-redo:before { content: @fa-var-redo; }
.@{fa-css-prefix}-redo-alt:before { content: @fa-var-redo-alt; }
.@{fa-css-prefix}-registered:before { content: @fa-var-registered; }
.@{fa-css-prefix}-rendact:before { content: @fa-var-rendact; }
.@{fa-css-prefix}-renren:before { content: @fa-var-renren; }
.@{fa-css-prefix}-reply:before { content: @fa-var-reply; }
.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; }
.@{fa-css-prefix}-replyd:before { content: @fa-var-replyd; }
.@{fa-css-prefix}-resolving:before { content: @fa-var-resolving; }
.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; }
.@{fa-css-prefix}-road:before { content: @fa-var-road; }
.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; }
.@{fa-css-prefix}-rocketchat:before { content: @fa-var-rocketchat; }
.@{fa-css-prefix}-rockrms:before { content: @fa-var-rockrms; }
.@{fa-css-prefix}-rss:before { content: @fa-var-rss; }
.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; }
.@{fa-css-prefix}-ruble-sign:before { content: @fa-var-ruble-sign; }
.@{fa-css-prefix}-rupee-sign:before { content: @fa-var-rupee-sign; }
.@{fa-css-prefix}-safari:before { content: @fa-var-safari; }
.@{fa-css-prefix}-sass:before { content: @fa-var-sass; }
.@{fa-css-prefix}-save:before { content: @fa-var-save; }
.@{fa-css-prefix}-schlix:before { content: @fa-var-schlix; }
.@{fa-css-prefix}-scribd:before { content: @fa-var-scribd; }
.@{fa-css-prefix}-search:before { content: @fa-var-search; }
.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; }
.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; }
.@{fa-css-prefix}-searchengin:before { content: @fa-var-searchengin; }
.@{fa-css-prefix}-sellcast:before { content: @fa-var-sellcast; }
.@{fa-css-prefix}-sellsy:before { content: @fa-var-sellsy; }
.@{fa-css-prefix}-server:before { content: @fa-var-server; }
.@{fa-css-prefix}-servicestack:before { content: @fa-var-servicestack; }
.@{fa-css-prefix}-share:before { content: @fa-var-share; }
.@{fa-css-prefix}-share-alt:before { content: @fa-var-share-alt; }
.@{fa-css-prefix}-share-alt-square:before { content: @fa-var-share-alt-square; }
.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; }
.@{fa-css-prefix}-shekel-sign:before { content: @fa-var-shekel-sign; }
.@{fa-css-prefix}-shield-alt:before { content: @fa-var-shield-alt; }
.@{fa-css-prefix}-ship:before { content: @fa-var-ship; }
.@{fa-css-prefix}-shirtsinbulk:before { content: @fa-var-shirtsinbulk; }
.@{fa-css-prefix}-shopping-bag:before { content: @fa-var-shopping-bag; }
.@{fa-css-prefix}-shopping-basket:before { content: @fa-var-shopping-basket; }
.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; }
.@{fa-css-prefix}-shower:before { content: @fa-var-shower; }
.@{fa-css-prefix}-sign-in-alt:before { content: @fa-var-sign-in-alt; }
.@{fa-css-prefix}-sign-language:before { content: @fa-var-sign-language; }
.@{fa-css-prefix}-sign-out-alt:before { content: @fa-var-sign-out-alt; }
.@{fa-css-prefix}-signal:before { content: @fa-var-signal; }
.@{fa-css-prefix}-simplybuilt:before { content: @fa-var-simplybuilt; }
.@{fa-css-prefix}-sistrix:before { content: @fa-var-sistrix; }
.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; }
.@{fa-css-prefix}-skyatlas:before { content: @fa-var-skyatlas; }
.@{fa-css-prefix}-skype:before { content: @fa-var-skype; }
.@{fa-css-prefix}-slack:before { content: @fa-var-slack; }
.@{fa-css-prefix}-slack-hash:before { content: @fa-var-slack-hash; }
.@{fa-css-prefix}-sliders-h:before { content: @fa-var-sliders-h; }
.@{fa-css-prefix}-slideshare:before { content: @fa-var-slideshare; }
.@{fa-css-prefix}-smile:before { content: @fa-var-smile; }
.@{fa-css-prefix}-snapchat:before { content: @fa-var-snapchat; }
.@{fa-css-prefix}-snapchat-ghost:before { content: @fa-var-snapchat-ghost; }
.@{fa-css-prefix}-snapchat-square:before { content: @fa-var-snapchat-square; }
.@{fa-css-prefix}-snowflake:before { content: @fa-var-snowflake; }
.@{fa-css-prefix}-sort:before { content: @fa-var-sort; }
.@{fa-css-prefix}-sort-alpha-down:before { content: @fa-var-sort-alpha-down; }
.@{fa-css-prefix}-sort-alpha-up:before { content: @fa-var-sort-alpha-up; }
.@{fa-css-prefix}-sort-amount-down:before { content: @fa-var-sort-amount-down; }
.@{fa-css-prefix}-sort-amount-up:before { content: @fa-var-sort-amount-up; }
.@{fa-css-prefix}-sort-down:before { content: @fa-var-sort-down; }
.@{fa-css-prefix}-sort-numeric-down:before { content: @fa-var-sort-numeric-down; }
.@{fa-css-prefix}-sort-numeric-up:before { content: @fa-var-sort-numeric-up; }
.@{fa-css-prefix}-sort-up:before { content: @fa-var-sort-up; }
.@{fa-css-prefix}-soundcloud:before { content: @fa-var-soundcloud; }
.@{fa-css-prefix}-space-shuttle:before { content: @fa-var-space-shuttle; }
.@{fa-css-prefix}-speakap:before { content: @fa-var-speakap; }
.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; }
.@{fa-css-prefix}-spotify:before { content: @fa-var-spotify; }
.@{fa-css-prefix}-square:before { content: @fa-var-square; }
.@{fa-css-prefix}-square-full:before { content: @fa-var-square-full; }
.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; }
.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; }
.@{fa-css-prefix}-star:before { content: @fa-var-star; }
.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; }
.@{fa-css-prefix}-staylinked:before { content: @fa-var-staylinked; }
.@{fa-css-prefix}-steam:before { content: @fa-var-steam; }
.@{fa-css-prefix}-steam-square:before { content: @fa-var-steam-square; }
.@{fa-css-prefix}-steam-symbol:before { content: @fa-var-steam-symbol; }
.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; }
.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; }
.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; }
.@{fa-css-prefix}-sticker-mule:before { content: @fa-var-sticker-mule; }
.@{fa-css-prefix}-sticky-note:before { content: @fa-var-sticky-note; }
.@{fa-css-prefix}-stop:before { content: @fa-var-stop; }
.@{fa-css-prefix}-stop-circle:before { content: @fa-var-stop-circle; }
.@{fa-css-prefix}-stopwatch:before { content: @fa-var-stopwatch; }
.@{fa-css-prefix}-strava:before { content: @fa-var-strava; }
.@{fa-css-prefix}-street-view:before { content: @fa-var-street-view; }
.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; }
.@{fa-css-prefix}-stripe:before { content: @fa-var-stripe; }
.@{fa-css-prefix}-stripe-s:before { content: @fa-var-stripe-s; }
.@{fa-css-prefix}-studiovinari:before { content: @fa-var-studiovinari; }
.@{fa-css-prefix}-stumbleupon:before { content: @fa-var-stumbleupon; }
.@{fa-css-prefix}-stumbleupon-circle:before { content: @fa-var-stumbleupon-circle; }
.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; }
.@{fa-css-prefix}-subway:before { content: @fa-var-subway; }
.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; }
.@{fa-css-prefix}-sun:before { content: @fa-var-sun; }
.@{fa-css-prefix}-superpowers:before { content: @fa-var-superpowers; }
.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; }
.@{fa-css-prefix}-supple:before { content: @fa-var-supple; }
.@{fa-css-prefix}-sync:before { content: @fa-var-sync; }
.@{fa-css-prefix}-sync-alt:before { content: @fa-var-sync-alt; }
.@{fa-css-prefix}-table:before { content: @fa-var-table; }
.@{fa-css-prefix}-table-tennis:before { content: @fa-var-table-tennis; }
.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; }
.@{fa-css-prefix}-tablet-alt:before { content: @fa-var-tablet-alt; }
.@{fa-css-prefix}-tachometer-alt:before { content: @fa-var-tachometer-alt; }
.@{fa-css-prefix}-tag:before { content: @fa-var-tag; }
.@{fa-css-prefix}-tags:before { content: @fa-var-tags; }
.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; }
.@{fa-css-prefix}-taxi:before { content: @fa-var-taxi; }
.@{fa-css-prefix}-telegram:before { content: @fa-var-telegram; }
.@{fa-css-prefix}-telegram-plane:before { content: @fa-var-telegram-plane; }
.@{fa-css-prefix}-tencent-weibo:before { content: @fa-var-tencent-weibo; }
.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; }
.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; }
.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; }
.@{fa-css-prefix}-th:before { content: @fa-var-th; }
.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; }
.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; }
.@{fa-css-prefix}-themeisle:before { content: @fa-var-themeisle; }
.@{fa-css-prefix}-thermometer-empty:before { content: @fa-var-thermometer-empty; }
.@{fa-css-prefix}-thermometer-full:before { content: @fa-var-thermometer-full; }
.@{fa-css-prefix}-thermometer-half:before { content: @fa-var-thermometer-half; }
.@{fa-css-prefix}-thermometer-quarter:before { content: @fa-var-thermometer-quarter; }
.@{fa-css-prefix}-thermometer-three-quarters:before { content: @fa-var-thermometer-three-quarters; }
.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; }
.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; }
.@{fa-css-prefix}-thumbtack:before { content: @fa-var-thumbtack; }
.@{fa-css-prefix}-ticket-alt:before { content: @fa-var-ticket-alt; }
.@{fa-css-prefix}-times:before { content: @fa-var-times; }
.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; }
.@{fa-css-prefix}-tint:before { content: @fa-var-tint; }
.@{fa-css-prefix}-toggle-off:before { content: @fa-var-toggle-off; }
.@{fa-css-prefix}-toggle-on:before { content: @fa-var-toggle-on; }
.@{fa-css-prefix}-trademark:before { content: @fa-var-trademark; }
.@{fa-css-prefix}-train:before { content: @fa-var-train; }
.@{fa-css-prefix}-transgender:before { content: @fa-var-transgender; }
.@{fa-css-prefix}-transgender-alt:before { content: @fa-var-transgender-alt; }
.@{fa-css-prefix}-trash:before { content: @fa-var-trash; }
.@{fa-css-prefix}-trash-alt:before { content: @fa-var-trash-alt; }
.@{fa-css-prefix}-tree:before { content: @fa-var-tree; }
.@{fa-css-prefix}-trello:before { content: @fa-var-trello; }
.@{fa-css-prefix}-tripadvisor:before { content: @fa-var-tripadvisor; }
.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; }
.@{fa-css-prefix}-truck:before { content: @fa-var-truck; }
.@{fa-css-prefix}-tty:before { content: @fa-var-tty; }
.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; }
.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; }
.@{fa-css-prefix}-tv:before { content: @fa-var-tv; }
.@{fa-css-prefix}-twitch:before { content: @fa-var-twitch; }
.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }
.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; }
.@{fa-css-prefix}-typo3:before { content: @fa-var-typo3; }
.@{fa-css-prefix}-uber:before { content: @fa-var-uber; }
.@{fa-css-prefix}-uikit:before { content: @fa-var-uikit; }
.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; }
.@{fa-css-prefix}-underline:before { content: @fa-var-underline; }
.@{fa-css-prefix}-undo:before { content: @fa-var-undo; }
.@{fa-css-prefix}-undo-alt:before { content: @fa-var-undo-alt; }
.@{fa-css-prefix}-uniregistry:before { content: @fa-var-uniregistry; }
.@{fa-css-prefix}-universal-access:before { content: @fa-var-universal-access; }
.@{fa-css-prefix}-university:before { content: @fa-var-university; }
.@{fa-css-prefix}-unlink:before { content: @fa-var-unlink; }
.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; }
.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; }
.@{fa-css-prefix}-untappd:before { content: @fa-var-untappd; }
.@{fa-css-prefix}-upload:before { content: @fa-var-upload; }
.@{fa-css-prefix}-usb:before { content: @fa-var-usb; }
.@{fa-css-prefix}-user:before { content: @fa-var-user; }
.@{fa-css-prefix}-user-circle:before { content: @fa-var-user-circle; }
.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; }
.@{fa-css-prefix}-user-plus:before { content: @fa-var-user-plus; }
.@{fa-css-prefix}-user-secret:before { content: @fa-var-user-secret; }
.@{fa-css-prefix}-user-times:before { content: @fa-var-user-times; }
.@{fa-css-prefix}-users:before { content: @fa-var-users; }
.@{fa-css-prefix}-ussunnah:before { content: @fa-var-ussunnah; }
.@{fa-css-prefix}-utensil-spoon:before { content: @fa-var-utensil-spoon; }
.@{fa-css-prefix}-utensils:before { content: @fa-var-utensils; }
.@{fa-css-prefix}-vaadin:before { content: @fa-var-vaadin; }
.@{fa-css-prefix}-venus:before { content: @fa-var-venus; }
.@{fa-css-prefix}-venus-double:before { content: @fa-var-venus-double; }
.@{fa-css-prefix}-venus-mars:before { content: @fa-var-venus-mars; }
.@{fa-css-prefix}-viacoin:before { content: @fa-var-viacoin; }
.@{fa-css-prefix}-viadeo:before { content: @fa-var-viadeo; }
.@{fa-css-prefix}-viadeo-square:before { content: @fa-var-viadeo-square; }
.@{fa-css-prefix}-viber:before { content: @fa-var-viber; }
.@{fa-css-prefix}-video:before { content: @fa-var-video; }
.@{fa-css-prefix}-vimeo:before { content: @fa-var-vimeo; }
.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; }
.@{fa-css-prefix}-vimeo-v:before { content: @fa-var-vimeo-v; }
.@{fa-css-prefix}-vine:before { content: @fa-var-vine; }
.@{fa-css-prefix}-vk:before { content: @fa-var-vk; }
.@{fa-css-prefix}-vnv:before { content: @fa-var-vnv; }
.@{fa-css-prefix}-volleyball-ball:before { content: @fa-var-volleyball-ball; }
.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; }
.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; }
.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; }
.@{fa-css-prefix}-vuejs:before { content: @fa-var-vuejs; }
.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; }
.@{fa-css-prefix}-weixin:before { content: @fa-var-weixin; }
.@{fa-css-prefix}-whatsapp:before { content: @fa-var-whatsapp; }
.@{fa-css-prefix}-whatsapp-square:before { content: @fa-var-whatsapp-square; }
.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; }
.@{fa-css-prefix}-whmcs:before { content: @fa-var-whmcs; }
.@{fa-css-prefix}-wifi:before { content: @fa-var-wifi; }
.@{fa-css-prefix}-wikipedia-w:before { content: @fa-var-wikipedia-w; }
.@{fa-css-prefix}-window-close:before { content: @fa-var-window-close; }
.@{fa-css-prefix}-window-maximize:before { content: @fa-var-window-maximize; }
.@{fa-css-prefix}-window-minimize:before { content: @fa-var-window-minimize; }
.@{fa-css-prefix}-window-restore:before { content: @fa-var-window-restore; }
.@{fa-css-prefix}-windows:before { content: @fa-var-windows; }
.@{fa-css-prefix}-won-sign:before { content: @fa-var-won-sign; }
.@{fa-css-prefix}-wordpress:before { content: @fa-var-wordpress; }
.@{fa-css-prefix}-wordpress-simple:before { content: @fa-var-wordpress-simple; }
.@{fa-css-prefix}-wpbeginner:before { content: @fa-var-wpbeginner; }
.@{fa-css-prefix}-wpexplorer:before { content: @fa-var-wpexplorer; }
.@{fa-css-prefix}-wpforms:before { content: @fa-var-wpforms; }
.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; }
.@{fa-css-prefix}-xbox:before { content: @fa-var-xbox; }
.@{fa-css-prefix}-xing:before { content: @fa-var-xing; }
.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; }
.@{fa-css-prefix}-y-combinator:before { content: @fa-var-y-combinator; }
.@{fa-css-prefix}-yahoo:before { content: @fa-var-yahoo; }
.@{fa-css-prefix}-yandex:before { content: @fa-var-yandex; }
.@{fa-css-prefix}-yandex-international:before { content: @fa-var-yandex-international; }
.@{fa-css-prefix}-yelp:before { content: @fa-var-yelp; }
.@{fa-css-prefix}-yen-sign:before { content: @fa-var-yen-sign; }
.@{fa-css-prefix}-yoast:before { content: @fa-var-yoast; }
.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; }
.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; }

View File

@@ -1,27 +0,0 @@
// Icon Sizes
// -------------------------
.larger(@factor) when (@factor > 0) {
.larger((@factor - 1));
.@{fa-css-prefix}-@{factor}x {
font-size: (@factor * 1em);
}
}
/* makes the font 33% larger relative to the icon container */
.@{fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -.0667em;
}
.@{fa-css-prefix}-xs {
font-size: .75em;
}
.@{fa-css-prefix}-sm {
font-size: .875em;
}
.larger(10);

View File

@@ -1,18 +0,0 @@
// List Icons
// -------------------------
.@{fa-css-prefix}-ul {
list-style-type: none;
margin-left: @fa-li-width * 5/4;
padding-left: 0;
> li { position: relative; }
}
.@{fa-css-prefix}-li {
left: -@fa-li-width;
position: absolute;
text-align: center;
width: @fa-li-width;
line-height: inherit;
}

View File

@@ -1,57 +0,0 @@
// Mixins
// --------------------------
.fa-icon() {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: -.125em;
}
.fa-icon-rotate(@degrees, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
transform: rotate(@degrees);
}
.fa-icon-flip(@horiz, @vert, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
transform: scale(@horiz, @vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
.sr-only() {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
.sr-only-focusable() {
&:active,
&:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
}

View File

@@ -1,23 +0,0 @@
// Rotated & Flipped Icons
// -------------------------
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
.@{fa-css-prefix}-flip-horizontal.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(-1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root {
.@{fa-css-prefix}-rotate-90,
.@{fa-css-prefix}-rotate-180,
.@{fa-css-prefix}-rotate-270,
.@{fa-css-prefix}-flip-horizontal,
.@{fa-css-prefix}-flip-vertical {
filter: none;
}
}

View File

@@ -1,5 +0,0 @@
// Screen Readers
// -------------------------
.sr-only { .sr-only(); }
.sr-only-focusable { .sr-only-focusable(); }

View File

@@ -1,22 +0,0 @@
// Stacked Icons
// -------------------------
.@{fa-css-prefix}-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
.@{fa-css-prefix}-inverse { color: @fa-inverse; }

View File

@@ -1,825 +0,0 @@
// Variables
// --------------------------
@fa-font-path: "../webfonts";
@fa-font-size-base: 16px;
@fa-line-height-base: 1;
@fa-css-prefix: fa;
@fa-version: "5.0.6";
@fa-border-color: #eee;
@fa-inverse: #fff;
@fa-li-width: 2em;
@fa-var-500px: "\f26e";
@fa-var-accessible-icon: "\f368";
@fa-var-accusoft: "\f369";
@fa-var-address-book: "\f2b9";
@fa-var-address-card: "\f2bb";
@fa-var-adjust: "\f042";
@fa-var-adn: "\f170";
@fa-var-adversal: "\f36a";
@fa-var-affiliatetheme: "\f36b";
@fa-var-algolia: "\f36c";
@fa-var-align-center: "\f037";
@fa-var-align-justify: "\f039";
@fa-var-align-left: "\f036";
@fa-var-align-right: "\f038";
@fa-var-amazon: "\f270";
@fa-var-amazon-pay: "\f42c";
@fa-var-ambulance: "\f0f9";
@fa-var-american-sign-language-interpreting: "\f2a3";
@fa-var-amilia: "\f36d";
@fa-var-anchor: "\f13d";
@fa-var-android: "\f17b";
@fa-var-angellist: "\f209";
@fa-var-angle-double-down: "\f103";
@fa-var-angle-double-left: "\f100";
@fa-var-angle-double-right: "\f101";
@fa-var-angle-double-up: "\f102";
@fa-var-angle-down: "\f107";
@fa-var-angle-left: "\f104";
@fa-var-angle-right: "\f105";
@fa-var-angle-up: "\f106";
@fa-var-angrycreative: "\f36e";
@fa-var-angular: "\f420";
@fa-var-app-store: "\f36f";
@fa-var-app-store-ios: "\f370";
@fa-var-apper: "\f371";
@fa-var-apple: "\f179";
@fa-var-apple-pay: "\f415";
@fa-var-archive: "\f187";
@fa-var-arrow-alt-circle-down: "\f358";
@fa-var-arrow-alt-circle-left: "\f359";
@fa-var-arrow-alt-circle-right: "\f35a";
@fa-var-arrow-alt-circle-up: "\f35b";
@fa-var-arrow-circle-down: "\f0ab";
@fa-var-arrow-circle-left: "\f0a8";
@fa-var-arrow-circle-right: "\f0a9";
@fa-var-arrow-circle-up: "\f0aa";
@fa-var-arrow-down: "\f063";
@fa-var-arrow-left: "\f060";
@fa-var-arrow-right: "\f061";
@fa-var-arrow-up: "\f062";
@fa-var-arrows-alt: "\f0b2";
@fa-var-arrows-alt-h: "\f337";
@fa-var-arrows-alt-v: "\f338";
@fa-var-assistive-listening-systems: "\f2a2";
@fa-var-asterisk: "\f069";
@fa-var-asymmetrik: "\f372";
@fa-var-at: "\f1fa";
@fa-var-audible: "\f373";
@fa-var-audio-description: "\f29e";
@fa-var-autoprefixer: "\f41c";
@fa-var-avianex: "\f374";
@fa-var-aviato: "\f421";
@fa-var-aws: "\f375";
@fa-var-backward: "\f04a";
@fa-var-balance-scale: "\f24e";
@fa-var-ban: "\f05e";
@fa-var-bandcamp: "\f2d5";
@fa-var-barcode: "\f02a";
@fa-var-bars: "\f0c9";
@fa-var-baseball-ball: "\f433";
@fa-var-basketball-ball: "\f434";
@fa-var-bath: "\f2cd";
@fa-var-battery-empty: "\f244";
@fa-var-battery-full: "\f240";
@fa-var-battery-half: "\f242";
@fa-var-battery-quarter: "\f243";
@fa-var-battery-three-quarters: "\f241";
@fa-var-bed: "\f236";
@fa-var-beer: "\f0fc";
@fa-var-behance: "\f1b4";
@fa-var-behance-square: "\f1b5";
@fa-var-bell: "\f0f3";
@fa-var-bell-slash: "\f1f6";
@fa-var-bicycle: "\f206";
@fa-var-bimobject: "\f378";
@fa-var-binoculars: "\f1e5";
@fa-var-birthday-cake: "\f1fd";
@fa-var-bitbucket: "\f171";
@fa-var-bitcoin: "\f379";
@fa-var-bity: "\f37a";
@fa-var-black-tie: "\f27e";
@fa-var-blackberry: "\f37b";
@fa-var-blind: "\f29d";
@fa-var-blogger: "\f37c";
@fa-var-blogger-b: "\f37d";
@fa-var-bluetooth: "\f293";
@fa-var-bluetooth-b: "\f294";
@fa-var-bold: "\f032";
@fa-var-bolt: "\f0e7";
@fa-var-bomb: "\f1e2";
@fa-var-book: "\f02d";
@fa-var-bookmark: "\f02e";
@fa-var-bowling-ball: "\f436";
@fa-var-braille: "\f2a1";
@fa-var-briefcase: "\f0b1";
@fa-var-btc: "\f15a";
@fa-var-bug: "\f188";
@fa-var-building: "\f1ad";
@fa-var-bullhorn: "\f0a1";
@fa-var-bullseye: "\f140";
@fa-var-buromobelexperte: "\f37f";
@fa-var-bus: "\f207";
@fa-var-buysellads: "\f20d";
@fa-var-calculator: "\f1ec";
@fa-var-calendar: "\f133";
@fa-var-calendar-alt: "\f073";
@fa-var-calendar-check: "\f274";
@fa-var-calendar-minus: "\f272";
@fa-var-calendar-plus: "\f271";
@fa-var-calendar-times: "\f273";
@fa-var-camera: "\f030";
@fa-var-camera-retro: "\f083";
@fa-var-car: "\f1b9";
@fa-var-caret-down: "\f0d7";
@fa-var-caret-left: "\f0d9";
@fa-var-caret-right: "\f0da";
@fa-var-caret-square-down: "\f150";
@fa-var-caret-square-left: "\f191";
@fa-var-caret-square-right: "\f152";
@fa-var-caret-square-up: "\f151";
@fa-var-caret-up: "\f0d8";
@fa-var-cart-arrow-down: "\f218";
@fa-var-cart-plus: "\f217";
@fa-var-cc-amazon-pay: "\f42d";
@fa-var-cc-amex: "\f1f3";
@fa-var-cc-apple-pay: "\f416";
@fa-var-cc-diners-club: "\f24c";
@fa-var-cc-discover: "\f1f2";
@fa-var-cc-jcb: "\f24b";
@fa-var-cc-mastercard: "\f1f1";
@fa-var-cc-paypal: "\f1f4";
@fa-var-cc-stripe: "\f1f5";
@fa-var-cc-visa: "\f1f0";
@fa-var-centercode: "\f380";
@fa-var-certificate: "\f0a3";
@fa-var-chart-area: "\f1fe";
@fa-var-chart-bar: "\f080";
@fa-var-chart-line: "\f201";
@fa-var-chart-pie: "\f200";
@fa-var-check: "\f00c";
@fa-var-check-circle: "\f058";
@fa-var-check-square: "\f14a";
@fa-var-chess: "\f439";
@fa-var-chess-bishop: "\f43a";
@fa-var-chess-board: "\f43c";
@fa-var-chess-king: "\f43f";
@fa-var-chess-knight: "\f441";
@fa-var-chess-pawn: "\f443";
@fa-var-chess-queen: "\f445";
@fa-var-chess-rook: "\f447";
@fa-var-chevron-circle-down: "\f13a";
@fa-var-chevron-circle-left: "\f137";
@fa-var-chevron-circle-right: "\f138";
@fa-var-chevron-circle-up: "\f139";
@fa-var-chevron-down: "\f078";
@fa-var-chevron-left: "\f053";
@fa-var-chevron-right: "\f054";
@fa-var-chevron-up: "\f077";
@fa-var-child: "\f1ae";
@fa-var-chrome: "\f268";
@fa-var-circle: "\f111";
@fa-var-circle-notch: "\f1ce";
@fa-var-clipboard: "\f328";
@fa-var-clock: "\f017";
@fa-var-clone: "\f24d";
@fa-var-closed-captioning: "\f20a";
@fa-var-cloud: "\f0c2";
@fa-var-cloud-download-alt: "\f381";
@fa-var-cloud-upload-alt: "\f382";
@fa-var-cloudscale: "\f383";
@fa-var-cloudsmith: "\f384";
@fa-var-cloudversify: "\f385";
@fa-var-code: "\f121";
@fa-var-code-branch: "\f126";
@fa-var-codepen: "\f1cb";
@fa-var-codiepie: "\f284";
@fa-var-coffee: "\f0f4";
@fa-var-cog: "\f013";
@fa-var-cogs: "\f085";
@fa-var-columns: "\f0db";
@fa-var-comment: "\f075";
@fa-var-comment-alt: "\f27a";
@fa-var-comments: "\f086";
@fa-var-compass: "\f14e";
@fa-var-compress: "\f066";
@fa-var-connectdevelop: "\f20e";
@fa-var-contao: "\f26d";
@fa-var-copy: "\f0c5";
@fa-var-copyright: "\f1f9";
@fa-var-cpanel: "\f388";
@fa-var-creative-commons: "\f25e";
@fa-var-credit-card: "\f09d";
@fa-var-crop: "\f125";
@fa-var-crosshairs: "\f05b";
@fa-var-css3: "\f13c";
@fa-var-css3-alt: "\f38b";
@fa-var-cube: "\f1b2";
@fa-var-cubes: "\f1b3";
@fa-var-cut: "\f0c4";
@fa-var-cuttlefish: "\f38c";
@fa-var-d-and-d: "\f38d";
@fa-var-dashcube: "\f210";
@fa-var-database: "\f1c0";
@fa-var-deaf: "\f2a4";
@fa-var-delicious: "\f1a5";
@fa-var-deploydog: "\f38e";
@fa-var-deskpro: "\f38f";
@fa-var-desktop: "\f108";
@fa-var-deviantart: "\f1bd";
@fa-var-digg: "\f1a6";
@fa-var-digital-ocean: "\f391";
@fa-var-discord: "\f392";
@fa-var-discourse: "\f393";
@fa-var-dochub: "\f394";
@fa-var-docker: "\f395";
@fa-var-dollar-sign: "\f155";
@fa-var-dot-circle: "\f192";
@fa-var-download: "\f019";
@fa-var-draft2digital: "\f396";
@fa-var-dribbble: "\f17d";
@fa-var-dribbble-square: "\f397";
@fa-var-dropbox: "\f16b";
@fa-var-drupal: "\f1a9";
@fa-var-dyalog: "\f399";
@fa-var-earlybirds: "\f39a";
@fa-var-edge: "\f282";
@fa-var-edit: "\f044";
@fa-var-eject: "\f052";
@fa-var-elementor: "\f430";
@fa-var-ellipsis-h: "\f141";
@fa-var-ellipsis-v: "\f142";
@fa-var-ember: "\f423";
@fa-var-empire: "\f1d1";
@fa-var-envelope: "\f0e0";
@fa-var-envelope-open: "\f2b6";
@fa-var-envelope-square: "\f199";
@fa-var-envira: "\f299";
@fa-var-eraser: "\f12d";
@fa-var-erlang: "\f39d";
@fa-var-ethereum: "\f42e";
@fa-var-etsy: "\f2d7";
@fa-var-euro-sign: "\f153";
@fa-var-exchange-alt: "\f362";
@fa-var-exclamation: "\f12a";
@fa-var-exclamation-circle: "\f06a";
@fa-var-exclamation-triangle: "\f071";
@fa-var-expand: "\f065";
@fa-var-expand-arrows-alt: "\f31e";
@fa-var-expeditedssl: "\f23e";
@fa-var-external-link-alt: "\f35d";
@fa-var-external-link-square-alt: "\f360";
@fa-var-eye: "\f06e";
@fa-var-eye-dropper: "\f1fb";
@fa-var-eye-slash: "\f070";
@fa-var-facebook: "\f09a";
@fa-var-facebook-f: "\f39e";
@fa-var-facebook-messenger: "\f39f";
@fa-var-facebook-square: "\f082";
@fa-var-fast-backward: "\f049";
@fa-var-fast-forward: "\f050";
@fa-var-fax: "\f1ac";
@fa-var-female: "\f182";
@fa-var-fighter-jet: "\f0fb";
@fa-var-file: "\f15b";
@fa-var-file-alt: "\f15c";
@fa-var-file-archive: "\f1c6";
@fa-var-file-audio: "\f1c7";
@fa-var-file-code: "\f1c9";
@fa-var-file-excel: "\f1c3";
@fa-var-file-image: "\f1c5";
@fa-var-file-pdf: "\f1c1";
@fa-var-file-powerpoint: "\f1c4";
@fa-var-file-video: "\f1c8";
@fa-var-file-word: "\f1c2";
@fa-var-film: "\f008";
@fa-var-filter: "\f0b0";
@fa-var-fire: "\f06d";
@fa-var-fire-extinguisher: "\f134";
@fa-var-firefox: "\f269";
@fa-var-first-order: "\f2b0";
@fa-var-firstdraft: "\f3a1";
@fa-var-flag: "\f024";
@fa-var-flag-checkered: "\f11e";
@fa-var-flask: "\f0c3";
@fa-var-flickr: "\f16e";
@fa-var-flipboard: "\f44d";
@fa-var-fly: "\f417";
@fa-var-folder: "\f07b";
@fa-var-folder-open: "\f07c";
@fa-var-font: "\f031";
@fa-var-font-awesome: "\f2b4";
@fa-var-font-awesome-alt: "\f35c";
@fa-var-font-awesome-flag: "\f425";
@fa-var-fonticons: "\f280";
@fa-var-fonticons-fi: "\f3a2";
@fa-var-football-ball: "\f44e";
@fa-var-fort-awesome: "\f286";
@fa-var-fort-awesome-alt: "\f3a3";
@fa-var-forumbee: "\f211";
@fa-var-forward: "\f04e";
@fa-var-foursquare: "\f180";
@fa-var-free-code-camp: "\f2c5";
@fa-var-freebsd: "\f3a4";
@fa-var-frown: "\f119";
@fa-var-futbol: "\f1e3";
@fa-var-gamepad: "\f11b";
@fa-var-gavel: "\f0e3";
@fa-var-gem: "\f3a5";
@fa-var-genderless: "\f22d";
@fa-var-get-pocket: "\f265";
@fa-var-gg: "\f260";
@fa-var-gg-circle: "\f261";
@fa-var-gift: "\f06b";
@fa-var-git: "\f1d3";
@fa-var-git-square: "\f1d2";
@fa-var-github: "\f09b";
@fa-var-github-alt: "\f113";
@fa-var-github-square: "\f092";
@fa-var-gitkraken: "\f3a6";
@fa-var-gitlab: "\f296";
@fa-var-gitter: "\f426";
@fa-var-glass-martini: "\f000";
@fa-var-glide: "\f2a5";
@fa-var-glide-g: "\f2a6";
@fa-var-globe: "\f0ac";
@fa-var-gofore: "\f3a7";
@fa-var-golf-ball: "\f450";
@fa-var-goodreads: "\f3a8";
@fa-var-goodreads-g: "\f3a9";
@fa-var-google: "\f1a0";
@fa-var-google-drive: "\f3aa";
@fa-var-google-play: "\f3ab";
@fa-var-google-plus: "\f2b3";
@fa-var-google-plus-g: "\f0d5";
@fa-var-google-plus-square: "\f0d4";
@fa-var-google-wallet: "\f1ee";
@fa-var-graduation-cap: "\f19d";
@fa-var-gratipay: "\f184";
@fa-var-grav: "\f2d6";
@fa-var-gripfire: "\f3ac";
@fa-var-grunt: "\f3ad";
@fa-var-gulp: "\f3ae";
@fa-var-h-square: "\f0fd";
@fa-var-hacker-news: "\f1d4";
@fa-var-hacker-news-square: "\f3af";
@fa-var-hand-lizard: "\f258";
@fa-var-hand-paper: "\f256";
@fa-var-hand-peace: "\f25b";
@fa-var-hand-point-down: "\f0a7";
@fa-var-hand-point-left: "\f0a5";
@fa-var-hand-point-right: "\f0a4";
@fa-var-hand-point-up: "\f0a6";
@fa-var-hand-pointer: "\f25a";
@fa-var-hand-rock: "\f255";
@fa-var-hand-scissors: "\f257";
@fa-var-hand-spock: "\f259";
@fa-var-handshake: "\f2b5";
@fa-var-hashtag: "\f292";
@fa-var-hdd: "\f0a0";
@fa-var-heading: "\f1dc";
@fa-var-headphones: "\f025";
@fa-var-heart: "\f004";
@fa-var-heartbeat: "\f21e";
@fa-var-hips: "\f452";
@fa-var-hire-a-helper: "\f3b0";
@fa-var-history: "\f1da";
@fa-var-hockey-puck: "\f453";
@fa-var-home: "\f015";
@fa-var-hooli: "\f427";
@fa-var-hospital: "\f0f8";
@fa-var-hotjar: "\f3b1";
@fa-var-hourglass: "\f254";
@fa-var-hourglass-end: "\f253";
@fa-var-hourglass-half: "\f252";
@fa-var-hourglass-start: "\f251";
@fa-var-houzz: "\f27c";
@fa-var-html5: "\f13b";
@fa-var-hubspot: "\f3b2";
@fa-var-i-cursor: "\f246";
@fa-var-id-badge: "\f2c1";
@fa-var-id-card: "\f2c2";
@fa-var-image: "\f03e";
@fa-var-images: "\f302";
@fa-var-imdb: "\f2d8";
@fa-var-inbox: "\f01c";
@fa-var-indent: "\f03c";
@fa-var-industry: "\f275";
@fa-var-info: "\f129";
@fa-var-info-circle: "\f05a";
@fa-var-instagram: "\f16d";
@fa-var-internet-explorer: "\f26b";
@fa-var-ioxhost: "\f208";
@fa-var-italic: "\f033";
@fa-var-itunes: "\f3b4";
@fa-var-itunes-note: "\f3b5";
@fa-var-jenkins: "\f3b6";
@fa-var-joget: "\f3b7";
@fa-var-joomla: "\f1aa";
@fa-var-js: "\f3b8";
@fa-var-js-square: "\f3b9";
@fa-var-jsfiddle: "\f1cc";
@fa-var-key: "\f084";
@fa-var-keyboard: "\f11c";
@fa-var-keycdn: "\f3ba";
@fa-var-kickstarter: "\f3bb";
@fa-var-kickstarter-k: "\f3bc";
@fa-var-korvue: "\f42f";
@fa-var-language: "\f1ab";
@fa-var-laptop: "\f109";
@fa-var-laravel: "\f3bd";
@fa-var-lastfm: "\f202";
@fa-var-lastfm-square: "\f203";
@fa-var-leaf: "\f06c";
@fa-var-leanpub: "\f212";
@fa-var-lemon: "\f094";
@fa-var-less: "\f41d";
@fa-var-level-down-alt: "\f3be";
@fa-var-level-up-alt: "\f3bf";
@fa-var-life-ring: "\f1cd";
@fa-var-lightbulb: "\f0eb";
@fa-var-line: "\f3c0";
@fa-var-link: "\f0c1";
@fa-var-linkedin: "\f08c";
@fa-var-linkedin-in: "\f0e1";
@fa-var-linode: "\f2b8";
@fa-var-linux: "\f17c";
@fa-var-lira-sign: "\f195";
@fa-var-list: "\f03a";
@fa-var-list-alt: "\f022";
@fa-var-list-ol: "\f0cb";
@fa-var-list-ul: "\f0ca";
@fa-var-location-arrow: "\f124";
@fa-var-lock: "\f023";
@fa-var-lock-open: "\f3c1";
@fa-var-long-arrow-alt-down: "\f309";
@fa-var-long-arrow-alt-left: "\f30a";
@fa-var-long-arrow-alt-right: "\f30b";
@fa-var-long-arrow-alt-up: "\f30c";
@fa-var-low-vision: "\f2a8";
@fa-var-lyft: "\f3c3";
@fa-var-magento: "\f3c4";
@fa-var-magic: "\f0d0";
@fa-var-magnet: "\f076";
@fa-var-male: "\f183";
@fa-var-map: "\f279";
@fa-var-map-marker: "\f041";
@fa-var-map-marker-alt: "\f3c5";
@fa-var-map-pin: "\f276";
@fa-var-map-signs: "\f277";
@fa-var-mars: "\f222";
@fa-var-mars-double: "\f227";
@fa-var-mars-stroke: "\f229";
@fa-var-mars-stroke-h: "\f22b";
@fa-var-mars-stroke-v: "\f22a";
@fa-var-maxcdn: "\f136";
@fa-var-medapps: "\f3c6";
@fa-var-medium: "\f23a";
@fa-var-medium-m: "\f3c7";
@fa-var-medkit: "\f0fa";
@fa-var-medrt: "\f3c8";
@fa-var-meetup: "\f2e0";
@fa-var-meh: "\f11a";
@fa-var-mercury: "\f223";
@fa-var-microchip: "\f2db";
@fa-var-microphone: "\f130";
@fa-var-microphone-slash: "\f131";
@fa-var-microsoft: "\f3ca";
@fa-var-minus: "\f068";
@fa-var-minus-circle: "\f056";
@fa-var-minus-square: "\f146";
@fa-var-mix: "\f3cb";
@fa-var-mixcloud: "\f289";
@fa-var-mizuni: "\f3cc";
@fa-var-mobile: "\f10b";
@fa-var-mobile-alt: "\f3cd";
@fa-var-modx: "\f285";
@fa-var-monero: "\f3d0";
@fa-var-money-bill-alt: "\f3d1";
@fa-var-moon: "\f186";
@fa-var-motorcycle: "\f21c";
@fa-var-mouse-pointer: "\f245";
@fa-var-music: "\f001";
@fa-var-napster: "\f3d2";
@fa-var-neuter: "\f22c";
@fa-var-newspaper: "\f1ea";
@fa-var-nintendo-switch: "\f418";
@fa-var-node: "\f419";
@fa-var-node-js: "\f3d3";
@fa-var-npm: "\f3d4";
@fa-var-ns8: "\f3d5";
@fa-var-nutritionix: "\f3d6";
@fa-var-object-group: "\f247";
@fa-var-object-ungroup: "\f248";
@fa-var-odnoklassniki: "\f263";
@fa-var-odnoklassniki-square: "\f264";
@fa-var-opencart: "\f23d";
@fa-var-openid: "\f19b";
@fa-var-opera: "\f26a";
@fa-var-optin-monster: "\f23c";
@fa-var-osi: "\f41a";
@fa-var-outdent: "\f03b";
@fa-var-page4: "\f3d7";
@fa-var-pagelines: "\f18c";
@fa-var-paint-brush: "\f1fc";
@fa-var-palfed: "\f3d8";
@fa-var-paper-plane: "\f1d8";
@fa-var-paperclip: "\f0c6";
@fa-var-paragraph: "\f1dd";
@fa-var-paste: "\f0ea";
@fa-var-patreon: "\f3d9";
@fa-var-pause: "\f04c";
@fa-var-pause-circle: "\f28b";
@fa-var-paw: "\f1b0";
@fa-var-paypal: "\f1ed";
@fa-var-pen-square: "\f14b";
@fa-var-pencil-alt: "\f303";
@fa-var-percent: "\f295";
@fa-var-periscope: "\f3da";
@fa-var-phabricator: "\f3db";
@fa-var-phoenix-framework: "\f3dc";
@fa-var-phone: "\f095";
@fa-var-phone-square: "\f098";
@fa-var-phone-volume: "\f2a0";
@fa-var-php: "\f457";
@fa-var-pied-piper: "\f2ae";
@fa-var-pied-piper-alt: "\f1a8";
@fa-var-pied-piper-pp: "\f1a7";
@fa-var-pinterest: "\f0d2";
@fa-var-pinterest-p: "\f231";
@fa-var-pinterest-square: "\f0d3";
@fa-var-plane: "\f072";
@fa-var-play: "\f04b";
@fa-var-play-circle: "\f144";
@fa-var-playstation: "\f3df";
@fa-var-plug: "\f1e6";
@fa-var-plus: "\f067";
@fa-var-plus-circle: "\f055";
@fa-var-plus-square: "\f0fe";
@fa-var-podcast: "\f2ce";
@fa-var-pound-sign: "\f154";
@fa-var-power-off: "\f011";
@fa-var-print: "\f02f";
@fa-var-product-hunt: "\f288";
@fa-var-pushed: "\f3e1";
@fa-var-puzzle-piece: "\f12e";
@fa-var-python: "\f3e2";
@fa-var-qq: "\f1d6";
@fa-var-qrcode: "\f029";
@fa-var-question: "\f128";
@fa-var-question-circle: "\f059";
@fa-var-quidditch: "\f458";
@fa-var-quinscape: "\f459";
@fa-var-quora: "\f2c4";
@fa-var-quote-left: "\f10d";
@fa-var-quote-right: "\f10e";
@fa-var-random: "\f074";
@fa-var-ravelry: "\f2d9";
@fa-var-react: "\f41b";
@fa-var-rebel: "\f1d0";
@fa-var-recycle: "\f1b8";
@fa-var-red-river: "\f3e3";
@fa-var-reddit: "\f1a1";
@fa-var-reddit-alien: "\f281";
@fa-var-reddit-square: "\f1a2";
@fa-var-redo: "\f01e";
@fa-var-redo-alt: "\f2f9";
@fa-var-registered: "\f25d";
@fa-var-rendact: "\f3e4";
@fa-var-renren: "\f18b";
@fa-var-reply: "\f3e5";
@fa-var-reply-all: "\f122";
@fa-var-replyd: "\f3e6";
@fa-var-resolving: "\f3e7";
@fa-var-retweet: "\f079";
@fa-var-road: "\f018";
@fa-var-rocket: "\f135";
@fa-var-rocketchat: "\f3e8";
@fa-var-rockrms: "\f3e9";
@fa-var-rss: "\f09e";
@fa-var-rss-square: "\f143";
@fa-var-ruble-sign: "\f158";
@fa-var-rupee-sign: "\f156";
@fa-var-safari: "\f267";
@fa-var-sass: "\f41e";
@fa-var-save: "\f0c7";
@fa-var-schlix: "\f3ea";
@fa-var-scribd: "\f28a";
@fa-var-search: "\f002";
@fa-var-search-minus: "\f010";
@fa-var-search-plus: "\f00e";
@fa-var-searchengin: "\f3eb";
@fa-var-sellcast: "\f2da";
@fa-var-sellsy: "\f213";
@fa-var-server: "\f233";
@fa-var-servicestack: "\f3ec";
@fa-var-share: "\f064";
@fa-var-share-alt: "\f1e0";
@fa-var-share-alt-square: "\f1e1";
@fa-var-share-square: "\f14d";
@fa-var-shekel-sign: "\f20b";
@fa-var-shield-alt: "\f3ed";
@fa-var-ship: "\f21a";
@fa-var-shirtsinbulk: "\f214";
@fa-var-shopping-bag: "\f290";
@fa-var-shopping-basket: "\f291";
@fa-var-shopping-cart: "\f07a";
@fa-var-shower: "\f2cc";
@fa-var-sign-in-alt: "\f2f6";
@fa-var-sign-language: "\f2a7";
@fa-var-sign-out-alt: "\f2f5";
@fa-var-signal: "\f012";
@fa-var-simplybuilt: "\f215";
@fa-var-sistrix: "\f3ee";
@fa-var-sitemap: "\f0e8";
@fa-var-skyatlas: "\f216";
@fa-var-skype: "\f17e";
@fa-var-slack: "\f198";
@fa-var-slack-hash: "\f3ef";
@fa-var-sliders-h: "\f1de";
@fa-var-slideshare: "\f1e7";
@fa-var-smile: "\f118";
@fa-var-snapchat: "\f2ab";
@fa-var-snapchat-ghost: "\f2ac";
@fa-var-snapchat-square: "\f2ad";
@fa-var-snowflake: "\f2dc";
@fa-var-sort: "\f0dc";
@fa-var-sort-alpha-down: "\f15d";
@fa-var-sort-alpha-up: "\f15e";
@fa-var-sort-amount-down: "\f160";
@fa-var-sort-amount-up: "\f161";
@fa-var-sort-down: "\f0dd";
@fa-var-sort-numeric-down: "\f162";
@fa-var-sort-numeric-up: "\f163";
@fa-var-sort-up: "\f0de";
@fa-var-soundcloud: "\f1be";
@fa-var-space-shuttle: "\f197";
@fa-var-speakap: "\f3f3";
@fa-var-spinner: "\f110";
@fa-var-spotify: "\f1bc";
@fa-var-square: "\f0c8";
@fa-var-square-full: "\f45c";
@fa-var-stack-exchange: "\f18d";
@fa-var-stack-overflow: "\f16c";
@fa-var-star: "\f005";
@fa-var-star-half: "\f089";
@fa-var-staylinked: "\f3f5";
@fa-var-steam: "\f1b6";
@fa-var-steam-square: "\f1b7";
@fa-var-steam-symbol: "\f3f6";
@fa-var-step-backward: "\f048";
@fa-var-step-forward: "\f051";
@fa-var-stethoscope: "\f0f1";
@fa-var-sticker-mule: "\f3f7";
@fa-var-sticky-note: "\f249";
@fa-var-stop: "\f04d";
@fa-var-stop-circle: "\f28d";
@fa-var-stopwatch: "\f2f2";
@fa-var-strava: "\f428";
@fa-var-street-view: "\f21d";
@fa-var-strikethrough: "\f0cc";
@fa-var-stripe: "\f429";
@fa-var-stripe-s: "\f42a";
@fa-var-studiovinari: "\f3f8";
@fa-var-stumbleupon: "\f1a4";
@fa-var-stumbleupon-circle: "\f1a3";
@fa-var-subscript: "\f12c";
@fa-var-subway: "\f239";
@fa-var-suitcase: "\f0f2";
@fa-var-sun: "\f185";
@fa-var-superpowers: "\f2dd";
@fa-var-superscript: "\f12b";
@fa-var-supple: "\f3f9";
@fa-var-sync: "\f021";
@fa-var-sync-alt: "\f2f1";
@fa-var-table: "\f0ce";
@fa-var-table-tennis: "\f45d";
@fa-var-tablet: "\f10a";
@fa-var-tablet-alt: "\f3fa";
@fa-var-tachometer-alt: "\f3fd";
@fa-var-tag: "\f02b";
@fa-var-tags: "\f02c";
@fa-var-tasks: "\f0ae";
@fa-var-taxi: "\f1ba";
@fa-var-telegram: "\f2c6";
@fa-var-telegram-plane: "\f3fe";
@fa-var-tencent-weibo: "\f1d5";
@fa-var-terminal: "\f120";
@fa-var-text-height: "\f034";
@fa-var-text-width: "\f035";
@fa-var-th: "\f00a";
@fa-var-th-large: "\f009";
@fa-var-th-list: "\f00b";
@fa-var-themeisle: "\f2b2";
@fa-var-thermometer-empty: "\f2cb";
@fa-var-thermometer-full: "\f2c7";
@fa-var-thermometer-half: "\f2c9";
@fa-var-thermometer-quarter: "\f2ca";
@fa-var-thermometer-three-quarters: "\f2c8";
@fa-var-thumbs-down: "\f165";
@fa-var-thumbs-up: "\f164";
@fa-var-thumbtack: "\f08d";
@fa-var-ticket-alt: "\f3ff";
@fa-var-times: "\f00d";
@fa-var-times-circle: "\f057";
@fa-var-tint: "\f043";
@fa-var-toggle-off: "\f204";
@fa-var-toggle-on: "\f205";
@fa-var-trademark: "\f25c";
@fa-var-train: "\f238";
@fa-var-transgender: "\f224";
@fa-var-transgender-alt: "\f225";
@fa-var-trash: "\f1f8";
@fa-var-trash-alt: "\f2ed";
@fa-var-tree: "\f1bb";
@fa-var-trello: "\f181";
@fa-var-tripadvisor: "\f262";
@fa-var-trophy: "\f091";
@fa-var-truck: "\f0d1";
@fa-var-tty: "\f1e4";
@fa-var-tumblr: "\f173";
@fa-var-tumblr-square: "\f174";
@fa-var-tv: "\f26c";
@fa-var-twitch: "\f1e8";
@fa-var-twitter: "\f099";
@fa-var-twitter-square: "\f081";
@fa-var-typo3: "\f42b";
@fa-var-uber: "\f402";
@fa-var-uikit: "\f403";
@fa-var-umbrella: "\f0e9";
@fa-var-underline: "\f0cd";
@fa-var-undo: "\f0e2";
@fa-var-undo-alt: "\f2ea";
@fa-var-uniregistry: "\f404";
@fa-var-universal-access: "\f29a";
@fa-var-university: "\f19c";
@fa-var-unlink: "\f127";
@fa-var-unlock: "\f09c";
@fa-var-unlock-alt: "\f13e";
@fa-var-untappd: "\f405";
@fa-var-upload: "\f093";
@fa-var-usb: "\f287";
@fa-var-user: "\f007";
@fa-var-user-circle: "\f2bd";
@fa-var-user-md: "\f0f0";
@fa-var-user-plus: "\f234";
@fa-var-user-secret: "\f21b";
@fa-var-user-times: "\f235";
@fa-var-users: "\f0c0";
@fa-var-ussunnah: "\f407";
@fa-var-utensil-spoon: "\f2e5";
@fa-var-utensils: "\f2e7";
@fa-var-vaadin: "\f408";
@fa-var-venus: "\f221";
@fa-var-venus-double: "\f226";
@fa-var-venus-mars: "\f228";
@fa-var-viacoin: "\f237";
@fa-var-viadeo: "\f2a9";
@fa-var-viadeo-square: "\f2aa";
@fa-var-viber: "\f409";
@fa-var-video: "\f03d";
@fa-var-vimeo: "\f40a";
@fa-var-vimeo-square: "\f194";
@fa-var-vimeo-v: "\f27d";
@fa-var-vine: "\f1ca";
@fa-var-vk: "\f189";
@fa-var-vnv: "\f40b";
@fa-var-volleyball-ball: "\f45f";
@fa-var-volume-down: "\f027";
@fa-var-volume-off: "\f026";
@fa-var-volume-up: "\f028";
@fa-var-vuejs: "\f41f";
@fa-var-weibo: "\f18a";
@fa-var-weixin: "\f1d7";
@fa-var-whatsapp: "\f232";
@fa-var-whatsapp-square: "\f40c";
@fa-var-wheelchair: "\f193";
@fa-var-whmcs: "\f40d";
@fa-var-wifi: "\f1eb";
@fa-var-wikipedia-w: "\f266";
@fa-var-window-close: "\f410";
@fa-var-window-maximize: "\f2d0";
@fa-var-window-minimize: "\f2d1";
@fa-var-window-restore: "\f2d2";
@fa-var-windows: "\f17a";
@fa-var-won-sign: "\f159";
@fa-var-wordpress: "\f19a";
@fa-var-wordpress-simple: "\f411";
@fa-var-wpbeginner: "\f297";
@fa-var-wpexplorer: "\f2de";
@fa-var-wpforms: "\f298";
@fa-var-wrench: "\f0ad";
@fa-var-xbox: "\f412";
@fa-var-xing: "\f168";
@fa-var-xing-square: "\f169";
@fa-var-y-combinator: "\f23b";
@fa-var-yahoo: "\f19e";
@fa-var-yandex: "\f413";
@fa-var-yandex-international: "\f414";
@fa-var-yelp: "\f1e9";
@fa-var-yen-sign: "\f157";
@fa-var-yoast: "\f2b1";
@fa-var-youtube: "\f167";
@fa-var-youtube-square: "\f431";

View File

@@ -1,21 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@import "_variables.less";
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
src: url('@{fa-font-path}/fa-brands-400.eot');
src: url('@{fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
url('@{fa-font-path}/fa-brands-400.woff2') format('woff2'),
url('@{fa-font-path}/fa-brands-400.woff') format('woff'),
url('@{fa-font-path}/fa-brands-400.ttf') format('truetype'),
url('@{fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
}
.fab {
font-family: 'Font Awesome 5 Brands';
}

View File

@@ -1,22 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@import "_variables.less";
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
src: url('@{fa-font-path}/fa-regular-400.eot');
src: url('@{fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
url('@{fa-font-path}/fa-regular-400.woff2') format('woff2'),
url('@{fa-font-path}/fa-regular-400.woff') format('woff'),
url('@{fa-font-path}/fa-regular-400.ttf') format('truetype'),
url('@{fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
}
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}

View File

@@ -1,23 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@import "_variables.less";
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
src: url('@{fa-font-path}/fa-solid-900.eot');
src: url('@{fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
url('@{fa-font-path}/fa-solid-900.woff2') format('woff2'),
url('@{fa-font-path}/fa-solid-900.woff') format('woff'),
url('@{fa-font-path}/fa-solid-900.ttf') format('truetype'),
url('@{fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
}
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

View File

@@ -1,16 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@import "_variables.less";
@import "_mixins.less";
@import "_core.less";
@import "_larger.less";
@import "_fixed-width.less";
@import "_list.less";
@import "_bordered-pulled.less";
@import "_animated.less";
@import "_rotated-flipped.less";
@import "_stacked.less";
@import "_icons.less";
@import "_screen-reader.less";

View File

@@ -1,20 +0,0 @@
// Animated Icons
// --------------------------
.#{$fa-css-prefix}-spin {
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

View File

@@ -1,20 +0,0 @@
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
border: solid .08em $fa-border-color;
border-radius: .1em;
padding: .2em .25em .15em;
}
.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }
.#{$fa-css-prefix},
.fas,
.far,
.fal,
.fab {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}

View File

@@ -1,16 +0,0 @@
// Base Class Definition
// -------------------------
.#{$fa-css-prefix},
.fas,
.far,
.fal,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}

View File

@@ -1,6 +0,0 @@
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
text-align: center;
width: (20em / 16);
}

View File

@@ -1,816 +0,0 @@
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.#{$fa-css-prefix}-500px:before { content: fa-content($fa-var-500px); }
.#{$fa-css-prefix}-accessible-icon:before { content: fa-content($fa-var-accessible-icon); }
.#{$fa-css-prefix}-accusoft:before { content: fa-content($fa-var-accusoft); }
.#{$fa-css-prefix}-address-book:before { content: fa-content($fa-var-address-book); }
.#{$fa-css-prefix}-address-card:before { content: fa-content($fa-var-address-card); }
.#{$fa-css-prefix}-adjust:before { content: fa-content($fa-var-adjust); }
.#{$fa-css-prefix}-adn:before { content: fa-content($fa-var-adn); }
.#{$fa-css-prefix}-adversal:before { content: fa-content($fa-var-adversal); }
.#{$fa-css-prefix}-affiliatetheme:before { content: fa-content($fa-var-affiliatetheme); }
.#{$fa-css-prefix}-algolia:before { content: fa-content($fa-var-algolia); }
.#{$fa-css-prefix}-align-center:before { content: fa-content($fa-var-align-center); }
.#{$fa-css-prefix}-align-justify:before { content: fa-content($fa-var-align-justify); }
.#{$fa-css-prefix}-align-left:before { content: fa-content($fa-var-align-left); }
.#{$fa-css-prefix}-align-right:before { content: fa-content($fa-var-align-right); }
.#{$fa-css-prefix}-amazon:before { content: fa-content($fa-var-amazon); }
.#{$fa-css-prefix}-amazon-pay:before { content: fa-content($fa-var-amazon-pay); }
.#{$fa-css-prefix}-ambulance:before { content: fa-content($fa-var-ambulance); }
.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: fa-content($fa-var-american-sign-language-interpreting); }
.#{$fa-css-prefix}-amilia:before { content: fa-content($fa-var-amilia); }
.#{$fa-css-prefix}-anchor:before { content: fa-content($fa-var-anchor); }
.#{$fa-css-prefix}-android:before { content: fa-content($fa-var-android); }
.#{$fa-css-prefix}-angellist:before { content: fa-content($fa-var-angellist); }
.#{$fa-css-prefix}-angle-double-down:before { content: fa-content($fa-var-angle-double-down); }
.#{$fa-css-prefix}-angle-double-left:before { content: fa-content($fa-var-angle-double-left); }
.#{$fa-css-prefix}-angle-double-right:before { content: fa-content($fa-var-angle-double-right); }
.#{$fa-css-prefix}-angle-double-up:before { content: fa-content($fa-var-angle-double-up); }
.#{$fa-css-prefix}-angle-down:before { content: fa-content($fa-var-angle-down); }
.#{$fa-css-prefix}-angle-left:before { content: fa-content($fa-var-angle-left); }
.#{$fa-css-prefix}-angle-right:before { content: fa-content($fa-var-angle-right); }
.#{$fa-css-prefix}-angle-up:before { content: fa-content($fa-var-angle-up); }
.#{$fa-css-prefix}-angrycreative:before { content: fa-content($fa-var-angrycreative); }
.#{$fa-css-prefix}-angular:before { content: fa-content($fa-var-angular); }
.#{$fa-css-prefix}-app-store:before { content: fa-content($fa-var-app-store); }
.#{$fa-css-prefix}-app-store-ios:before { content: fa-content($fa-var-app-store-ios); }
.#{$fa-css-prefix}-apper:before { content: fa-content($fa-var-apper); }
.#{$fa-css-prefix}-apple:before { content: fa-content($fa-var-apple); }
.#{$fa-css-prefix}-apple-pay:before { content: fa-content($fa-var-apple-pay); }
.#{$fa-css-prefix}-archive:before { content: fa-content($fa-var-archive); }
.#{$fa-css-prefix}-arrow-alt-circle-down:before { content: fa-content($fa-var-arrow-alt-circle-down); }
.#{$fa-css-prefix}-arrow-alt-circle-left:before { content: fa-content($fa-var-arrow-alt-circle-left); }
.#{$fa-css-prefix}-arrow-alt-circle-right:before { content: fa-content($fa-var-arrow-alt-circle-right); }
.#{$fa-css-prefix}-arrow-alt-circle-up:before { content: fa-content($fa-var-arrow-alt-circle-up); }
.#{$fa-css-prefix}-arrow-circle-down:before { content: fa-content($fa-var-arrow-circle-down); }
.#{$fa-css-prefix}-arrow-circle-left:before { content: fa-content($fa-var-arrow-circle-left); }
.#{$fa-css-prefix}-arrow-circle-right:before { content: fa-content($fa-var-arrow-circle-right); }
.#{$fa-css-prefix}-arrow-circle-up:before { content: fa-content($fa-var-arrow-circle-up); }
.#{$fa-css-prefix}-arrow-down:before { content: fa-content($fa-var-arrow-down); }
.#{$fa-css-prefix}-arrow-left:before { content: fa-content($fa-var-arrow-left); }
.#{$fa-css-prefix}-arrow-right:before { content: fa-content($fa-var-arrow-right); }
.#{$fa-css-prefix}-arrow-up:before { content: fa-content($fa-var-arrow-up); }
.#{$fa-css-prefix}-arrows-alt:before { content: fa-content($fa-var-arrows-alt); }
.#{$fa-css-prefix}-arrows-alt-h:before { content: fa-content($fa-var-arrows-alt-h); }
.#{$fa-css-prefix}-arrows-alt-v:before { content: fa-content($fa-var-arrows-alt-v); }
.#{$fa-css-prefix}-assistive-listening-systems:before { content: fa-content($fa-var-assistive-listening-systems); }
.#{$fa-css-prefix}-asterisk:before { content: fa-content($fa-var-asterisk); }
.#{$fa-css-prefix}-asymmetrik:before { content: fa-content($fa-var-asymmetrik); }
.#{$fa-css-prefix}-at:before { content: fa-content($fa-var-at); }
.#{$fa-css-prefix}-audible:before { content: fa-content($fa-var-audible); }
.#{$fa-css-prefix}-audio-description:before { content: fa-content($fa-var-audio-description); }
.#{$fa-css-prefix}-autoprefixer:before { content: fa-content($fa-var-autoprefixer); }
.#{$fa-css-prefix}-avianex:before { content: fa-content($fa-var-avianex); }
.#{$fa-css-prefix}-aviato:before { content: fa-content($fa-var-aviato); }
.#{$fa-css-prefix}-aws:before { content: fa-content($fa-var-aws); }
.#{$fa-css-prefix}-backward:before { content: fa-content($fa-var-backward); }
.#{$fa-css-prefix}-balance-scale:before { content: fa-content($fa-var-balance-scale); }
.#{$fa-css-prefix}-ban:before { content: fa-content($fa-var-ban); }
.#{$fa-css-prefix}-bandcamp:before { content: fa-content($fa-var-bandcamp); }
.#{$fa-css-prefix}-barcode:before { content: fa-content($fa-var-barcode); }
.#{$fa-css-prefix}-bars:before { content: fa-content($fa-var-bars); }
.#{$fa-css-prefix}-baseball-ball:before { content: fa-content($fa-var-baseball-ball); }
.#{$fa-css-prefix}-basketball-ball:before { content: fa-content($fa-var-basketball-ball); }
.#{$fa-css-prefix}-bath:before { content: fa-content($fa-var-bath); }
.#{$fa-css-prefix}-battery-empty:before { content: fa-content($fa-var-battery-empty); }
.#{$fa-css-prefix}-battery-full:before { content: fa-content($fa-var-battery-full); }
.#{$fa-css-prefix}-battery-half:before { content: fa-content($fa-var-battery-half); }
.#{$fa-css-prefix}-battery-quarter:before { content: fa-content($fa-var-battery-quarter); }
.#{$fa-css-prefix}-battery-three-quarters:before { content: fa-content($fa-var-battery-three-quarters); }
.#{$fa-css-prefix}-bed:before { content: fa-content($fa-var-bed); }
.#{$fa-css-prefix}-beer:before { content: fa-content($fa-var-beer); }
.#{$fa-css-prefix}-behance:before { content: fa-content($fa-var-behance); }
.#{$fa-css-prefix}-behance-square:before { content: fa-content($fa-var-behance-square); }
.#{$fa-css-prefix}-bell:before { content: fa-content($fa-var-bell); }
.#{$fa-css-prefix}-bell-slash:before { content: fa-content($fa-var-bell-slash); }
.#{$fa-css-prefix}-bicycle:before { content: fa-content($fa-var-bicycle); }
.#{$fa-css-prefix}-bimobject:before { content: fa-content($fa-var-bimobject); }
.#{$fa-css-prefix}-binoculars:before { content: fa-content($fa-var-binoculars); }
.#{$fa-css-prefix}-birthday-cake:before { content: fa-content($fa-var-birthday-cake); }
.#{$fa-css-prefix}-bitbucket:before { content: fa-content($fa-var-bitbucket); }
.#{$fa-css-prefix}-bitcoin:before { content: fa-content($fa-var-bitcoin); }
.#{$fa-css-prefix}-bity:before { content: fa-content($fa-var-bity); }
.#{$fa-css-prefix}-black-tie:before { content: fa-content($fa-var-black-tie); }
.#{$fa-css-prefix}-blackberry:before { content: fa-content($fa-var-blackberry); }
.#{$fa-css-prefix}-blind:before { content: fa-content($fa-var-blind); }
.#{$fa-css-prefix}-blogger:before { content: fa-content($fa-var-blogger); }
.#{$fa-css-prefix}-blogger-b:before { content: fa-content($fa-var-blogger-b); }
.#{$fa-css-prefix}-bluetooth:before { content: fa-content($fa-var-bluetooth); }
.#{$fa-css-prefix}-bluetooth-b:before { content: fa-content($fa-var-bluetooth-b); }
.#{$fa-css-prefix}-bold:before { content: fa-content($fa-var-bold); }
.#{$fa-css-prefix}-bolt:before { content: fa-content($fa-var-bolt); }
.#{$fa-css-prefix}-bomb:before { content: fa-content($fa-var-bomb); }
.#{$fa-css-prefix}-book:before { content: fa-content($fa-var-book); }
.#{$fa-css-prefix}-bookmark:before { content: fa-content($fa-var-bookmark); }
.#{$fa-css-prefix}-bowling-ball:before { content: fa-content($fa-var-bowling-ball); }
.#{$fa-css-prefix}-braille:before { content: fa-content($fa-var-braille); }
.#{$fa-css-prefix}-briefcase:before { content: fa-content($fa-var-briefcase); }
.#{$fa-css-prefix}-btc:before { content: fa-content($fa-var-btc); }
.#{$fa-css-prefix}-bug:before { content: fa-content($fa-var-bug); }
.#{$fa-css-prefix}-building:before { content: fa-content($fa-var-building); }
.#{$fa-css-prefix}-bullhorn:before { content: fa-content($fa-var-bullhorn); }
.#{$fa-css-prefix}-bullseye:before { content: fa-content($fa-var-bullseye); }
.#{$fa-css-prefix}-buromobelexperte:before { content: fa-content($fa-var-buromobelexperte); }
.#{$fa-css-prefix}-bus:before { content: fa-content($fa-var-bus); }
.#{$fa-css-prefix}-buysellads:before { content: fa-content($fa-var-buysellads); }
.#{$fa-css-prefix}-calculator:before { content: fa-content($fa-var-calculator); }
.#{$fa-css-prefix}-calendar:before { content: fa-content($fa-var-calendar); }
.#{$fa-css-prefix}-calendar-alt:before { content: fa-content($fa-var-calendar-alt); }
.#{$fa-css-prefix}-calendar-check:before { content: fa-content($fa-var-calendar-check); }
.#{$fa-css-prefix}-calendar-minus:before { content: fa-content($fa-var-calendar-minus); }
.#{$fa-css-prefix}-calendar-plus:before { content: fa-content($fa-var-calendar-plus); }
.#{$fa-css-prefix}-calendar-times:before { content: fa-content($fa-var-calendar-times); }
.#{$fa-css-prefix}-camera:before { content: fa-content($fa-var-camera); }
.#{$fa-css-prefix}-camera-retro:before { content: fa-content($fa-var-camera-retro); }
.#{$fa-css-prefix}-car:before { content: fa-content($fa-var-car); }
.#{$fa-css-prefix}-caret-down:before { content: fa-content($fa-var-caret-down); }
.#{$fa-css-prefix}-caret-left:before { content: fa-content($fa-var-caret-left); }
.#{$fa-css-prefix}-caret-right:before { content: fa-content($fa-var-caret-right); }
.#{$fa-css-prefix}-caret-square-down:before { content: fa-content($fa-var-caret-square-down); }
.#{$fa-css-prefix}-caret-square-left:before { content: fa-content($fa-var-caret-square-left); }
.#{$fa-css-prefix}-caret-square-right:before { content: fa-content($fa-var-caret-square-right); }
.#{$fa-css-prefix}-caret-square-up:before { content: fa-content($fa-var-caret-square-up); }
.#{$fa-css-prefix}-caret-up:before { content: fa-content($fa-var-caret-up); }
.#{$fa-css-prefix}-cart-arrow-down:before { content: fa-content($fa-var-cart-arrow-down); }
.#{$fa-css-prefix}-cart-plus:before { content: fa-content($fa-var-cart-plus); }
.#{$fa-css-prefix}-cc-amazon-pay:before { content: fa-content($fa-var-cc-amazon-pay); }
.#{$fa-css-prefix}-cc-amex:before { content: fa-content($fa-var-cc-amex); }
.#{$fa-css-prefix}-cc-apple-pay:before { content: fa-content($fa-var-cc-apple-pay); }
.#{$fa-css-prefix}-cc-diners-club:before { content: fa-content($fa-var-cc-diners-club); }
.#{$fa-css-prefix}-cc-discover:before { content: fa-content($fa-var-cc-discover); }
.#{$fa-css-prefix}-cc-jcb:before { content: fa-content($fa-var-cc-jcb); }
.#{$fa-css-prefix}-cc-mastercard:before { content: fa-content($fa-var-cc-mastercard); }
.#{$fa-css-prefix}-cc-paypal:before { content: fa-content($fa-var-cc-paypal); }
.#{$fa-css-prefix}-cc-stripe:before { content: fa-content($fa-var-cc-stripe); }
.#{$fa-css-prefix}-cc-visa:before { content: fa-content($fa-var-cc-visa); }
.#{$fa-css-prefix}-centercode:before { content: fa-content($fa-var-centercode); }
.#{$fa-css-prefix}-certificate:before { content: fa-content($fa-var-certificate); }
.#{$fa-css-prefix}-chart-area:before { content: fa-content($fa-var-chart-area); }
.#{$fa-css-prefix}-chart-bar:before { content: fa-content($fa-var-chart-bar); }
.#{$fa-css-prefix}-chart-line:before { content: fa-content($fa-var-chart-line); }
.#{$fa-css-prefix}-chart-pie:before { content: fa-content($fa-var-chart-pie); }
.#{$fa-css-prefix}-check:before { content: fa-content($fa-var-check); }
.#{$fa-css-prefix}-check-circle:before { content: fa-content($fa-var-check-circle); }
.#{$fa-css-prefix}-check-square:before { content: fa-content($fa-var-check-square); }
.#{$fa-css-prefix}-chess:before { content: fa-content($fa-var-chess); }
.#{$fa-css-prefix}-chess-bishop:before { content: fa-content($fa-var-chess-bishop); }
.#{$fa-css-prefix}-chess-board:before { content: fa-content($fa-var-chess-board); }
.#{$fa-css-prefix}-chess-king:before { content: fa-content($fa-var-chess-king); }
.#{$fa-css-prefix}-chess-knight:before { content: fa-content($fa-var-chess-knight); }
.#{$fa-css-prefix}-chess-pawn:before { content: fa-content($fa-var-chess-pawn); }
.#{$fa-css-prefix}-chess-queen:before { content: fa-content($fa-var-chess-queen); }
.#{$fa-css-prefix}-chess-rook:before { content: fa-content($fa-var-chess-rook); }
.#{$fa-css-prefix}-chevron-circle-down:before { content: fa-content($fa-var-chevron-circle-down); }
.#{$fa-css-prefix}-chevron-circle-left:before { content: fa-content($fa-var-chevron-circle-left); }
.#{$fa-css-prefix}-chevron-circle-right:before { content: fa-content($fa-var-chevron-circle-right); }
.#{$fa-css-prefix}-chevron-circle-up:before { content: fa-content($fa-var-chevron-circle-up); }
.#{$fa-css-prefix}-chevron-down:before { content: fa-content($fa-var-chevron-down); }
.#{$fa-css-prefix}-chevron-left:before { content: fa-content($fa-var-chevron-left); }
.#{$fa-css-prefix}-chevron-right:before { content: fa-content($fa-var-chevron-right); }
.#{$fa-css-prefix}-chevron-up:before { content: fa-content($fa-var-chevron-up); }
.#{$fa-css-prefix}-child:before { content: fa-content($fa-var-child); }
.#{$fa-css-prefix}-chrome:before { content: fa-content($fa-var-chrome); }
.#{$fa-css-prefix}-circle:before { content: fa-content($fa-var-circle); }
.#{$fa-css-prefix}-circle-notch:before { content: fa-content($fa-var-circle-notch); }
.#{$fa-css-prefix}-clipboard:before { content: fa-content($fa-var-clipboard); }
.#{$fa-css-prefix}-clock:before { content: fa-content($fa-var-clock); }
.#{$fa-css-prefix}-clone:before { content: fa-content($fa-var-clone); }
.#{$fa-css-prefix}-closed-captioning:before { content: fa-content($fa-var-closed-captioning); }
.#{$fa-css-prefix}-cloud:before { content: fa-content($fa-var-cloud); }
.#{$fa-css-prefix}-cloud-download-alt:before { content: fa-content($fa-var-cloud-download-alt); }
.#{$fa-css-prefix}-cloud-upload-alt:before { content: fa-content($fa-var-cloud-upload-alt); }
.#{$fa-css-prefix}-cloudscale:before { content: fa-content($fa-var-cloudscale); }
.#{$fa-css-prefix}-cloudsmith:before { content: fa-content($fa-var-cloudsmith); }
.#{$fa-css-prefix}-cloudversify:before { content: fa-content($fa-var-cloudversify); }
.#{$fa-css-prefix}-code:before { content: fa-content($fa-var-code); }
.#{$fa-css-prefix}-code-branch:before { content: fa-content($fa-var-code-branch); }
.#{$fa-css-prefix}-codepen:before { content: fa-content($fa-var-codepen); }
.#{$fa-css-prefix}-codiepie:before { content: fa-content($fa-var-codiepie); }
.#{$fa-css-prefix}-coffee:before { content: fa-content($fa-var-coffee); }
.#{$fa-css-prefix}-cog:before { content: fa-content($fa-var-cog); }
.#{$fa-css-prefix}-cogs:before { content: fa-content($fa-var-cogs); }
.#{$fa-css-prefix}-columns:before { content: fa-content($fa-var-columns); }
.#{$fa-css-prefix}-comment:before { content: fa-content($fa-var-comment); }
.#{$fa-css-prefix}-comment-alt:before { content: fa-content($fa-var-comment-alt); }
.#{$fa-css-prefix}-comments:before { content: fa-content($fa-var-comments); }
.#{$fa-css-prefix}-compass:before { content: fa-content($fa-var-compass); }
.#{$fa-css-prefix}-compress:before { content: fa-content($fa-var-compress); }
.#{$fa-css-prefix}-connectdevelop:before { content: fa-content($fa-var-connectdevelop); }
.#{$fa-css-prefix}-contao:before { content: fa-content($fa-var-contao); }
.#{$fa-css-prefix}-copy:before { content: fa-content($fa-var-copy); }
.#{$fa-css-prefix}-copyright:before { content: fa-content($fa-var-copyright); }
.#{$fa-css-prefix}-cpanel:before { content: fa-content($fa-var-cpanel); }
.#{$fa-css-prefix}-creative-commons:before { content: fa-content($fa-var-creative-commons); }
.#{$fa-css-prefix}-credit-card:before { content: fa-content($fa-var-credit-card); }
.#{$fa-css-prefix}-crop:before { content: fa-content($fa-var-crop); }
.#{$fa-css-prefix}-crosshairs:before { content: fa-content($fa-var-crosshairs); }
.#{$fa-css-prefix}-css3:before { content: fa-content($fa-var-css3); }
.#{$fa-css-prefix}-css3-alt:before { content: fa-content($fa-var-css3-alt); }
.#{$fa-css-prefix}-cube:before { content: fa-content($fa-var-cube); }
.#{$fa-css-prefix}-cubes:before { content: fa-content($fa-var-cubes); }
.#{$fa-css-prefix}-cut:before { content: fa-content($fa-var-cut); }
.#{$fa-css-prefix}-cuttlefish:before { content: fa-content($fa-var-cuttlefish); }
.#{$fa-css-prefix}-d-and-d:before { content: fa-content($fa-var-d-and-d); }
.#{$fa-css-prefix}-dashcube:before { content: fa-content($fa-var-dashcube); }
.#{$fa-css-prefix}-database:before { content: fa-content($fa-var-database); }
.#{$fa-css-prefix}-deaf:before { content: fa-content($fa-var-deaf); }
.#{$fa-css-prefix}-delicious:before { content: fa-content($fa-var-delicious); }
.#{$fa-css-prefix}-deploydog:before { content: fa-content($fa-var-deploydog); }
.#{$fa-css-prefix}-deskpro:before { content: fa-content($fa-var-deskpro); }
.#{$fa-css-prefix}-desktop:before { content: fa-content($fa-var-desktop); }
.#{$fa-css-prefix}-deviantart:before { content: fa-content($fa-var-deviantart); }
.#{$fa-css-prefix}-digg:before { content: fa-content($fa-var-digg); }
.#{$fa-css-prefix}-digital-ocean:before { content: fa-content($fa-var-digital-ocean); }
.#{$fa-css-prefix}-discord:before { content: fa-content($fa-var-discord); }
.#{$fa-css-prefix}-discourse:before { content: fa-content($fa-var-discourse); }
.#{$fa-css-prefix}-dochub:before { content: fa-content($fa-var-dochub); }
.#{$fa-css-prefix}-docker:before { content: fa-content($fa-var-docker); }
.#{$fa-css-prefix}-dollar-sign:before { content: fa-content($fa-var-dollar-sign); }
.#{$fa-css-prefix}-dot-circle:before { content: fa-content($fa-var-dot-circle); }
.#{$fa-css-prefix}-download:before { content: fa-content($fa-var-download); }
.#{$fa-css-prefix}-draft2digital:before { content: fa-content($fa-var-draft2digital); }
.#{$fa-css-prefix}-dribbble:before { content: fa-content($fa-var-dribbble); }
.#{$fa-css-prefix}-dribbble-square:before { content: fa-content($fa-var-dribbble-square); }
.#{$fa-css-prefix}-dropbox:before { content: fa-content($fa-var-dropbox); }
.#{$fa-css-prefix}-drupal:before { content: fa-content($fa-var-drupal); }
.#{$fa-css-prefix}-dyalog:before { content: fa-content($fa-var-dyalog); }
.#{$fa-css-prefix}-earlybirds:before { content: fa-content($fa-var-earlybirds); }
.#{$fa-css-prefix}-edge:before { content: fa-content($fa-var-edge); }
.#{$fa-css-prefix}-edit:before { content: fa-content($fa-var-edit); }
.#{$fa-css-prefix}-eject:before { content: fa-content($fa-var-eject); }
.#{$fa-css-prefix}-elementor:before { content: fa-content($fa-var-elementor); }
.#{$fa-css-prefix}-ellipsis-h:before { content: fa-content($fa-var-ellipsis-h); }
.#{$fa-css-prefix}-ellipsis-v:before { content: fa-content($fa-var-ellipsis-v); }
.#{$fa-css-prefix}-ember:before { content: fa-content($fa-var-ember); }
.#{$fa-css-prefix}-empire:before { content: fa-content($fa-var-empire); }
.#{$fa-css-prefix}-envelope:before { content: fa-content($fa-var-envelope); }
.#{$fa-css-prefix}-envelope-open:before { content: fa-content($fa-var-envelope-open); }
.#{$fa-css-prefix}-envelope-square:before { content: fa-content($fa-var-envelope-square); }
.#{$fa-css-prefix}-envira:before { content: fa-content($fa-var-envira); }
.#{$fa-css-prefix}-eraser:before { content: fa-content($fa-var-eraser); }
.#{$fa-css-prefix}-erlang:before { content: fa-content($fa-var-erlang); }
.#{$fa-css-prefix}-ethereum:before { content: fa-content($fa-var-ethereum); }
.#{$fa-css-prefix}-etsy:before { content: fa-content($fa-var-etsy); }
.#{$fa-css-prefix}-euro-sign:before { content: fa-content($fa-var-euro-sign); }
.#{$fa-css-prefix}-exchange-alt:before { content: fa-content($fa-var-exchange-alt); }
.#{$fa-css-prefix}-exclamation:before { content: fa-content($fa-var-exclamation); }
.#{$fa-css-prefix}-exclamation-circle:before { content: fa-content($fa-var-exclamation-circle); }
.#{$fa-css-prefix}-exclamation-triangle:before { content: fa-content($fa-var-exclamation-triangle); }
.#{$fa-css-prefix}-expand:before { content: fa-content($fa-var-expand); }
.#{$fa-css-prefix}-expand-arrows-alt:before { content: fa-content($fa-var-expand-arrows-alt); }
.#{$fa-css-prefix}-expeditedssl:before { content: fa-content($fa-var-expeditedssl); }
.#{$fa-css-prefix}-external-link-alt:before { content: fa-content($fa-var-external-link-alt); }
.#{$fa-css-prefix}-external-link-square-alt:before { content: fa-content($fa-var-external-link-square-alt); }
.#{$fa-css-prefix}-eye:before { content: fa-content($fa-var-eye); }
.#{$fa-css-prefix}-eye-dropper:before { content: fa-content($fa-var-eye-dropper); }
.#{$fa-css-prefix}-eye-slash:before { content: fa-content($fa-var-eye-slash); }
.#{$fa-css-prefix}-facebook:before { content: fa-content($fa-var-facebook); }
.#{$fa-css-prefix}-facebook-f:before { content: fa-content($fa-var-facebook-f); }
.#{$fa-css-prefix}-facebook-messenger:before { content: fa-content($fa-var-facebook-messenger); }
.#{$fa-css-prefix}-facebook-square:before { content: fa-content($fa-var-facebook-square); }
.#{$fa-css-prefix}-fast-backward:before { content: fa-content($fa-var-fast-backward); }
.#{$fa-css-prefix}-fast-forward:before { content: fa-content($fa-var-fast-forward); }
.#{$fa-css-prefix}-fax:before { content: fa-content($fa-var-fax); }
.#{$fa-css-prefix}-female:before { content: fa-content($fa-var-female); }
.#{$fa-css-prefix}-fighter-jet:before { content: fa-content($fa-var-fighter-jet); }
.#{$fa-css-prefix}-file:before { content: fa-content($fa-var-file); }
.#{$fa-css-prefix}-file-alt:before { content: fa-content($fa-var-file-alt); }
.#{$fa-css-prefix}-file-archive:before { content: fa-content($fa-var-file-archive); }
.#{$fa-css-prefix}-file-audio:before { content: fa-content($fa-var-file-audio); }
.#{$fa-css-prefix}-file-code:before { content: fa-content($fa-var-file-code); }
.#{$fa-css-prefix}-file-excel:before { content: fa-content($fa-var-file-excel); }
.#{$fa-css-prefix}-file-image:before { content: fa-content($fa-var-file-image); }
.#{$fa-css-prefix}-file-pdf:before { content: fa-content($fa-var-file-pdf); }
.#{$fa-css-prefix}-file-powerpoint:before { content: fa-content($fa-var-file-powerpoint); }
.#{$fa-css-prefix}-file-video:before { content: fa-content($fa-var-file-video); }
.#{$fa-css-prefix}-file-word:before { content: fa-content($fa-var-file-word); }
.#{$fa-css-prefix}-film:before { content: fa-content($fa-var-film); }
.#{$fa-css-prefix}-filter:before { content: fa-content($fa-var-filter); }
.#{$fa-css-prefix}-fire:before { content: fa-content($fa-var-fire); }
.#{$fa-css-prefix}-fire-extinguisher:before { content: fa-content($fa-var-fire-extinguisher); }
.#{$fa-css-prefix}-firefox:before { content: fa-content($fa-var-firefox); }
.#{$fa-css-prefix}-first-order:before { content: fa-content($fa-var-first-order); }
.#{$fa-css-prefix}-firstdraft:before { content: fa-content($fa-var-firstdraft); }
.#{$fa-css-prefix}-flag:before { content: fa-content($fa-var-flag); }
.#{$fa-css-prefix}-flag-checkered:before { content: fa-content($fa-var-flag-checkered); }
.#{$fa-css-prefix}-flask:before { content: fa-content($fa-var-flask); }
.#{$fa-css-prefix}-flickr:before { content: fa-content($fa-var-flickr); }
.#{$fa-css-prefix}-flipboard:before { content: fa-content($fa-var-flipboard); }
.#{$fa-css-prefix}-fly:before { content: fa-content($fa-var-fly); }
.#{$fa-css-prefix}-folder:before { content: fa-content($fa-var-folder); }
.#{$fa-css-prefix}-folder-open:before { content: fa-content($fa-var-folder-open); }
.#{$fa-css-prefix}-font:before { content: fa-content($fa-var-font); }
.#{$fa-css-prefix}-font-awesome:before { content: fa-content($fa-var-font-awesome); }
.#{$fa-css-prefix}-font-awesome-alt:before { content: fa-content($fa-var-font-awesome-alt); }
.#{$fa-css-prefix}-font-awesome-flag:before { content: fa-content($fa-var-font-awesome-flag); }
.#{$fa-css-prefix}-fonticons:before { content: fa-content($fa-var-fonticons); }
.#{$fa-css-prefix}-fonticons-fi:before { content: fa-content($fa-var-fonticons-fi); }
.#{$fa-css-prefix}-football-ball:before { content: fa-content($fa-var-football-ball); }
.#{$fa-css-prefix}-fort-awesome:before { content: fa-content($fa-var-fort-awesome); }
.#{$fa-css-prefix}-fort-awesome-alt:before { content: fa-content($fa-var-fort-awesome-alt); }
.#{$fa-css-prefix}-forumbee:before { content: fa-content($fa-var-forumbee); }
.#{$fa-css-prefix}-forward:before { content: fa-content($fa-var-forward); }
.#{$fa-css-prefix}-foursquare:before { content: fa-content($fa-var-foursquare); }
.#{$fa-css-prefix}-free-code-camp:before { content: fa-content($fa-var-free-code-camp); }
.#{$fa-css-prefix}-freebsd:before { content: fa-content($fa-var-freebsd); }
.#{$fa-css-prefix}-frown:before { content: fa-content($fa-var-frown); }
.#{$fa-css-prefix}-futbol:before { content: fa-content($fa-var-futbol); }
.#{$fa-css-prefix}-gamepad:before { content: fa-content($fa-var-gamepad); }
.#{$fa-css-prefix}-gavel:before { content: fa-content($fa-var-gavel); }
.#{$fa-css-prefix}-gem:before { content: fa-content($fa-var-gem); }
.#{$fa-css-prefix}-genderless:before { content: fa-content($fa-var-genderless); }
.#{$fa-css-prefix}-get-pocket:before { content: fa-content($fa-var-get-pocket); }
.#{$fa-css-prefix}-gg:before { content: fa-content($fa-var-gg); }
.#{$fa-css-prefix}-gg-circle:before { content: fa-content($fa-var-gg-circle); }
.#{$fa-css-prefix}-gift:before { content: fa-content($fa-var-gift); }
.#{$fa-css-prefix}-git:before { content: fa-content($fa-var-git); }
.#{$fa-css-prefix}-git-square:before { content: fa-content($fa-var-git-square); }
.#{$fa-css-prefix}-github:before { content: fa-content($fa-var-github); }
.#{$fa-css-prefix}-github-alt:before { content: fa-content($fa-var-github-alt); }
.#{$fa-css-prefix}-github-square:before { content: fa-content($fa-var-github-square); }
.#{$fa-css-prefix}-gitkraken:before { content: fa-content($fa-var-gitkraken); }
.#{$fa-css-prefix}-gitlab:before { content: fa-content($fa-var-gitlab); }
.#{$fa-css-prefix}-gitter:before { content: fa-content($fa-var-gitter); }
.#{$fa-css-prefix}-glass-martini:before { content: fa-content($fa-var-glass-martini); }
.#{$fa-css-prefix}-glide:before { content: fa-content($fa-var-glide); }
.#{$fa-css-prefix}-glide-g:before { content: fa-content($fa-var-glide-g); }
.#{$fa-css-prefix}-globe:before { content: fa-content($fa-var-globe); }
.#{$fa-css-prefix}-gofore:before { content: fa-content($fa-var-gofore); }
.#{$fa-css-prefix}-golf-ball:before { content: fa-content($fa-var-golf-ball); }
.#{$fa-css-prefix}-goodreads:before { content: fa-content($fa-var-goodreads); }
.#{$fa-css-prefix}-goodreads-g:before { content: fa-content($fa-var-goodreads-g); }
.#{$fa-css-prefix}-google:before { content: fa-content($fa-var-google); }
.#{$fa-css-prefix}-google-drive:before { content: fa-content($fa-var-google-drive); }
.#{$fa-css-prefix}-google-play:before { content: fa-content($fa-var-google-play); }
.#{$fa-css-prefix}-google-plus:before { content: fa-content($fa-var-google-plus); }
.#{$fa-css-prefix}-google-plus-g:before { content: fa-content($fa-var-google-plus-g); }
.#{$fa-css-prefix}-google-plus-square:before { content: fa-content($fa-var-google-plus-square); }
.#{$fa-css-prefix}-google-wallet:before { content: fa-content($fa-var-google-wallet); }
.#{$fa-css-prefix}-graduation-cap:before { content: fa-content($fa-var-graduation-cap); }
.#{$fa-css-prefix}-gratipay:before { content: fa-content($fa-var-gratipay); }
.#{$fa-css-prefix}-grav:before { content: fa-content($fa-var-grav); }
.#{$fa-css-prefix}-gripfire:before { content: fa-content($fa-var-gripfire); }
.#{$fa-css-prefix}-grunt:before { content: fa-content($fa-var-grunt); }
.#{$fa-css-prefix}-gulp:before { content: fa-content($fa-var-gulp); }
.#{$fa-css-prefix}-h-square:before { content: fa-content($fa-var-h-square); }
.#{$fa-css-prefix}-hacker-news:before { content: fa-content($fa-var-hacker-news); }
.#{$fa-css-prefix}-hacker-news-square:before { content: fa-content($fa-var-hacker-news-square); }
.#{$fa-css-prefix}-hand-lizard:before { content: fa-content($fa-var-hand-lizard); }
.#{$fa-css-prefix}-hand-paper:before { content: fa-content($fa-var-hand-paper); }
.#{$fa-css-prefix}-hand-peace:before { content: fa-content($fa-var-hand-peace); }
.#{$fa-css-prefix}-hand-point-down:before { content: fa-content($fa-var-hand-point-down); }
.#{$fa-css-prefix}-hand-point-left:before { content: fa-content($fa-var-hand-point-left); }
.#{$fa-css-prefix}-hand-point-right:before { content: fa-content($fa-var-hand-point-right); }
.#{$fa-css-prefix}-hand-point-up:before { content: fa-content($fa-var-hand-point-up); }
.#{$fa-css-prefix}-hand-pointer:before { content: fa-content($fa-var-hand-pointer); }
.#{$fa-css-prefix}-hand-rock:before { content: fa-content($fa-var-hand-rock); }
.#{$fa-css-prefix}-hand-scissors:before { content: fa-content($fa-var-hand-scissors); }
.#{$fa-css-prefix}-hand-spock:before { content: fa-content($fa-var-hand-spock); }
.#{$fa-css-prefix}-handshake:before { content: fa-content($fa-var-handshake); }
.#{$fa-css-prefix}-hashtag:before { content: fa-content($fa-var-hashtag); }
.#{$fa-css-prefix}-hdd:before { content: fa-content($fa-var-hdd); }
.#{$fa-css-prefix}-heading:before { content: fa-content($fa-var-heading); }
.#{$fa-css-prefix}-headphones:before { content: fa-content($fa-var-headphones); }
.#{$fa-css-prefix}-heart:before { content: fa-content($fa-var-heart); }
.#{$fa-css-prefix}-heartbeat:before { content: fa-content($fa-var-heartbeat); }
.#{$fa-css-prefix}-hips:before { content: fa-content($fa-var-hips); }
.#{$fa-css-prefix}-hire-a-helper:before { content: fa-content($fa-var-hire-a-helper); }
.#{$fa-css-prefix}-history:before { content: fa-content($fa-var-history); }
.#{$fa-css-prefix}-hockey-puck:before { content: fa-content($fa-var-hockey-puck); }
.#{$fa-css-prefix}-home:before { content: fa-content($fa-var-home); }
.#{$fa-css-prefix}-hooli:before { content: fa-content($fa-var-hooli); }
.#{$fa-css-prefix}-hospital:before { content: fa-content($fa-var-hospital); }
.#{$fa-css-prefix}-hotjar:before { content: fa-content($fa-var-hotjar); }
.#{$fa-css-prefix}-hourglass:before { content: fa-content($fa-var-hourglass); }
.#{$fa-css-prefix}-hourglass-end:before { content: fa-content($fa-var-hourglass-end); }
.#{$fa-css-prefix}-hourglass-half:before { content: fa-content($fa-var-hourglass-half); }
.#{$fa-css-prefix}-hourglass-start:before { content: fa-content($fa-var-hourglass-start); }
.#{$fa-css-prefix}-houzz:before { content: fa-content($fa-var-houzz); }
.#{$fa-css-prefix}-html5:before { content: fa-content($fa-var-html5); }
.#{$fa-css-prefix}-hubspot:before { content: fa-content($fa-var-hubspot); }
.#{$fa-css-prefix}-i-cursor:before { content: fa-content($fa-var-i-cursor); }
.#{$fa-css-prefix}-id-badge:before { content: fa-content($fa-var-id-badge); }
.#{$fa-css-prefix}-id-card:before { content: fa-content($fa-var-id-card); }
.#{$fa-css-prefix}-image:before { content: fa-content($fa-var-image); }
.#{$fa-css-prefix}-images:before { content: fa-content($fa-var-images); }
.#{$fa-css-prefix}-imdb:before { content: fa-content($fa-var-imdb); }
.#{$fa-css-prefix}-inbox:before { content: fa-content($fa-var-inbox); }
.#{$fa-css-prefix}-indent:before { content: fa-content($fa-var-indent); }
.#{$fa-css-prefix}-industry:before { content: fa-content($fa-var-industry); }
.#{$fa-css-prefix}-info:before { content: fa-content($fa-var-info); }
.#{$fa-css-prefix}-info-circle:before { content: fa-content($fa-var-info-circle); }
.#{$fa-css-prefix}-instagram:before { content: fa-content($fa-var-instagram); }
.#{$fa-css-prefix}-internet-explorer:before { content: fa-content($fa-var-internet-explorer); }
.#{$fa-css-prefix}-ioxhost:before { content: fa-content($fa-var-ioxhost); }
.#{$fa-css-prefix}-italic:before { content: fa-content($fa-var-italic); }
.#{$fa-css-prefix}-itunes:before { content: fa-content($fa-var-itunes); }
.#{$fa-css-prefix}-itunes-note:before { content: fa-content($fa-var-itunes-note); }
.#{$fa-css-prefix}-jenkins:before { content: fa-content($fa-var-jenkins); }
.#{$fa-css-prefix}-joget:before { content: fa-content($fa-var-joget); }
.#{$fa-css-prefix}-joomla:before { content: fa-content($fa-var-joomla); }
.#{$fa-css-prefix}-js:before { content: fa-content($fa-var-js); }
.#{$fa-css-prefix}-js-square:before { content: fa-content($fa-var-js-square); }
.#{$fa-css-prefix}-jsfiddle:before { content: fa-content($fa-var-jsfiddle); }
.#{$fa-css-prefix}-key:before { content: fa-content($fa-var-key); }
.#{$fa-css-prefix}-keyboard:before { content: fa-content($fa-var-keyboard); }
.#{$fa-css-prefix}-keycdn:before { content: fa-content($fa-var-keycdn); }
.#{$fa-css-prefix}-kickstarter:before { content: fa-content($fa-var-kickstarter); }
.#{$fa-css-prefix}-kickstarter-k:before { content: fa-content($fa-var-kickstarter-k); }
.#{$fa-css-prefix}-korvue:before { content: fa-content($fa-var-korvue); }
.#{$fa-css-prefix}-language:before { content: fa-content($fa-var-language); }
.#{$fa-css-prefix}-laptop:before { content: fa-content($fa-var-laptop); }
.#{$fa-css-prefix}-laravel:before { content: fa-content($fa-var-laravel); }
.#{$fa-css-prefix}-lastfm:before { content: fa-content($fa-var-lastfm); }
.#{$fa-css-prefix}-lastfm-square:before { content: fa-content($fa-var-lastfm-square); }
.#{$fa-css-prefix}-leaf:before { content: fa-content($fa-var-leaf); }
.#{$fa-css-prefix}-leanpub:before { content: fa-content($fa-var-leanpub); }
.#{$fa-css-prefix}-lemon:before { content: fa-content($fa-var-lemon); }
.#{$fa-css-prefix}-less:before { content: fa-content($fa-var-less); }
.#{$fa-css-prefix}-level-down-alt:before { content: fa-content($fa-var-level-down-alt); }
.#{$fa-css-prefix}-level-up-alt:before { content: fa-content($fa-var-level-up-alt); }
.#{$fa-css-prefix}-life-ring:before { content: fa-content($fa-var-life-ring); }
.#{$fa-css-prefix}-lightbulb:before { content: fa-content($fa-var-lightbulb); }
.#{$fa-css-prefix}-line:before { content: fa-content($fa-var-line); }
.#{$fa-css-prefix}-link:before { content: fa-content($fa-var-link); }
.#{$fa-css-prefix}-linkedin:before { content: fa-content($fa-var-linkedin); }
.#{$fa-css-prefix}-linkedin-in:before { content: fa-content($fa-var-linkedin-in); }
.#{$fa-css-prefix}-linode:before { content: fa-content($fa-var-linode); }
.#{$fa-css-prefix}-linux:before { content: fa-content($fa-var-linux); }
.#{$fa-css-prefix}-lira-sign:before { content: fa-content($fa-var-lira-sign); }
.#{$fa-css-prefix}-list:before { content: fa-content($fa-var-list); }
.#{$fa-css-prefix}-list-alt:before { content: fa-content($fa-var-list-alt); }
.#{$fa-css-prefix}-list-ol:before { content: fa-content($fa-var-list-ol); }
.#{$fa-css-prefix}-list-ul:before { content: fa-content($fa-var-list-ul); }
.#{$fa-css-prefix}-location-arrow:before { content: fa-content($fa-var-location-arrow); }
.#{$fa-css-prefix}-lock:before { content: fa-content($fa-var-lock); }
.#{$fa-css-prefix}-lock-open:before { content: fa-content($fa-var-lock-open); }
.#{$fa-css-prefix}-long-arrow-alt-down:before { content: fa-content($fa-var-long-arrow-alt-down); }
.#{$fa-css-prefix}-long-arrow-alt-left:before { content: fa-content($fa-var-long-arrow-alt-left); }
.#{$fa-css-prefix}-long-arrow-alt-right:before { content: fa-content($fa-var-long-arrow-alt-right); }
.#{$fa-css-prefix}-long-arrow-alt-up:before { content: fa-content($fa-var-long-arrow-alt-up); }
.#{$fa-css-prefix}-low-vision:before { content: fa-content($fa-var-low-vision); }
.#{$fa-css-prefix}-lyft:before { content: fa-content($fa-var-lyft); }
.#{$fa-css-prefix}-magento:before { content: fa-content($fa-var-magento); }
.#{$fa-css-prefix}-magic:before { content: fa-content($fa-var-magic); }
.#{$fa-css-prefix}-magnet:before { content: fa-content($fa-var-magnet); }
.#{$fa-css-prefix}-male:before { content: fa-content($fa-var-male); }
.#{$fa-css-prefix}-map:before { content: fa-content($fa-var-map); }
.#{$fa-css-prefix}-map-marker:before { content: fa-content($fa-var-map-marker); }
.#{$fa-css-prefix}-map-marker-alt:before { content: fa-content($fa-var-map-marker-alt); }
.#{$fa-css-prefix}-map-pin:before { content: fa-content($fa-var-map-pin); }
.#{$fa-css-prefix}-map-signs:before { content: fa-content($fa-var-map-signs); }
.#{$fa-css-prefix}-mars:before { content: fa-content($fa-var-mars); }
.#{$fa-css-prefix}-mars-double:before { content: fa-content($fa-var-mars-double); }
.#{$fa-css-prefix}-mars-stroke:before { content: fa-content($fa-var-mars-stroke); }
.#{$fa-css-prefix}-mars-stroke-h:before { content: fa-content($fa-var-mars-stroke-h); }
.#{$fa-css-prefix}-mars-stroke-v:before { content: fa-content($fa-var-mars-stroke-v); }
.#{$fa-css-prefix}-maxcdn:before { content: fa-content($fa-var-maxcdn); }
.#{$fa-css-prefix}-medapps:before { content: fa-content($fa-var-medapps); }
.#{$fa-css-prefix}-medium:before { content: fa-content($fa-var-medium); }
.#{$fa-css-prefix}-medium-m:before { content: fa-content($fa-var-medium-m); }
.#{$fa-css-prefix}-medkit:before { content: fa-content($fa-var-medkit); }
.#{$fa-css-prefix}-medrt:before { content: fa-content($fa-var-medrt); }
.#{$fa-css-prefix}-meetup:before { content: fa-content($fa-var-meetup); }
.#{$fa-css-prefix}-meh:before { content: fa-content($fa-var-meh); }
.#{$fa-css-prefix}-mercury:before { content: fa-content($fa-var-mercury); }
.#{$fa-css-prefix}-microchip:before { content: fa-content($fa-var-microchip); }
.#{$fa-css-prefix}-microphone:before { content: fa-content($fa-var-microphone); }
.#{$fa-css-prefix}-microphone-slash:before { content: fa-content($fa-var-microphone-slash); }
.#{$fa-css-prefix}-microsoft:before { content: fa-content($fa-var-microsoft); }
.#{$fa-css-prefix}-minus:before { content: fa-content($fa-var-minus); }
.#{$fa-css-prefix}-minus-circle:before { content: fa-content($fa-var-minus-circle); }
.#{$fa-css-prefix}-minus-square:before { content: fa-content($fa-var-minus-square); }
.#{$fa-css-prefix}-mix:before { content: fa-content($fa-var-mix); }
.#{$fa-css-prefix}-mixcloud:before { content: fa-content($fa-var-mixcloud); }
.#{$fa-css-prefix}-mizuni:before { content: fa-content($fa-var-mizuni); }
.#{$fa-css-prefix}-mobile:before { content: fa-content($fa-var-mobile); }
.#{$fa-css-prefix}-mobile-alt:before { content: fa-content($fa-var-mobile-alt); }
.#{$fa-css-prefix}-modx:before { content: fa-content($fa-var-modx); }
.#{$fa-css-prefix}-monero:before { content: fa-content($fa-var-monero); }
.#{$fa-css-prefix}-money-bill-alt:before { content: fa-content($fa-var-money-bill-alt); }
.#{$fa-css-prefix}-moon:before { content: fa-content($fa-var-moon); }
.#{$fa-css-prefix}-motorcycle:before { content: fa-content($fa-var-motorcycle); }
.#{$fa-css-prefix}-mouse-pointer:before { content: fa-content($fa-var-mouse-pointer); }
.#{$fa-css-prefix}-music:before { content: fa-content($fa-var-music); }
.#{$fa-css-prefix}-napster:before { content: fa-content($fa-var-napster); }
.#{$fa-css-prefix}-neuter:before { content: fa-content($fa-var-neuter); }
.#{$fa-css-prefix}-newspaper:before { content: fa-content($fa-var-newspaper); }
.#{$fa-css-prefix}-nintendo-switch:before { content: fa-content($fa-var-nintendo-switch); }
.#{$fa-css-prefix}-node:before { content: fa-content($fa-var-node); }
.#{$fa-css-prefix}-node-js:before { content: fa-content($fa-var-node-js); }
.#{$fa-css-prefix}-npm:before { content: fa-content($fa-var-npm); }
.#{$fa-css-prefix}-ns8:before { content: fa-content($fa-var-ns8); }
.#{$fa-css-prefix}-nutritionix:before { content: fa-content($fa-var-nutritionix); }
.#{$fa-css-prefix}-object-group:before { content: fa-content($fa-var-object-group); }
.#{$fa-css-prefix}-object-ungroup:before { content: fa-content($fa-var-object-ungroup); }
.#{$fa-css-prefix}-odnoklassniki:before { content: fa-content($fa-var-odnoklassniki); }
.#{$fa-css-prefix}-odnoklassniki-square:before { content: fa-content($fa-var-odnoklassniki-square); }
.#{$fa-css-prefix}-opencart:before { content: fa-content($fa-var-opencart); }
.#{$fa-css-prefix}-openid:before { content: fa-content($fa-var-openid); }
.#{$fa-css-prefix}-opera:before { content: fa-content($fa-var-opera); }
.#{$fa-css-prefix}-optin-monster:before { content: fa-content($fa-var-optin-monster); }
.#{$fa-css-prefix}-osi:before { content: fa-content($fa-var-osi); }
.#{$fa-css-prefix}-outdent:before { content: fa-content($fa-var-outdent); }
.#{$fa-css-prefix}-page4:before { content: fa-content($fa-var-page4); }
.#{$fa-css-prefix}-pagelines:before { content: fa-content($fa-var-pagelines); }
.#{$fa-css-prefix}-paint-brush:before { content: fa-content($fa-var-paint-brush); }
.#{$fa-css-prefix}-palfed:before { content: fa-content($fa-var-palfed); }
.#{$fa-css-prefix}-paper-plane:before { content: fa-content($fa-var-paper-plane); }
.#{$fa-css-prefix}-paperclip:before { content: fa-content($fa-var-paperclip); }
.#{$fa-css-prefix}-paragraph:before { content: fa-content($fa-var-paragraph); }
.#{$fa-css-prefix}-paste:before { content: fa-content($fa-var-paste); }
.#{$fa-css-prefix}-patreon:before { content: fa-content($fa-var-patreon); }
.#{$fa-css-prefix}-pause:before { content: fa-content($fa-var-pause); }
.#{$fa-css-prefix}-pause-circle:before { content: fa-content($fa-var-pause-circle); }
.#{$fa-css-prefix}-paw:before { content: fa-content($fa-var-paw); }
.#{$fa-css-prefix}-paypal:before { content: fa-content($fa-var-paypal); }
.#{$fa-css-prefix}-pen-square:before { content: fa-content($fa-var-pen-square); }
.#{$fa-css-prefix}-pencil-alt:before { content: fa-content($fa-var-pencil-alt); }
.#{$fa-css-prefix}-percent:before { content: fa-content($fa-var-percent); }
.#{$fa-css-prefix}-periscope:before { content: fa-content($fa-var-periscope); }
.#{$fa-css-prefix}-phabricator:before { content: fa-content($fa-var-phabricator); }
.#{$fa-css-prefix}-phoenix-framework:before { content: fa-content($fa-var-phoenix-framework); }
.#{$fa-css-prefix}-phone:before { content: fa-content($fa-var-phone); }
.#{$fa-css-prefix}-phone-square:before { content: fa-content($fa-var-phone-square); }
.#{$fa-css-prefix}-phone-volume:before { content: fa-content($fa-var-phone-volume); }
.#{$fa-css-prefix}-php:before { content: fa-content($fa-var-php); }
.#{$fa-css-prefix}-pied-piper:before { content: fa-content($fa-var-pied-piper); }
.#{$fa-css-prefix}-pied-piper-alt:before { content: fa-content($fa-var-pied-piper-alt); }
.#{$fa-css-prefix}-pied-piper-pp:before { content: fa-content($fa-var-pied-piper-pp); }
.#{$fa-css-prefix}-pinterest:before { content: fa-content($fa-var-pinterest); }
.#{$fa-css-prefix}-pinterest-p:before { content: fa-content($fa-var-pinterest-p); }
.#{$fa-css-prefix}-pinterest-square:before { content: fa-content($fa-var-pinterest-square); }
.#{$fa-css-prefix}-plane:before { content: fa-content($fa-var-plane); }
.#{$fa-css-prefix}-play:before { content: fa-content($fa-var-play); }
.#{$fa-css-prefix}-play-circle:before { content: fa-content($fa-var-play-circle); }
.#{$fa-css-prefix}-playstation:before { content: fa-content($fa-var-playstation); }
.#{$fa-css-prefix}-plug:before { content: fa-content($fa-var-plug); }
.#{$fa-css-prefix}-plus:before { content: fa-content($fa-var-plus); }
.#{$fa-css-prefix}-plus-circle:before { content: fa-content($fa-var-plus-circle); }
.#{$fa-css-prefix}-plus-square:before { content: fa-content($fa-var-plus-square); }
.#{$fa-css-prefix}-podcast:before { content: fa-content($fa-var-podcast); }
.#{$fa-css-prefix}-pound-sign:before { content: fa-content($fa-var-pound-sign); }
.#{$fa-css-prefix}-power-off:before { content: fa-content($fa-var-power-off); }
.#{$fa-css-prefix}-print:before { content: fa-content($fa-var-print); }
.#{$fa-css-prefix}-product-hunt:before { content: fa-content($fa-var-product-hunt); }
.#{$fa-css-prefix}-pushed:before { content: fa-content($fa-var-pushed); }
.#{$fa-css-prefix}-puzzle-piece:before { content: fa-content($fa-var-puzzle-piece); }
.#{$fa-css-prefix}-python:before { content: fa-content($fa-var-python); }
.#{$fa-css-prefix}-qq:before { content: fa-content($fa-var-qq); }
.#{$fa-css-prefix}-qrcode:before { content: fa-content($fa-var-qrcode); }
.#{$fa-css-prefix}-question:before { content: fa-content($fa-var-question); }
.#{$fa-css-prefix}-question-circle:before { content: fa-content($fa-var-question-circle); }
.#{$fa-css-prefix}-quidditch:before { content: fa-content($fa-var-quidditch); }
.#{$fa-css-prefix}-quinscape:before { content: fa-content($fa-var-quinscape); }
.#{$fa-css-prefix}-quora:before { content: fa-content($fa-var-quora); }
.#{$fa-css-prefix}-quote-left:before { content: fa-content($fa-var-quote-left); }
.#{$fa-css-prefix}-quote-right:before { content: fa-content($fa-var-quote-right); }
.#{$fa-css-prefix}-random:before { content: fa-content($fa-var-random); }
.#{$fa-css-prefix}-ravelry:before { content: fa-content($fa-var-ravelry); }
.#{$fa-css-prefix}-react:before { content: fa-content($fa-var-react); }
.#{$fa-css-prefix}-rebel:before { content: fa-content($fa-var-rebel); }
.#{$fa-css-prefix}-recycle:before { content: fa-content($fa-var-recycle); }
.#{$fa-css-prefix}-red-river:before { content: fa-content($fa-var-red-river); }
.#{$fa-css-prefix}-reddit:before { content: fa-content($fa-var-reddit); }
.#{$fa-css-prefix}-reddit-alien:before { content: fa-content($fa-var-reddit-alien); }
.#{$fa-css-prefix}-reddit-square:before { content: fa-content($fa-var-reddit-square); }
.#{$fa-css-prefix}-redo:before { content: fa-content($fa-var-redo); }
.#{$fa-css-prefix}-redo-alt:before { content: fa-content($fa-var-redo-alt); }
.#{$fa-css-prefix}-registered:before { content: fa-content($fa-var-registered); }
.#{$fa-css-prefix}-rendact:before { content: fa-content($fa-var-rendact); }
.#{$fa-css-prefix}-renren:before { content: fa-content($fa-var-renren); }
.#{$fa-css-prefix}-reply:before { content: fa-content($fa-var-reply); }
.#{$fa-css-prefix}-reply-all:before { content: fa-content($fa-var-reply-all); }
.#{$fa-css-prefix}-replyd:before { content: fa-content($fa-var-replyd); }
.#{$fa-css-prefix}-resolving:before { content: fa-content($fa-var-resolving); }
.#{$fa-css-prefix}-retweet:before { content: fa-content($fa-var-retweet); }
.#{$fa-css-prefix}-road:before { content: fa-content($fa-var-road); }
.#{$fa-css-prefix}-rocket:before { content: fa-content($fa-var-rocket); }
.#{$fa-css-prefix}-rocketchat:before { content: fa-content($fa-var-rocketchat); }
.#{$fa-css-prefix}-rockrms:before { content: fa-content($fa-var-rockrms); }
.#{$fa-css-prefix}-rss:before { content: fa-content($fa-var-rss); }
.#{$fa-css-prefix}-rss-square:before { content: fa-content($fa-var-rss-square); }
.#{$fa-css-prefix}-ruble-sign:before { content: fa-content($fa-var-ruble-sign); }
.#{$fa-css-prefix}-rupee-sign:before { content: fa-content($fa-var-rupee-sign); }
.#{$fa-css-prefix}-safari:before { content: fa-content($fa-var-safari); }
.#{$fa-css-prefix}-sass:before { content: fa-content($fa-var-sass); }
.#{$fa-css-prefix}-save:before { content: fa-content($fa-var-save); }
.#{$fa-css-prefix}-schlix:before { content: fa-content($fa-var-schlix); }
.#{$fa-css-prefix}-scribd:before { content: fa-content($fa-var-scribd); }
.#{$fa-css-prefix}-search:before { content: fa-content($fa-var-search); }
.#{$fa-css-prefix}-search-minus:before { content: fa-content($fa-var-search-minus); }
.#{$fa-css-prefix}-search-plus:before { content: fa-content($fa-var-search-plus); }
.#{$fa-css-prefix}-searchengin:before { content: fa-content($fa-var-searchengin); }
.#{$fa-css-prefix}-sellcast:before { content: fa-content($fa-var-sellcast); }
.#{$fa-css-prefix}-sellsy:before { content: fa-content($fa-var-sellsy); }
.#{$fa-css-prefix}-server:before { content: fa-content($fa-var-server); }
.#{$fa-css-prefix}-servicestack:before { content: fa-content($fa-var-servicestack); }
.#{$fa-css-prefix}-share:before { content: fa-content($fa-var-share); }
.#{$fa-css-prefix}-share-alt:before { content: fa-content($fa-var-share-alt); }
.#{$fa-css-prefix}-share-alt-square:before { content: fa-content($fa-var-share-alt-square); }
.#{$fa-css-prefix}-share-square:before { content: fa-content($fa-var-share-square); }
.#{$fa-css-prefix}-shekel-sign:before { content: fa-content($fa-var-shekel-sign); }
.#{$fa-css-prefix}-shield-alt:before { content: fa-content($fa-var-shield-alt); }
.#{$fa-css-prefix}-ship:before { content: fa-content($fa-var-ship); }
.#{$fa-css-prefix}-shirtsinbulk:before { content: fa-content($fa-var-shirtsinbulk); }
.#{$fa-css-prefix}-shopping-bag:before { content: fa-content($fa-var-shopping-bag); }
.#{$fa-css-prefix}-shopping-basket:before { content: fa-content($fa-var-shopping-basket); }
.#{$fa-css-prefix}-shopping-cart:before { content: fa-content($fa-var-shopping-cart); }
.#{$fa-css-prefix}-shower:before { content: fa-content($fa-var-shower); }
.#{$fa-css-prefix}-sign-in-alt:before { content: fa-content($fa-var-sign-in-alt); }
.#{$fa-css-prefix}-sign-language:before { content: fa-content($fa-var-sign-language); }
.#{$fa-css-prefix}-sign-out-alt:before { content: fa-content($fa-var-sign-out-alt); }
.#{$fa-css-prefix}-signal:before { content: fa-content($fa-var-signal); }
.#{$fa-css-prefix}-simplybuilt:before { content: fa-content($fa-var-simplybuilt); }
.#{$fa-css-prefix}-sistrix:before { content: fa-content($fa-var-sistrix); }
.#{$fa-css-prefix}-sitemap:before { content: fa-content($fa-var-sitemap); }
.#{$fa-css-prefix}-skyatlas:before { content: fa-content($fa-var-skyatlas); }
.#{$fa-css-prefix}-skype:before { content: fa-content($fa-var-skype); }
.#{$fa-css-prefix}-slack:before { content: fa-content($fa-var-slack); }
.#{$fa-css-prefix}-slack-hash:before { content: fa-content($fa-var-slack-hash); }
.#{$fa-css-prefix}-sliders-h:before { content: fa-content($fa-var-sliders-h); }
.#{$fa-css-prefix}-slideshare:before { content: fa-content($fa-var-slideshare); }
.#{$fa-css-prefix}-smile:before { content: fa-content($fa-var-smile); }
.#{$fa-css-prefix}-snapchat:before { content: fa-content($fa-var-snapchat); }
.#{$fa-css-prefix}-snapchat-ghost:before { content: fa-content($fa-var-snapchat-ghost); }
.#{$fa-css-prefix}-snapchat-square:before { content: fa-content($fa-var-snapchat-square); }
.#{$fa-css-prefix}-snowflake:before { content: fa-content($fa-var-snowflake); }
.#{$fa-css-prefix}-sort:before { content: fa-content($fa-var-sort); }
.#{$fa-css-prefix}-sort-alpha-down:before { content: fa-content($fa-var-sort-alpha-down); }
.#{$fa-css-prefix}-sort-alpha-up:before { content: fa-content($fa-var-sort-alpha-up); }
.#{$fa-css-prefix}-sort-amount-down:before { content: fa-content($fa-var-sort-amount-down); }
.#{$fa-css-prefix}-sort-amount-up:before { content: fa-content($fa-var-sort-amount-up); }
.#{$fa-css-prefix}-sort-down:before { content: fa-content($fa-var-sort-down); }
.#{$fa-css-prefix}-sort-numeric-down:before { content: fa-content($fa-var-sort-numeric-down); }
.#{$fa-css-prefix}-sort-numeric-up:before { content: fa-content($fa-var-sort-numeric-up); }
.#{$fa-css-prefix}-sort-up:before { content: fa-content($fa-var-sort-up); }
.#{$fa-css-prefix}-soundcloud:before { content: fa-content($fa-var-soundcloud); }
.#{$fa-css-prefix}-space-shuttle:before { content: fa-content($fa-var-space-shuttle); }
.#{$fa-css-prefix}-speakap:before { content: fa-content($fa-var-speakap); }
.#{$fa-css-prefix}-spinner:before { content: fa-content($fa-var-spinner); }
.#{$fa-css-prefix}-spotify:before { content: fa-content($fa-var-spotify); }
.#{$fa-css-prefix}-square:before { content: fa-content($fa-var-square); }
.#{$fa-css-prefix}-square-full:before { content: fa-content($fa-var-square-full); }
.#{$fa-css-prefix}-stack-exchange:before { content: fa-content($fa-var-stack-exchange); }
.#{$fa-css-prefix}-stack-overflow:before { content: fa-content($fa-var-stack-overflow); }
.#{$fa-css-prefix}-star:before { content: fa-content($fa-var-star); }
.#{$fa-css-prefix}-star-half:before { content: fa-content($fa-var-star-half); }
.#{$fa-css-prefix}-staylinked:before { content: fa-content($fa-var-staylinked); }
.#{$fa-css-prefix}-steam:before { content: fa-content($fa-var-steam); }
.#{$fa-css-prefix}-steam-square:before { content: fa-content($fa-var-steam-square); }
.#{$fa-css-prefix}-steam-symbol:before { content: fa-content($fa-var-steam-symbol); }
.#{$fa-css-prefix}-step-backward:before { content: fa-content($fa-var-step-backward); }
.#{$fa-css-prefix}-step-forward:before { content: fa-content($fa-var-step-forward); }
.#{$fa-css-prefix}-stethoscope:before { content: fa-content($fa-var-stethoscope); }
.#{$fa-css-prefix}-sticker-mule:before { content: fa-content($fa-var-sticker-mule); }
.#{$fa-css-prefix}-sticky-note:before { content: fa-content($fa-var-sticky-note); }
.#{$fa-css-prefix}-stop:before { content: fa-content($fa-var-stop); }
.#{$fa-css-prefix}-stop-circle:before { content: fa-content($fa-var-stop-circle); }
.#{$fa-css-prefix}-stopwatch:before { content: fa-content($fa-var-stopwatch); }
.#{$fa-css-prefix}-strava:before { content: fa-content($fa-var-strava); }
.#{$fa-css-prefix}-street-view:before { content: fa-content($fa-var-street-view); }
.#{$fa-css-prefix}-strikethrough:before { content: fa-content($fa-var-strikethrough); }
.#{$fa-css-prefix}-stripe:before { content: fa-content($fa-var-stripe); }
.#{$fa-css-prefix}-stripe-s:before { content: fa-content($fa-var-stripe-s); }
.#{$fa-css-prefix}-studiovinari:before { content: fa-content($fa-var-studiovinari); }
.#{$fa-css-prefix}-stumbleupon:before { content: fa-content($fa-var-stumbleupon); }
.#{$fa-css-prefix}-stumbleupon-circle:before { content: fa-content($fa-var-stumbleupon-circle); }
.#{$fa-css-prefix}-subscript:before { content: fa-content($fa-var-subscript); }
.#{$fa-css-prefix}-subway:before { content: fa-content($fa-var-subway); }
.#{$fa-css-prefix}-suitcase:before { content: fa-content($fa-var-suitcase); }
.#{$fa-css-prefix}-sun:before { content: fa-content($fa-var-sun); }
.#{$fa-css-prefix}-superpowers:before { content: fa-content($fa-var-superpowers); }
.#{$fa-css-prefix}-superscript:before { content: fa-content($fa-var-superscript); }
.#{$fa-css-prefix}-supple:before { content: fa-content($fa-var-supple); }
.#{$fa-css-prefix}-sync:before { content: fa-content($fa-var-sync); }
.#{$fa-css-prefix}-sync-alt:before { content: fa-content($fa-var-sync-alt); }
.#{$fa-css-prefix}-table:before { content: fa-content($fa-var-table); }
.#{$fa-css-prefix}-table-tennis:before { content: fa-content($fa-var-table-tennis); }
.#{$fa-css-prefix}-tablet:before { content: fa-content($fa-var-tablet); }
.#{$fa-css-prefix}-tablet-alt:before { content: fa-content($fa-var-tablet-alt); }
.#{$fa-css-prefix}-tachometer-alt:before { content: fa-content($fa-var-tachometer-alt); }
.#{$fa-css-prefix}-tag:before { content: fa-content($fa-var-tag); }
.#{$fa-css-prefix}-tags:before { content: fa-content($fa-var-tags); }
.#{$fa-css-prefix}-tasks:before { content: fa-content($fa-var-tasks); }
.#{$fa-css-prefix}-taxi:before { content: fa-content($fa-var-taxi); }
.#{$fa-css-prefix}-telegram:before { content: fa-content($fa-var-telegram); }
.#{$fa-css-prefix}-telegram-plane:before { content: fa-content($fa-var-telegram-plane); }
.#{$fa-css-prefix}-tencent-weibo:before { content: fa-content($fa-var-tencent-weibo); }
.#{$fa-css-prefix}-terminal:before { content: fa-content($fa-var-terminal); }
.#{$fa-css-prefix}-text-height:before { content: fa-content($fa-var-text-height); }
.#{$fa-css-prefix}-text-width:before { content: fa-content($fa-var-text-width); }
.#{$fa-css-prefix}-th:before { content: fa-content($fa-var-th); }
.#{$fa-css-prefix}-th-large:before { content: fa-content($fa-var-th-large); }
.#{$fa-css-prefix}-th-list:before { content: fa-content($fa-var-th-list); }
.#{$fa-css-prefix}-themeisle:before { content: fa-content($fa-var-themeisle); }
.#{$fa-css-prefix}-thermometer-empty:before { content: fa-content($fa-var-thermometer-empty); }
.#{$fa-css-prefix}-thermometer-full:before { content: fa-content($fa-var-thermometer-full); }
.#{$fa-css-prefix}-thermometer-half:before { content: fa-content($fa-var-thermometer-half); }
.#{$fa-css-prefix}-thermometer-quarter:before { content: fa-content($fa-var-thermometer-quarter); }
.#{$fa-css-prefix}-thermometer-three-quarters:before { content: fa-content($fa-var-thermometer-three-quarters); }
.#{$fa-css-prefix}-thumbs-down:before { content: fa-content($fa-var-thumbs-down); }
.#{$fa-css-prefix}-thumbs-up:before { content: fa-content($fa-var-thumbs-up); }
.#{$fa-css-prefix}-thumbtack:before { content: fa-content($fa-var-thumbtack); }
.#{$fa-css-prefix}-ticket-alt:before { content: fa-content($fa-var-ticket-alt); }
.#{$fa-css-prefix}-times:before { content: fa-content($fa-var-times); }
.#{$fa-css-prefix}-times-circle:before { content: fa-content($fa-var-times-circle); }
.#{$fa-css-prefix}-tint:before { content: fa-content($fa-var-tint); }
.#{$fa-css-prefix}-toggle-off:before { content: fa-content($fa-var-toggle-off); }
.#{$fa-css-prefix}-toggle-on:before { content: fa-content($fa-var-toggle-on); }
.#{$fa-css-prefix}-trademark:before { content: fa-content($fa-var-trademark); }
.#{$fa-css-prefix}-train:before { content: fa-content($fa-var-train); }
.#{$fa-css-prefix}-transgender:before { content: fa-content($fa-var-transgender); }
.#{$fa-css-prefix}-transgender-alt:before { content: fa-content($fa-var-transgender-alt); }
.#{$fa-css-prefix}-trash:before { content: fa-content($fa-var-trash); }
.#{$fa-css-prefix}-trash-alt:before { content: fa-content($fa-var-trash-alt); }
.#{$fa-css-prefix}-tree:before { content: fa-content($fa-var-tree); }
.#{$fa-css-prefix}-trello:before { content: fa-content($fa-var-trello); }
.#{$fa-css-prefix}-tripadvisor:before { content: fa-content($fa-var-tripadvisor); }
.#{$fa-css-prefix}-trophy:before { content: fa-content($fa-var-trophy); }
.#{$fa-css-prefix}-truck:before { content: fa-content($fa-var-truck); }
.#{$fa-css-prefix}-tty:before { content: fa-content($fa-var-tty); }
.#{$fa-css-prefix}-tumblr:before { content: fa-content($fa-var-tumblr); }
.#{$fa-css-prefix}-tumblr-square:before { content: fa-content($fa-var-tumblr-square); }
.#{$fa-css-prefix}-tv:before { content: fa-content($fa-var-tv); }
.#{$fa-css-prefix}-twitch:before { content: fa-content($fa-var-twitch); }
.#{$fa-css-prefix}-twitter:before { content: fa-content($fa-var-twitter); }
.#{$fa-css-prefix}-twitter-square:before { content: fa-content($fa-var-twitter-square); }
.#{$fa-css-prefix}-typo3:before { content: fa-content($fa-var-typo3); }
.#{$fa-css-prefix}-uber:before { content: fa-content($fa-var-uber); }
.#{$fa-css-prefix}-uikit:before { content: fa-content($fa-var-uikit); }
.#{$fa-css-prefix}-umbrella:before { content: fa-content($fa-var-umbrella); }
.#{$fa-css-prefix}-underline:before { content: fa-content($fa-var-underline); }
.#{$fa-css-prefix}-undo:before { content: fa-content($fa-var-undo); }
.#{$fa-css-prefix}-undo-alt:before { content: fa-content($fa-var-undo-alt); }
.#{$fa-css-prefix}-uniregistry:before { content: fa-content($fa-var-uniregistry); }
.#{$fa-css-prefix}-universal-access:before { content: fa-content($fa-var-universal-access); }
.#{$fa-css-prefix}-university:before { content: fa-content($fa-var-university); }
.#{$fa-css-prefix}-unlink:before { content: fa-content($fa-var-unlink); }
.#{$fa-css-prefix}-unlock:before { content: fa-content($fa-var-unlock); }
.#{$fa-css-prefix}-unlock-alt:before { content: fa-content($fa-var-unlock-alt); }
.#{$fa-css-prefix}-untappd:before { content: fa-content($fa-var-untappd); }
.#{$fa-css-prefix}-upload:before { content: fa-content($fa-var-upload); }
.#{$fa-css-prefix}-usb:before { content: fa-content($fa-var-usb); }
.#{$fa-css-prefix}-user:before { content: fa-content($fa-var-user); }
.#{$fa-css-prefix}-user-circle:before { content: fa-content($fa-var-user-circle); }
.#{$fa-css-prefix}-user-md:before { content: fa-content($fa-var-user-md); }
.#{$fa-css-prefix}-user-plus:before { content: fa-content($fa-var-user-plus); }
.#{$fa-css-prefix}-user-secret:before { content: fa-content($fa-var-user-secret); }
.#{$fa-css-prefix}-user-times:before { content: fa-content($fa-var-user-times); }
.#{$fa-css-prefix}-users:before { content: fa-content($fa-var-users); }
.#{$fa-css-prefix}-ussunnah:before { content: fa-content($fa-var-ussunnah); }
.#{$fa-css-prefix}-utensil-spoon:before { content: fa-content($fa-var-utensil-spoon); }
.#{$fa-css-prefix}-utensils:before { content: fa-content($fa-var-utensils); }
.#{$fa-css-prefix}-vaadin:before { content: fa-content($fa-var-vaadin); }
.#{$fa-css-prefix}-venus:before { content: fa-content($fa-var-venus); }
.#{$fa-css-prefix}-venus-double:before { content: fa-content($fa-var-venus-double); }
.#{$fa-css-prefix}-venus-mars:before { content: fa-content($fa-var-venus-mars); }
.#{$fa-css-prefix}-viacoin:before { content: fa-content($fa-var-viacoin); }
.#{$fa-css-prefix}-viadeo:before { content: fa-content($fa-var-viadeo); }
.#{$fa-css-prefix}-viadeo-square:before { content: fa-content($fa-var-viadeo-square); }
.#{$fa-css-prefix}-viber:before { content: fa-content($fa-var-viber); }
.#{$fa-css-prefix}-video:before { content: fa-content($fa-var-video); }
.#{$fa-css-prefix}-vimeo:before { content: fa-content($fa-var-vimeo); }
.#{$fa-css-prefix}-vimeo-square:before { content: fa-content($fa-var-vimeo-square); }
.#{$fa-css-prefix}-vimeo-v:before { content: fa-content($fa-var-vimeo-v); }
.#{$fa-css-prefix}-vine:before { content: fa-content($fa-var-vine); }
.#{$fa-css-prefix}-vk:before { content: fa-content($fa-var-vk); }
.#{$fa-css-prefix}-vnv:before { content: fa-content($fa-var-vnv); }
.#{$fa-css-prefix}-volleyball-ball:before { content: fa-content($fa-var-volleyball-ball); }
.#{$fa-css-prefix}-volume-down:before { content: fa-content($fa-var-volume-down); }
.#{$fa-css-prefix}-volume-off:before { content: fa-content($fa-var-volume-off); }
.#{$fa-css-prefix}-volume-up:before { content: fa-content($fa-var-volume-up); }
.#{$fa-css-prefix}-vuejs:before { content: fa-content($fa-var-vuejs); }
.#{$fa-css-prefix}-weibo:before { content: fa-content($fa-var-weibo); }
.#{$fa-css-prefix}-weixin:before { content: fa-content($fa-var-weixin); }
.#{$fa-css-prefix}-whatsapp:before { content: fa-content($fa-var-whatsapp); }
.#{$fa-css-prefix}-whatsapp-square:before { content: fa-content($fa-var-whatsapp-square); }
.#{$fa-css-prefix}-wheelchair:before { content: fa-content($fa-var-wheelchair); }
.#{$fa-css-prefix}-whmcs:before { content: fa-content($fa-var-whmcs); }
.#{$fa-css-prefix}-wifi:before { content: fa-content($fa-var-wifi); }
.#{$fa-css-prefix}-wikipedia-w:before { content: fa-content($fa-var-wikipedia-w); }
.#{$fa-css-prefix}-window-close:before { content: fa-content($fa-var-window-close); }
.#{$fa-css-prefix}-window-maximize:before { content: fa-content($fa-var-window-maximize); }
.#{$fa-css-prefix}-window-minimize:before { content: fa-content($fa-var-window-minimize); }
.#{$fa-css-prefix}-window-restore:before { content: fa-content($fa-var-window-restore); }
.#{$fa-css-prefix}-windows:before { content: fa-content($fa-var-windows); }
.#{$fa-css-prefix}-won-sign:before { content: fa-content($fa-var-won-sign); }
.#{$fa-css-prefix}-wordpress:before { content: fa-content($fa-var-wordpress); }
.#{$fa-css-prefix}-wordpress-simple:before { content: fa-content($fa-var-wordpress-simple); }
.#{$fa-css-prefix}-wpbeginner:before { content: fa-content($fa-var-wpbeginner); }
.#{$fa-css-prefix}-wpexplorer:before { content: fa-content($fa-var-wpexplorer); }
.#{$fa-css-prefix}-wpforms:before { content: fa-content($fa-var-wpforms); }
.#{$fa-css-prefix}-wrench:before { content: fa-content($fa-var-wrench); }
.#{$fa-css-prefix}-xbox:before { content: fa-content($fa-var-xbox); }
.#{$fa-css-prefix}-xing:before { content: fa-content($fa-var-xing); }
.#{$fa-css-prefix}-xing-square:before { content: fa-content($fa-var-xing-square); }
.#{$fa-css-prefix}-y-combinator:before { content: fa-content($fa-var-y-combinator); }
.#{$fa-css-prefix}-yahoo:before { content: fa-content($fa-var-yahoo); }
.#{$fa-css-prefix}-yandex:before { content: fa-content($fa-var-yandex); }
.#{$fa-css-prefix}-yandex-international:before { content: fa-content($fa-var-yandex-international); }
.#{$fa-css-prefix}-yelp:before { content: fa-content($fa-var-yelp); }
.#{$fa-css-prefix}-yen-sign:before { content: fa-content($fa-var-yen-sign); }
.#{$fa-css-prefix}-yoast:before { content: fa-content($fa-var-yoast); }
.#{$fa-css-prefix}-youtube:before { content: fa-content($fa-var-youtube); }
.#{$fa-css-prefix}-youtube-square:before { content: fa-content($fa-var-youtube-square); }

View File

@@ -1,23 +0,0 @@
// Icon Sizes
// -------------------------
// makes the font 33% larger relative to the icon container
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -.0667em;
}
.#{$fa-css-prefix}-xs {
font-size: .75em;
}
.#{$fa-css-prefix}-sm {
font-size: .875em;
}
@for $i from 1 through 10 {
.#{$fa-css-prefix}-#{$i}x {
font-size: $i * 1em;
}
}

View File

@@ -1,18 +0,0 @@
// List Icons
// -------------------------
.#{$fa-css-prefix}-ul {
list-style-type: none;
margin-left: $fa-li-width * 5/4;
padding-left: 0;
> li { position: relative; }
}
.#{$fa-css-prefix}-li {
left: -$fa-li-width;
position: absolute;
text-align: center;
width: $fa-li-width;
line-height: inherit;
}

View File

@@ -1,57 +0,0 @@
// Mixins
// --------------------------
@mixin fa-icon {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: -.125em;
}
@mixin fa-icon-rotate($degrees, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
transform: scale($horiz, $vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
@mixin sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
@mixin sr-only-focusable {
&:active,
&:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
}

View File

@@ -1,23 +0,0 @@
// Rotated & Flipped Icons
// -------------------------
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root {
.#{$fa-css-prefix}-rotate-90,
.#{$fa-css-prefix}-rotate-180,
.#{$fa-css-prefix}-rotate-270,
.#{$fa-css-prefix}-flip-horizontal,
.#{$fa-css-prefix}-flip-vertical {
filter: none;
}
}

View File

@@ -1,5 +0,0 @@
// Screen Readers
// -------------------------
.sr-only { @include sr-only; }
.sr-only-focusable { @include sr-only-focusable; }

View File

@@ -1,31 +0,0 @@
// Stacked Icons
// -------------------------
.#{$fa-css-prefix}-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em;
}
.#{$fa-css-prefix}-stack-1x,
.#{$fa-css-prefix}-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.#{$fa-css-prefix}-stack-1x {
line-height: inherit;
}
.#{$fa-css-prefix}-stack-2x {
font-size: 2em;
}
.#{$fa-css-prefix}-inverse {
color: $fa-inverse;
}

View File

@@ -1,829 +0,0 @@
// Variables
// --------------------------
$fa-font-path: "../webfonts" !default;
$fa-font-size-base: 16px !default;
$fa-css-prefix: fa !default;
$fa-version: "5.0.6" !default;
$fa-border-color: #eee !default;
$fa-inverse: #fff !default;
$fa-li-width: 2em !default;
// Convenience function used to set content property
@function fa-content($fa-var) {
@return unquote("\"#{ $fa-var }\"");
}
$fa-var-500px: \f26e;
$fa-var-accessible-icon: \f368;
$fa-var-accusoft: \f369;
$fa-var-address-book: \f2b9;
$fa-var-address-card: \f2bb;
$fa-var-adjust: \f042;
$fa-var-adn: \f170;
$fa-var-adversal: \f36a;
$fa-var-affiliatetheme: \f36b;
$fa-var-algolia: \f36c;
$fa-var-align-center: \f037;
$fa-var-align-justify: \f039;
$fa-var-align-left: \f036;
$fa-var-align-right: \f038;
$fa-var-amazon: \f270;
$fa-var-amazon-pay: \f42c;
$fa-var-ambulance: \f0f9;
$fa-var-american-sign-language-interpreting: \f2a3;
$fa-var-amilia: \f36d;
$fa-var-anchor: \f13d;
$fa-var-android: \f17b;
$fa-var-angellist: \f209;
$fa-var-angle-double-down: \f103;
$fa-var-angle-double-left: \f100;
$fa-var-angle-double-right: \f101;
$fa-var-angle-double-up: \f102;
$fa-var-angle-down: \f107;
$fa-var-angle-left: \f104;
$fa-var-angle-right: \f105;
$fa-var-angle-up: \f106;
$fa-var-angrycreative: \f36e;
$fa-var-angular: \f420;
$fa-var-app-store: \f36f;
$fa-var-app-store-ios: \f370;
$fa-var-apper: \f371;
$fa-var-apple: \f179;
$fa-var-apple-pay: \f415;
$fa-var-archive: \f187;
$fa-var-arrow-alt-circle-down: \f358;
$fa-var-arrow-alt-circle-left: \f359;
$fa-var-arrow-alt-circle-right: \f35a;
$fa-var-arrow-alt-circle-up: \f35b;
$fa-var-arrow-circle-down: \f0ab;
$fa-var-arrow-circle-left: \f0a8;
$fa-var-arrow-circle-right: \f0a9;
$fa-var-arrow-circle-up: \f0aa;
$fa-var-arrow-down: \f063;
$fa-var-arrow-left: \f060;
$fa-var-arrow-right: \f061;
$fa-var-arrow-up: \f062;
$fa-var-arrows-alt: \f0b2;
$fa-var-arrows-alt-h: \f337;
$fa-var-arrows-alt-v: \f338;
$fa-var-assistive-listening-systems: \f2a2;
$fa-var-asterisk: \f069;
$fa-var-asymmetrik: \f372;
$fa-var-at: \f1fa;
$fa-var-audible: \f373;
$fa-var-audio-description: \f29e;
$fa-var-autoprefixer: \f41c;
$fa-var-avianex: \f374;
$fa-var-aviato: \f421;
$fa-var-aws: \f375;
$fa-var-backward: \f04a;
$fa-var-balance-scale: \f24e;
$fa-var-ban: \f05e;
$fa-var-bandcamp: \f2d5;
$fa-var-barcode: \f02a;
$fa-var-bars: \f0c9;
$fa-var-baseball-ball: \f433;
$fa-var-basketball-ball: \f434;
$fa-var-bath: \f2cd;
$fa-var-battery-empty: \f244;
$fa-var-battery-full: \f240;
$fa-var-battery-half: \f242;
$fa-var-battery-quarter: \f243;
$fa-var-battery-three-quarters: \f241;
$fa-var-bed: \f236;
$fa-var-beer: \f0fc;
$fa-var-behance: \f1b4;
$fa-var-behance-square: \f1b5;
$fa-var-bell: \f0f3;
$fa-var-bell-slash: \f1f6;
$fa-var-bicycle: \f206;
$fa-var-bimobject: \f378;
$fa-var-binoculars: \f1e5;
$fa-var-birthday-cake: \f1fd;
$fa-var-bitbucket: \f171;
$fa-var-bitcoin: \f379;
$fa-var-bity: \f37a;
$fa-var-black-tie: \f27e;
$fa-var-blackberry: \f37b;
$fa-var-blind: \f29d;
$fa-var-blogger: \f37c;
$fa-var-blogger-b: \f37d;
$fa-var-bluetooth: \f293;
$fa-var-bluetooth-b: \f294;
$fa-var-bold: \f032;
$fa-var-bolt: \f0e7;
$fa-var-bomb: \f1e2;
$fa-var-book: \f02d;
$fa-var-bookmark: \f02e;
$fa-var-bowling-ball: \f436;
$fa-var-braille: \f2a1;
$fa-var-briefcase: \f0b1;
$fa-var-btc: \f15a;
$fa-var-bug: \f188;
$fa-var-building: \f1ad;
$fa-var-bullhorn: \f0a1;
$fa-var-bullseye: \f140;
$fa-var-buromobelexperte: \f37f;
$fa-var-bus: \f207;
$fa-var-buysellads: \f20d;
$fa-var-calculator: \f1ec;
$fa-var-calendar: \f133;
$fa-var-calendar-alt: \f073;
$fa-var-calendar-check: \f274;
$fa-var-calendar-minus: \f272;
$fa-var-calendar-plus: \f271;
$fa-var-calendar-times: \f273;
$fa-var-camera: \f030;
$fa-var-camera-retro: \f083;
$fa-var-car: \f1b9;
$fa-var-caret-down: \f0d7;
$fa-var-caret-left: \f0d9;
$fa-var-caret-right: \f0da;
$fa-var-caret-square-down: \f150;
$fa-var-caret-square-left: \f191;
$fa-var-caret-square-right: \f152;
$fa-var-caret-square-up: \f151;
$fa-var-caret-up: \f0d8;
$fa-var-cart-arrow-down: \f218;
$fa-var-cart-plus: \f217;
$fa-var-cc-amazon-pay: \f42d;
$fa-var-cc-amex: \f1f3;
$fa-var-cc-apple-pay: \f416;
$fa-var-cc-diners-club: \f24c;
$fa-var-cc-discover: \f1f2;
$fa-var-cc-jcb: \f24b;
$fa-var-cc-mastercard: \f1f1;
$fa-var-cc-paypal: \f1f4;
$fa-var-cc-stripe: \f1f5;
$fa-var-cc-visa: \f1f0;
$fa-var-centercode: \f380;
$fa-var-certificate: \f0a3;
$fa-var-chart-area: \f1fe;
$fa-var-chart-bar: \f080;
$fa-var-chart-line: \f201;
$fa-var-chart-pie: \f200;
$fa-var-check: \f00c;
$fa-var-check-circle: \f058;
$fa-var-check-square: \f14a;
$fa-var-chess: \f439;
$fa-var-chess-bishop: \f43a;
$fa-var-chess-board: \f43c;
$fa-var-chess-king: \f43f;
$fa-var-chess-knight: \f441;
$fa-var-chess-pawn: \f443;
$fa-var-chess-queen: \f445;
$fa-var-chess-rook: \f447;
$fa-var-chevron-circle-down: \f13a;
$fa-var-chevron-circle-left: \f137;
$fa-var-chevron-circle-right: \f138;
$fa-var-chevron-circle-up: \f139;
$fa-var-chevron-down: \f078;
$fa-var-chevron-left: \f053;
$fa-var-chevron-right: \f054;
$fa-var-chevron-up: \f077;
$fa-var-child: \f1ae;
$fa-var-chrome: \f268;
$fa-var-circle: \f111;
$fa-var-circle-notch: \f1ce;
$fa-var-clipboard: \f328;
$fa-var-clock: \f017;
$fa-var-clone: \f24d;
$fa-var-closed-captioning: \f20a;
$fa-var-cloud: \f0c2;
$fa-var-cloud-download-alt: \f381;
$fa-var-cloud-upload-alt: \f382;
$fa-var-cloudscale: \f383;
$fa-var-cloudsmith: \f384;
$fa-var-cloudversify: \f385;
$fa-var-code: \f121;
$fa-var-code-branch: \f126;
$fa-var-codepen: \f1cb;
$fa-var-codiepie: \f284;
$fa-var-coffee: \f0f4;
$fa-var-cog: \f013;
$fa-var-cogs: \f085;
$fa-var-columns: \f0db;
$fa-var-comment: \f075;
$fa-var-comment-alt: \f27a;
$fa-var-comments: \f086;
$fa-var-compass: \f14e;
$fa-var-compress: \f066;
$fa-var-connectdevelop: \f20e;
$fa-var-contao: \f26d;
$fa-var-copy: \f0c5;
$fa-var-copyright: \f1f9;
$fa-var-cpanel: \f388;
$fa-var-creative-commons: \f25e;
$fa-var-credit-card: \f09d;
$fa-var-crop: \f125;
$fa-var-crosshairs: \f05b;
$fa-var-css3: \f13c;
$fa-var-css3-alt: \f38b;
$fa-var-cube: \f1b2;
$fa-var-cubes: \f1b3;
$fa-var-cut: \f0c4;
$fa-var-cuttlefish: \f38c;
$fa-var-d-and-d: \f38d;
$fa-var-dashcube: \f210;
$fa-var-database: \f1c0;
$fa-var-deaf: \f2a4;
$fa-var-delicious: \f1a5;
$fa-var-deploydog: \f38e;
$fa-var-deskpro: \f38f;
$fa-var-desktop: \f108;
$fa-var-deviantart: \f1bd;
$fa-var-digg: \f1a6;
$fa-var-digital-ocean: \f391;
$fa-var-discord: \f392;
$fa-var-discourse: \f393;
$fa-var-dochub: \f394;
$fa-var-docker: \f395;
$fa-var-dollar-sign: \f155;
$fa-var-dot-circle: \f192;
$fa-var-download: \f019;
$fa-var-draft2digital: \f396;
$fa-var-dribbble: \f17d;
$fa-var-dribbble-square: \f397;
$fa-var-dropbox: \f16b;
$fa-var-drupal: \f1a9;
$fa-var-dyalog: \f399;
$fa-var-earlybirds: \f39a;
$fa-var-edge: \f282;
$fa-var-edit: \f044;
$fa-var-eject: \f052;
$fa-var-elementor: \f430;
$fa-var-ellipsis-h: \f141;
$fa-var-ellipsis-v: \f142;
$fa-var-ember: \f423;
$fa-var-empire: \f1d1;
$fa-var-envelope: \f0e0;
$fa-var-envelope-open: \f2b6;
$fa-var-envelope-square: \f199;
$fa-var-envira: \f299;
$fa-var-eraser: \f12d;
$fa-var-erlang: \f39d;
$fa-var-ethereum: \f42e;
$fa-var-etsy: \f2d7;
$fa-var-euro-sign: \f153;
$fa-var-exchange-alt: \f362;
$fa-var-exclamation: \f12a;
$fa-var-exclamation-circle: \f06a;
$fa-var-exclamation-triangle: \f071;
$fa-var-expand: \f065;
$fa-var-expand-arrows-alt: \f31e;
$fa-var-expeditedssl: \f23e;
$fa-var-external-link-alt: \f35d;
$fa-var-external-link-square-alt: \f360;
$fa-var-eye: \f06e;
$fa-var-eye-dropper: \f1fb;
$fa-var-eye-slash: \f070;
$fa-var-facebook: \f09a;
$fa-var-facebook-f: \f39e;
$fa-var-facebook-messenger: \f39f;
$fa-var-facebook-square: \f082;
$fa-var-fast-backward: \f049;
$fa-var-fast-forward: \f050;
$fa-var-fax: \f1ac;
$fa-var-female: \f182;
$fa-var-fighter-jet: \f0fb;
$fa-var-file: \f15b;
$fa-var-file-alt: \f15c;
$fa-var-file-archive: \f1c6;
$fa-var-file-audio: \f1c7;
$fa-var-file-code: \f1c9;
$fa-var-file-excel: \f1c3;
$fa-var-file-image: \f1c5;
$fa-var-file-pdf: \f1c1;
$fa-var-file-powerpoint: \f1c4;
$fa-var-file-video: \f1c8;
$fa-var-file-word: \f1c2;
$fa-var-film: \f008;
$fa-var-filter: \f0b0;
$fa-var-fire: \f06d;
$fa-var-fire-extinguisher: \f134;
$fa-var-firefox: \f269;
$fa-var-first-order: \f2b0;
$fa-var-firstdraft: \f3a1;
$fa-var-flag: \f024;
$fa-var-flag-checkered: \f11e;
$fa-var-flask: \f0c3;
$fa-var-flickr: \f16e;
$fa-var-flipboard: \f44d;
$fa-var-fly: \f417;
$fa-var-folder: \f07b;
$fa-var-folder-open: \f07c;
$fa-var-font: \f031;
$fa-var-font-awesome: \f2b4;
$fa-var-font-awesome-alt: \f35c;
$fa-var-font-awesome-flag: \f425;
$fa-var-fonticons: \f280;
$fa-var-fonticons-fi: \f3a2;
$fa-var-football-ball: \f44e;
$fa-var-fort-awesome: \f286;
$fa-var-fort-awesome-alt: \f3a3;
$fa-var-forumbee: \f211;
$fa-var-forward: \f04e;
$fa-var-foursquare: \f180;
$fa-var-free-code-camp: \f2c5;
$fa-var-freebsd: \f3a4;
$fa-var-frown: \f119;
$fa-var-futbol: \f1e3;
$fa-var-gamepad: \f11b;
$fa-var-gavel: \f0e3;
$fa-var-gem: \f3a5;
$fa-var-genderless: \f22d;
$fa-var-get-pocket: \f265;
$fa-var-gg: \f260;
$fa-var-gg-circle: \f261;
$fa-var-gift: \f06b;
$fa-var-git: \f1d3;
$fa-var-git-square: \f1d2;
$fa-var-github: \f09b;
$fa-var-github-alt: \f113;
$fa-var-github-square: \f092;
$fa-var-gitkraken: \f3a6;
$fa-var-gitlab: \f296;
$fa-var-gitter: \f426;
$fa-var-glass-martini: \f000;
$fa-var-glide: \f2a5;
$fa-var-glide-g: \f2a6;
$fa-var-globe: \f0ac;
$fa-var-gofore: \f3a7;
$fa-var-golf-ball: \f450;
$fa-var-goodreads: \f3a8;
$fa-var-goodreads-g: \f3a9;
$fa-var-google: \f1a0;
$fa-var-google-drive: \f3aa;
$fa-var-google-play: \f3ab;
$fa-var-google-plus: \f2b3;
$fa-var-google-plus-g: \f0d5;
$fa-var-google-plus-square: \f0d4;
$fa-var-google-wallet: \f1ee;
$fa-var-graduation-cap: \f19d;
$fa-var-gratipay: \f184;
$fa-var-grav: \f2d6;
$fa-var-gripfire: \f3ac;
$fa-var-grunt: \f3ad;
$fa-var-gulp: \f3ae;
$fa-var-h-square: \f0fd;
$fa-var-hacker-news: \f1d4;
$fa-var-hacker-news-square: \f3af;
$fa-var-hand-lizard: \f258;
$fa-var-hand-paper: \f256;
$fa-var-hand-peace: \f25b;
$fa-var-hand-point-down: \f0a7;
$fa-var-hand-point-left: \f0a5;
$fa-var-hand-point-right: \f0a4;
$fa-var-hand-point-up: \f0a6;
$fa-var-hand-pointer: \f25a;
$fa-var-hand-rock: \f255;
$fa-var-hand-scissors: \f257;
$fa-var-hand-spock: \f259;
$fa-var-handshake: \f2b5;
$fa-var-hashtag: \f292;
$fa-var-hdd: \f0a0;
$fa-var-heading: \f1dc;
$fa-var-headphones: \f025;
$fa-var-heart: \f004;
$fa-var-heartbeat: \f21e;
$fa-var-hips: \f452;
$fa-var-hire-a-helper: \f3b0;
$fa-var-history: \f1da;
$fa-var-hockey-puck: \f453;
$fa-var-home: \f015;
$fa-var-hooli: \f427;
$fa-var-hospital: \f0f8;
$fa-var-hotjar: \f3b1;
$fa-var-hourglass: \f254;
$fa-var-hourglass-end: \f253;
$fa-var-hourglass-half: \f252;
$fa-var-hourglass-start: \f251;
$fa-var-houzz: \f27c;
$fa-var-html5: \f13b;
$fa-var-hubspot: \f3b2;
$fa-var-i-cursor: \f246;
$fa-var-id-badge: \f2c1;
$fa-var-id-card: \f2c2;
$fa-var-image: \f03e;
$fa-var-images: \f302;
$fa-var-imdb: \f2d8;
$fa-var-inbox: \f01c;
$fa-var-indent: \f03c;
$fa-var-industry: \f275;
$fa-var-info: \f129;
$fa-var-info-circle: \f05a;
$fa-var-instagram: \f16d;
$fa-var-internet-explorer: \f26b;
$fa-var-ioxhost: \f208;
$fa-var-italic: \f033;
$fa-var-itunes: \f3b4;
$fa-var-itunes-note: \f3b5;
$fa-var-jenkins: \f3b6;
$fa-var-joget: \f3b7;
$fa-var-joomla: \f1aa;
$fa-var-js: \f3b8;
$fa-var-js-square: \f3b9;
$fa-var-jsfiddle: \f1cc;
$fa-var-key: \f084;
$fa-var-keyboard: \f11c;
$fa-var-keycdn: \f3ba;
$fa-var-kickstarter: \f3bb;
$fa-var-kickstarter-k: \f3bc;
$fa-var-korvue: \f42f;
$fa-var-language: \f1ab;
$fa-var-laptop: \f109;
$fa-var-laravel: \f3bd;
$fa-var-lastfm: \f202;
$fa-var-lastfm-square: \f203;
$fa-var-leaf: \f06c;
$fa-var-leanpub: \f212;
$fa-var-lemon: \f094;
$fa-var-less: \f41d;
$fa-var-level-down-alt: \f3be;
$fa-var-level-up-alt: \f3bf;
$fa-var-life-ring: \f1cd;
$fa-var-lightbulb: \f0eb;
$fa-var-line: \f3c0;
$fa-var-link: \f0c1;
$fa-var-linkedin: \f08c;
$fa-var-linkedin-in: \f0e1;
$fa-var-linode: \f2b8;
$fa-var-linux: \f17c;
$fa-var-lira-sign: \f195;
$fa-var-list: \f03a;
$fa-var-list-alt: \f022;
$fa-var-list-ol: \f0cb;
$fa-var-list-ul: \f0ca;
$fa-var-location-arrow: \f124;
$fa-var-lock: \f023;
$fa-var-lock-open: \f3c1;
$fa-var-long-arrow-alt-down: \f309;
$fa-var-long-arrow-alt-left: \f30a;
$fa-var-long-arrow-alt-right: \f30b;
$fa-var-long-arrow-alt-up: \f30c;
$fa-var-low-vision: \f2a8;
$fa-var-lyft: \f3c3;
$fa-var-magento: \f3c4;
$fa-var-magic: \f0d0;
$fa-var-magnet: \f076;
$fa-var-male: \f183;
$fa-var-map: \f279;
$fa-var-map-marker: \f041;
$fa-var-map-marker-alt: \f3c5;
$fa-var-map-pin: \f276;
$fa-var-map-signs: \f277;
$fa-var-mars: \f222;
$fa-var-mars-double: \f227;
$fa-var-mars-stroke: \f229;
$fa-var-mars-stroke-h: \f22b;
$fa-var-mars-stroke-v: \f22a;
$fa-var-maxcdn: \f136;
$fa-var-medapps: \f3c6;
$fa-var-medium: \f23a;
$fa-var-medium-m: \f3c7;
$fa-var-medkit: \f0fa;
$fa-var-medrt: \f3c8;
$fa-var-meetup: \f2e0;
$fa-var-meh: \f11a;
$fa-var-mercury: \f223;
$fa-var-microchip: \f2db;
$fa-var-microphone: \f130;
$fa-var-microphone-slash: \f131;
$fa-var-microsoft: \f3ca;
$fa-var-minus: \f068;
$fa-var-minus-circle: \f056;
$fa-var-minus-square: \f146;
$fa-var-mix: \f3cb;
$fa-var-mixcloud: \f289;
$fa-var-mizuni: \f3cc;
$fa-var-mobile: \f10b;
$fa-var-mobile-alt: \f3cd;
$fa-var-modx: \f285;
$fa-var-monero: \f3d0;
$fa-var-money-bill-alt: \f3d1;
$fa-var-moon: \f186;
$fa-var-motorcycle: \f21c;
$fa-var-mouse-pointer: \f245;
$fa-var-music: \f001;
$fa-var-napster: \f3d2;
$fa-var-neuter: \f22c;
$fa-var-newspaper: \f1ea;
$fa-var-nintendo-switch: \f418;
$fa-var-node: \f419;
$fa-var-node-js: \f3d3;
$fa-var-npm: \f3d4;
$fa-var-ns8: \f3d5;
$fa-var-nutritionix: \f3d6;
$fa-var-object-group: \f247;
$fa-var-object-ungroup: \f248;
$fa-var-odnoklassniki: \f263;
$fa-var-odnoklassniki-square: \f264;
$fa-var-opencart: \f23d;
$fa-var-openid: \f19b;
$fa-var-opera: \f26a;
$fa-var-optin-monster: \f23c;
$fa-var-osi: \f41a;
$fa-var-outdent: \f03b;
$fa-var-page4: \f3d7;
$fa-var-pagelines: \f18c;
$fa-var-paint-brush: \f1fc;
$fa-var-palfed: \f3d8;
$fa-var-paper-plane: \f1d8;
$fa-var-paperclip: \f0c6;
$fa-var-paragraph: \f1dd;
$fa-var-paste: \f0ea;
$fa-var-patreon: \f3d9;
$fa-var-pause: \f04c;
$fa-var-pause-circle: \f28b;
$fa-var-paw: \f1b0;
$fa-var-paypal: \f1ed;
$fa-var-pen-square: \f14b;
$fa-var-pencil-alt: \f303;
$fa-var-percent: \f295;
$fa-var-periscope: \f3da;
$fa-var-phabricator: \f3db;
$fa-var-phoenix-framework: \f3dc;
$fa-var-phone: \f095;
$fa-var-phone-square: \f098;
$fa-var-phone-volume: \f2a0;
$fa-var-php: \f457;
$fa-var-pied-piper: \f2ae;
$fa-var-pied-piper-alt: \f1a8;
$fa-var-pied-piper-pp: \f1a7;
$fa-var-pinterest: \f0d2;
$fa-var-pinterest-p: \f231;
$fa-var-pinterest-square: \f0d3;
$fa-var-plane: \f072;
$fa-var-play: \f04b;
$fa-var-play-circle: \f144;
$fa-var-playstation: \f3df;
$fa-var-plug: \f1e6;
$fa-var-plus: \f067;
$fa-var-plus-circle: \f055;
$fa-var-plus-square: \f0fe;
$fa-var-podcast: \f2ce;
$fa-var-pound-sign: \f154;
$fa-var-power-off: \f011;
$fa-var-print: \f02f;
$fa-var-product-hunt: \f288;
$fa-var-pushed: \f3e1;
$fa-var-puzzle-piece: \f12e;
$fa-var-python: \f3e2;
$fa-var-qq: \f1d6;
$fa-var-qrcode: \f029;
$fa-var-question: \f128;
$fa-var-question-circle: \f059;
$fa-var-quidditch: \f458;
$fa-var-quinscape: \f459;
$fa-var-quora: \f2c4;
$fa-var-quote-left: \f10d;
$fa-var-quote-right: \f10e;
$fa-var-random: \f074;
$fa-var-ravelry: \f2d9;
$fa-var-react: \f41b;
$fa-var-rebel: \f1d0;
$fa-var-recycle: \f1b8;
$fa-var-red-river: \f3e3;
$fa-var-reddit: \f1a1;
$fa-var-reddit-alien: \f281;
$fa-var-reddit-square: \f1a2;
$fa-var-redo: \f01e;
$fa-var-redo-alt: \f2f9;
$fa-var-registered: \f25d;
$fa-var-rendact: \f3e4;
$fa-var-renren: \f18b;
$fa-var-reply: \f3e5;
$fa-var-reply-all: \f122;
$fa-var-replyd: \f3e6;
$fa-var-resolving: \f3e7;
$fa-var-retweet: \f079;
$fa-var-road: \f018;
$fa-var-rocket: \f135;
$fa-var-rocketchat: \f3e8;
$fa-var-rockrms: \f3e9;
$fa-var-rss: \f09e;
$fa-var-rss-square: \f143;
$fa-var-ruble-sign: \f158;
$fa-var-rupee-sign: \f156;
$fa-var-safari: \f267;
$fa-var-sass: \f41e;
$fa-var-save: \f0c7;
$fa-var-schlix: \f3ea;
$fa-var-scribd: \f28a;
$fa-var-search: \f002;
$fa-var-search-minus: \f010;
$fa-var-search-plus: \f00e;
$fa-var-searchengin: \f3eb;
$fa-var-sellcast: \f2da;
$fa-var-sellsy: \f213;
$fa-var-server: \f233;
$fa-var-servicestack: \f3ec;
$fa-var-share: \f064;
$fa-var-share-alt: \f1e0;
$fa-var-share-alt-square: \f1e1;
$fa-var-share-square: \f14d;
$fa-var-shekel-sign: \f20b;
$fa-var-shield-alt: \f3ed;
$fa-var-ship: \f21a;
$fa-var-shirtsinbulk: \f214;
$fa-var-shopping-bag: \f290;
$fa-var-shopping-basket: \f291;
$fa-var-shopping-cart: \f07a;
$fa-var-shower: \f2cc;
$fa-var-sign-in-alt: \f2f6;
$fa-var-sign-language: \f2a7;
$fa-var-sign-out-alt: \f2f5;
$fa-var-signal: \f012;
$fa-var-simplybuilt: \f215;
$fa-var-sistrix: \f3ee;
$fa-var-sitemap: \f0e8;
$fa-var-skyatlas: \f216;
$fa-var-skype: \f17e;
$fa-var-slack: \f198;
$fa-var-slack-hash: \f3ef;
$fa-var-sliders-h: \f1de;
$fa-var-slideshare: \f1e7;
$fa-var-smile: \f118;
$fa-var-snapchat: \f2ab;
$fa-var-snapchat-ghost: \f2ac;
$fa-var-snapchat-square: \f2ad;
$fa-var-snowflake: \f2dc;
$fa-var-sort: \f0dc;
$fa-var-sort-alpha-down: \f15d;
$fa-var-sort-alpha-up: \f15e;
$fa-var-sort-amount-down: \f160;
$fa-var-sort-amount-up: \f161;
$fa-var-sort-down: \f0dd;
$fa-var-sort-numeric-down: \f162;
$fa-var-sort-numeric-up: \f163;
$fa-var-sort-up: \f0de;
$fa-var-soundcloud: \f1be;
$fa-var-space-shuttle: \f197;
$fa-var-speakap: \f3f3;
$fa-var-spinner: \f110;
$fa-var-spotify: \f1bc;
$fa-var-square: \f0c8;
$fa-var-square-full: \f45c;
$fa-var-stack-exchange: \f18d;
$fa-var-stack-overflow: \f16c;
$fa-var-star: \f005;
$fa-var-star-half: \f089;
$fa-var-staylinked: \f3f5;
$fa-var-steam: \f1b6;
$fa-var-steam-square: \f1b7;
$fa-var-steam-symbol: \f3f6;
$fa-var-step-backward: \f048;
$fa-var-step-forward: \f051;
$fa-var-stethoscope: \f0f1;
$fa-var-sticker-mule: \f3f7;
$fa-var-sticky-note: \f249;
$fa-var-stop: \f04d;
$fa-var-stop-circle: \f28d;
$fa-var-stopwatch: \f2f2;
$fa-var-strava: \f428;
$fa-var-street-view: \f21d;
$fa-var-strikethrough: \f0cc;
$fa-var-stripe: \f429;
$fa-var-stripe-s: \f42a;
$fa-var-studiovinari: \f3f8;
$fa-var-stumbleupon: \f1a4;
$fa-var-stumbleupon-circle: \f1a3;
$fa-var-subscript: \f12c;
$fa-var-subway: \f239;
$fa-var-suitcase: \f0f2;
$fa-var-sun: \f185;
$fa-var-superpowers: \f2dd;
$fa-var-superscript: \f12b;
$fa-var-supple: \f3f9;
$fa-var-sync: \f021;
$fa-var-sync-alt: \f2f1;
$fa-var-table: \f0ce;
$fa-var-table-tennis: \f45d;
$fa-var-tablet: \f10a;
$fa-var-tablet-alt: \f3fa;
$fa-var-tachometer-alt: \f3fd;
$fa-var-tag: \f02b;
$fa-var-tags: \f02c;
$fa-var-tasks: \f0ae;
$fa-var-taxi: \f1ba;
$fa-var-telegram: \f2c6;
$fa-var-telegram-plane: \f3fe;
$fa-var-tencent-weibo: \f1d5;
$fa-var-terminal: \f120;
$fa-var-text-height: \f034;
$fa-var-text-width: \f035;
$fa-var-th: \f00a;
$fa-var-th-large: \f009;
$fa-var-th-list: \f00b;
$fa-var-themeisle: \f2b2;
$fa-var-thermometer-empty: \f2cb;
$fa-var-thermometer-full: \f2c7;
$fa-var-thermometer-half: \f2c9;
$fa-var-thermometer-quarter: \f2ca;
$fa-var-thermometer-three-quarters: \f2c8;
$fa-var-thumbs-down: \f165;
$fa-var-thumbs-up: \f164;
$fa-var-thumbtack: \f08d;
$fa-var-ticket-alt: \f3ff;
$fa-var-times: \f00d;
$fa-var-times-circle: \f057;
$fa-var-tint: \f043;
$fa-var-toggle-off: \f204;
$fa-var-toggle-on: \f205;
$fa-var-trademark: \f25c;
$fa-var-train: \f238;
$fa-var-transgender: \f224;
$fa-var-transgender-alt: \f225;
$fa-var-trash: \f1f8;
$fa-var-trash-alt: \f2ed;
$fa-var-tree: \f1bb;
$fa-var-trello: \f181;
$fa-var-tripadvisor: \f262;
$fa-var-trophy: \f091;
$fa-var-truck: \f0d1;
$fa-var-tty: \f1e4;
$fa-var-tumblr: \f173;
$fa-var-tumblr-square: \f174;
$fa-var-tv: \f26c;
$fa-var-twitch: \f1e8;
$fa-var-twitter: \f099;
$fa-var-twitter-square: \f081;
$fa-var-typo3: \f42b;
$fa-var-uber: \f402;
$fa-var-uikit: \f403;
$fa-var-umbrella: \f0e9;
$fa-var-underline: \f0cd;
$fa-var-undo: \f0e2;
$fa-var-undo-alt: \f2ea;
$fa-var-uniregistry: \f404;
$fa-var-universal-access: \f29a;
$fa-var-university: \f19c;
$fa-var-unlink: \f127;
$fa-var-unlock: \f09c;
$fa-var-unlock-alt: \f13e;
$fa-var-untappd: \f405;
$fa-var-upload: \f093;
$fa-var-usb: \f287;
$fa-var-user: \f007;
$fa-var-user-circle: \f2bd;
$fa-var-user-md: \f0f0;
$fa-var-user-plus: \f234;
$fa-var-user-secret: \f21b;
$fa-var-user-times: \f235;
$fa-var-users: \f0c0;
$fa-var-ussunnah: \f407;
$fa-var-utensil-spoon: \f2e5;
$fa-var-utensils: \f2e7;
$fa-var-vaadin: \f408;
$fa-var-venus: \f221;
$fa-var-venus-double: \f226;
$fa-var-venus-mars: \f228;
$fa-var-viacoin: \f237;
$fa-var-viadeo: \f2a9;
$fa-var-viadeo-square: \f2aa;
$fa-var-viber: \f409;
$fa-var-video: \f03d;
$fa-var-vimeo: \f40a;
$fa-var-vimeo-square: \f194;
$fa-var-vimeo-v: \f27d;
$fa-var-vine: \f1ca;
$fa-var-vk: \f189;
$fa-var-vnv: \f40b;
$fa-var-volleyball-ball: \f45f;
$fa-var-volume-down: \f027;
$fa-var-volume-off: \f026;
$fa-var-volume-up: \f028;
$fa-var-vuejs: \f41f;
$fa-var-weibo: \f18a;
$fa-var-weixin: \f1d7;
$fa-var-whatsapp: \f232;
$fa-var-whatsapp-square: \f40c;
$fa-var-wheelchair: \f193;
$fa-var-whmcs: \f40d;
$fa-var-wifi: \f1eb;
$fa-var-wikipedia-w: \f266;
$fa-var-window-close: \f410;
$fa-var-window-maximize: \f2d0;
$fa-var-window-minimize: \f2d1;
$fa-var-window-restore: \f2d2;
$fa-var-windows: \f17a;
$fa-var-won-sign: \f159;
$fa-var-wordpress: \f19a;
$fa-var-wordpress-simple: \f411;
$fa-var-wpbeginner: \f297;
$fa-var-wpexplorer: \f2de;
$fa-var-wpforms: \f298;
$fa-var-wrench: \f0ad;
$fa-var-xbox: \f412;
$fa-var-xing: \f168;
$fa-var-xing-square: \f169;
$fa-var-y-combinator: \f23b;
$fa-var-yahoo: \f19e;
$fa-var-yandex: \f413;
$fa-var-yandex-international: \f414;
$fa-var-yelp: \f1e9;
$fa-var-yen-sign: \f157;
$fa-var-yoast: \f2b1;
$fa-var-youtube: \f167;
$fa-var-youtube-square: \f431;

View File

@@ -1,21 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@import 'variables';
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
src: url('#{$fa-font-path}/fa-brands-400.eot');
src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
}
.fab {
font-family: 'Font Awesome 5 Brands';
}

View File

@@ -1,22 +0,0 @@
/*!
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@import 'variables';
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
src: url('#{$fa-font-path}/fa-regular-400.eot');
src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
}
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}

Some files were not shown because too many files have changed in this diff Show More