Zmieniamy sie navigation popup added

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / components / _support.scss

diff --git a/src/wolnelektury/static/2022/styles/components/_support.scss b/src/wolnelektury/static/2022/styles/components/_support.scss
index 4f0ce2b..cde1ba8 100644 (file)
--- a/src/wolnelektury/static/2022/styles/components/_support.scss
+++ b/src/wolnelektury/static/2022/styles/components/_support.scss
@@ -1,22 +1,23 @@
 .c-support {
   display: flex;
   margin-top: 50px;
 .c-support {
   display: flex;
   margin-top: 50px;

-  background: #FFF1BF url(../images/bg.png) top center no-repeat;
+  background: #96C13D;

   border-radius: 15px;
   overflow: hidden;
   justify-content: center;
   align-items: center;
 
   h2 {
   border-radius: 15px;
   overflow: hidden;
   justify-content: center;
   align-items: center;
 
   h2 {

-    padding-left: 44px;
-    padding-right: 20px;

     margin: 0 auto;
     font-style: italic;
     margin: 0 auto;
     font-style: italic;

-    font-weight: 300;
-    font-size: 48px;
-    line-height: 72px;
+    font-weight: 400;
+    font-size: 34px;
+    line-height: 47px;

     letter-spacing: -0.02em;
     letter-spacing: -0.02em;

-    color: #333333;
+    color: #ffffff;
+    span {
+      color: #007880;
+    }

   }
 
   figure {
   }
 
   figure {


@@ -26,23 +27,18 @@
   }
 
   a {
   }
 
   a {

-    bottom: 34px;
-    left: 0; right: 0;

     width: 100%;
     width: 100%;

-    margin: 0 auto;
-    max-width: 343px;
-    position: absolute;
+    margin: 40px auto 0;

     font-weight: 600;
     font-size: 22px;
     line-height: 28px;
     font-weight: 600;
     font-size: 22px;
     line-height: 28px;

-    color: #333333;
+    color: #ffffff;

     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     padding: 12px 22px 14px 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     padding: 12px 22px 14px 28px;

-    background: #FFF1BF;
-    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
+    background: #007880;

     border-radius: 5px;
     transition: all $ease-dynamic 350ms;
 
     border-radius: 5px;
     transition: all $ease-dynamic 350ms;
 


@@ -51,3 +47,7 @@
     }
   }
 }
     }
   }
 }

+
+.c-support__content {
+  padding: 16px 32px 30px 32px;
+}