Merge branch 'extend-content' into dev

wp-content/themes/biuro/404.php

@@ -21,7 +21,7 @@ get_header(); ?>
         <main id="main" class="l-main">
 
             <div class="c-404">
-                <p class="c-404--heading">404</p>
+                <p class="c-404--heading"><span>404</span></p>
                 <p class="c-404--message"><?php _e('Sorry, the page you are looking for does not exist!', 'biuro'); ?></p>
                 <p>
                     <a href="<?php echo pll_home_url(); ?>" class="o-btn c-btn--main"><?php _e('Return to homepage', 'biuro'); ?></a>

wp-content/themes/biuro/css/07-components/_component--404.css

@@ -6,14 +6,12 @@
 
 .c-404 { text-align: center; padding: 200px 0; }
 
-.c-404--heading { height: 128px; margin: 0; padding: 0; color: #069980; font-size: 109px; font-weight: 500; line-height: 128px; }
+.c-404--heading { height: 128px; margin: 0; padding: 0; color: #069980; font-size: 109px; font-weight: 500; line-height: 128px;
+    span {
+        background: -webkit-linear-gradient(138.69deg, #2fb8a1, #4eacd9 78%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+}
 
 .c-404--message { margin-bottom: 40px; }
-
-/*
-.c-404--heading {
-  background: -webkit-linear-gradient(138.69deg,#4eacd9,#2fb8a1)
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-*/

wp-content/themes/biuro/css/07-components/_component--sections.css

@@ -27,23 +27,21 @@
 
 .c-sections--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
 
-
-
 .c-sections--item-inner  { position: absolute; top: 0; left: 0; width: 100%; height: 211px; padding: 27px 21px; border-radius: 3px; background: #FFFFFF;  box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); overflow: hidden; }
 
-.c-sections--toggle  { position: absolute; left: 0; width: 100%; bottom: 0; padding: 15px 0; text-align: center; background: #FFFFFF; border-radius: 0 0 3px 3px; z-index: 60; box-shadow: 0 -37px 24px  0px hsla(0,0%,100%,.78); cursor: pointer; }
+.c-sections--toggle  { position: absolute; left: 0; width: 100%; bottom: 0; padding: 15px 0; text-align: center; background: #FFFFFF; border-radius: 0 0 3px 3px; z-index: 60; box-shadow: 0 -37px 24px  0px hsla(0,0%,100%,.78); cursor: pointer; color: #004ED4; }
 
 .c-sections--toggle-up { display: none; }
 
-.c-sections--header { height: 56px; margin-bottom: 20px; overflow: hidden;  color: #004ED4; font-size: 15px; font-weight: bold; line-height: 56px; }
+.c-sections--header { height: 56px; margin-bottom: 20px; overflow: hidden; color: #004ED4; font-size: 15px; font-weight: bold; line-height: 56px; }
 
 .c-sections--ico  { float: left; margin-right: 20px; height: 56px; width: 56px; background-color: #E8F0FF; border-radius: 50%;  }
 
-.c-sections--content  { color: #868C93;  font-size: 12px; line-height: 20px;
+.c-sections--content  { color: #868C93;  font-size: 14px; line-height: 20px;
     ul  { margin: 30px 0 0; padding: 0; list-style: none; }
 }
 
-.c-sections--is-open { height: 451px; z-index: 80;
+.c-sections--is-open { height: auto; z-index: 80;
     .c-sections--toggle { box-shadow: none; }
     .c-sections--toggle-down { display: none;  }
     .c-sections--toggle-up { display: inline; }

wp-content/themes/biuro/css/07-components/_component--services.css

@@ -23,11 +23,11 @@
 
 .c-services--item-inner  { position: absolute; top: 0; left: 0; width: 100%; height: 245px; border-radius: 3px; background-color: #FFFFFF;  box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); }
 
-.c-services--toggle  { display: block; position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; }
+.c-services--toggle  { display: block; position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; color: #1FB299; }
 
 .c-services--toggle-up { display: none; }
 
-.c-services--is-open { height: 341px; z-index: 200;
+.c-services--is-open { height: auto; z-index: 200;
     .c-services--toggle-down { display: none;  }
     .c-services--toggle-up { display: inline; }
     .c-services--content { display: block; }
@@ -44,6 +44,6 @@
 .c-services--sub-heading  { min-height: 27px; margin: 0; padding: 0 10px; color: #2A3644; font-size: 14px; font-weight: bold; line-height: 25px; text-align: center; }
 
 .c-services--content { display: none;
-    ul {position: absolute; margin: 0; padding: 0 0 40px; list-style: none; width: 100%; border-radius: 3px; background-color: #FFFFFF;  }
+    ul { margin: 0; padding: 0 0 40px; list-style: none; width: 100%; border-radius: 3px; background-color: #FFFFFF;  }
     li { text-align: center; color: #6C7683; font-size: 14px; font-weight: 500; line-height: 25px; text-align: center; }
 }