Finalizes design for special offer page.

2 files changed, 35 insertions, 0 deletions

diff --git a/sass/theme.scss b/sass/theme.scss
index 5cbd95f..27d7d23 100644
--- a/sass/theme.scss
+++ b/sass/theme.scss
@@ -24,3 +24,4 @@
 // Any additional imported files //
 @import "theme/contact-form7"; // Contact Form 7 - Bootstrap 4 support
 @import "theme/theme";  // <--------- That's where you can add your own design. Thats your part!
+@import "theme/offer";  // <--------- That's where you can add your own design. Thats your part!
diff --git a/sass/theme/_offer.scss b/sass/theme/_offer.scss
new file mode 100644
index 0000000..710b18f
--- /dev/null
+++ b/sass/theme/_offer.scss
@@ -0,0 +1,34 @@
+.offer-page {
+	margin-bottom: 2rem;
+}
+
+.card {
+	margin-bottom: 1rem;
+}
+
+.card-img {
+	padding: 5px;
+	padding-top: 1rem;
+}
+
+.card p {
+	font-size: 18px;
+}
+
+.card-header {
+	padding-bottom: 0;
+}
+
+.off-badge {
+	color: white; 
+	background-color: #F82F06 !important;
+	font-size: 150%; 
+	padding-right: 10px; 
+	padding-left:10px; 
+	opacity: 0.9;
+	margin-bottom: 150% !important;
+	margin-right: 1rem;
+}
+.off-badge-small {
+	font-size: 120%; 
+}