diff --git a/assets/css/app.scss b/assets/css/app.scss
index ff946a1..2d1abd6 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -2,6 +2,34 @@
@import 'noto-sans.css';
@import 'beam-weapon.css';
+/* latin-ext */
+@font-face {
+ font-family: 'Cardo';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/cardo/v19/wlp_gwjKBV1pqhv23IEp2A.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+ font-family: 'Cardo';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://fonts.gstatic.com/s/cardo/v19/wlp_gwjKBV1pqhv43IE.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+ font-family: 'Garamond Premier Pro Display';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url('/assets/fonts/Garamond Premier Pro Display.otf') format('otf');
+}
+
* {
--hover-color: #f18902;
--border-slim-color: #495057;
@@ -9,6 +37,8 @@
--red-color: #9D0208;
--orange-color: #E85D04;
--blue-color: #023e8a;
+
+ --ast-border-color: #dddddd;
}
header > h1 {
@@ -16,23 +46,6 @@ header > h1 {
}
@media (min-width: 1200px) {
- header > h1 {
- font-family: 'Beam Weapon', sans-serif;
- font-weight: bold;
- text-shadow: 2px 1px 2px #fff, -1px -1px 2px #fff;
- display: block;
- font-size: 115px;
- padding: 0;
- text-align: center;
- background: no-repeat center url("/assets/images/background.webp");
- background: no-repeat center image-set(url("/assets/images/background.webp") 1x, url("/assets/images/background.jpeg") 1x);
- border-radius: 4px;
- background-size: 1280px 200px;
- width: 1280px;
- height: 200px;
- margin: auto;
- }
-
article {
width: 1280px;
margin: auto auto;
@@ -69,18 +82,19 @@ article {
}
* {
- font-family: 'Noto Sans', sans-serif;
+ font-family: 'Cardo', sans-serif;
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
- font-family: Georgia, "Times New Roman", Times, serif;
+ font-family: 'Cardo', serif;
line-height: 1.2;
}
h1 {
- font-size: 3.4rem;
- margin-bottom: .8rem;
+ font-family: "Garamond Premier Pro Display", Sans-serif;
+ font-size: 39px;
+ font-weight: 600;
}
h2 {
@@ -122,11 +136,11 @@ blockquote {
}
blockquote p {
- font: italic 1.2rem/1.6 Georgia, "Times New Roman", Times, serif;
+ font: italic 1.2rem/1.6 'Cardo', serif;
}
local-businesses local-business p {
- font-family: 'Noto Sans', sans-serif;
+ font-family: 'Cardo', sans-serif;
}
.error {
@@ -162,44 +176,41 @@ ow-nav > ow-path[selected="selected"] > svg {
.btn {
cursor: pointer;
- border-radius: 5px;
- box-shadow: 0 10px 20px -6px rgba(0, 0, 0, .12);
position: relative;
- margin-bottom: 20px;
-
display: inline-block;
- font-weight: 400;
text-align: center;
vertical-align: middle;
user-select: none;
- font-size: 1rem;
- line-height: 1.5;
- transition: color .15s ease-in-out,
- background-color .15s ease-in-out,
- border-color .15s ease-in-out,
- box-shadow .15s ease-in-out;
width: auto;
height: calc(1.5em + 0.75rem + 2px);
- padding: .375rem .75rem;
-
- border: 1px solid #495057;
- color: #495057;
- background: white;
+ border: 1px solid black;
+ color: white;
+ background: black;
+ padding: 10px 20px;
+ font-family: "Cardo", Sans-serif;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 1em;
+ letter-spacing: 0;
+ transition: all 0.2s;
}
a.btn {
text-decoration: none;
line-height: 2;
}
+
privacy-policy h2 {
display: block;
text-align: center;
}
+
privacy-policy h4 {
display: block;
text-align: center;
margin-bottom: 8px;
}
+
privacy-policy ul li {
list-style: circle;
}
diff --git a/assets/fonts/Cardo-Bold.ttf b/assets/fonts/Cardo-Bold.ttf
new file mode 100644
index 0000000..8d4fb3e
Binary files /dev/null and b/assets/fonts/Cardo-Bold.ttf differ
diff --git a/assets/fonts/Cardo-Italic.ttf b/assets/fonts/Cardo-Italic.ttf
new file mode 100644
index 0000000..6d0adcd
Binary files /dev/null and b/assets/fonts/Cardo-Italic.ttf differ
diff --git a/assets/fonts/Cardo-Regular.ttf b/assets/fonts/Cardo-Regular.ttf
new file mode 100644
index 0000000..854f295
Binary files /dev/null and b/assets/fonts/Cardo-Regular.ttf differ
diff --git a/assets/fonts/Garamond Premier Pro Display.otf b/assets/fonts/Garamond Premier Pro Display.otf
new file mode 100644
index 0000000..19ad7e8
Binary files /dev/null and b/assets/fonts/Garamond Premier Pro Display.otf differ
diff --git a/client/src/business-items/business-item-editor.js b/client/src/business-items/business-item-editor.js
index 3b2fea2..17741b1 100644
--- a/client/src/business-items/business-item-editor.js
+++ b/client/src/business-items/business-item-editor.js
@@ -55,11 +55,13 @@ customElements.define('business-item-editor', class extends Component {