Merge pull request #7437 from Jerryby/wordpress

LAW-5969

htdocs/wp-content/themes/lawcarta/assets/css/main-page.css

@@ -776,15 +776,6 @@ blockquote {
   display: none;
 }
 
-@-webkit-keyframes bgmove {
-  from {
-    background-position: 0 0;
-  }
-  to {
-    background-position: 40px 0;
-  }
-}
-
 @keyframes bgmove {
   from {
     background-position: 0 0;
@@ -817,13 +808,9 @@ blockquote {
   right: 0;
   bottom: 0;
   background: url("../img/bg-animation.png") left top rgba(255, 255, 255, 0.85);
-  -webkit-animation-name: bgmove;
   animation-name: bgmove;
-  -webkit-animation-duration: 1s;
   animation-duration: 1s;
-  -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
-  -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   z-index: 20;
   opacity: 0.6;
@@ -1689,6 +1676,10 @@ blockquote {
   z-index: 22;
   box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.05);
   min-width: 32rem;
+  transition: transform 300ms ease-out;
+}
+.header.hidden-header {
+  transform: translateY(-100%);
 }
 .header .header-btn {
   display: block;
@@ -1752,6 +1743,10 @@ blockquote {
   padding: 1rem 0.5rem;
   margin: 0 -0.5rem;
 }
+.header .logo img {
+  width: auto;
+  height: auto;
+}
 .header .desktop-menu {
   display: none;
 }
@@ -1818,11 +1813,12 @@ blockquote {
   max-width: 95%;
   width: 30rem;
   background-color: #fff;
-  border-radius: 0.4rem 0 0 0.4rem;
+  border-radius: 0 0.4rem 0.4rem 0;
   text-align: left;
   padding: 2rem;
   position: relative;
   z-index: 3;
+  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
 }
 .header .mobile-menu .mm-cont .menu-link-cont {
   display: flex;
@@ -1838,7 +1834,7 @@ blockquote {
   text-decoration: none;
 }
 .header .mobile-menu .menu-link {
-  font-size: 1.4rem;
+  font-size: 1.6rem;
   display: block;
   padding: 1rem 1rem;
   color: #333;
@@ -1872,12 +1868,17 @@ blockquote {
 .header .mobile-menu .acc-manage {
   display: block;
   border-bottom: 0.1rem solid #C6C6C6;
+  margin-bottom: 1rem;
+  padding-top: 0.5rem;
 }
 .header .mobile-menu .acc-manage .label {
   color: #848484;
-  font-size: 1.2rem;
+  font-size: 1.6rem;
   font-weight: normal;
-  padding-left: 1rem;
+  padding: 0 0 0 1rem;
+  display: block;
+  text-align: left;
+  margin-bottom: -0.2rem;
 }
 .header .desktop-sign-cont {
   display: none;
@@ -1887,7 +1888,7 @@ blockquote {
   box-shadow: none;
   background: none;
   border: none;
-  font-size: 1.4rem;
+  font-size: 1.6rem;
   padding: 0.8rem 1rem;
   color: #333;
   text-align: left;
@@ -1995,6 +1996,7 @@ blockquote {
     white-space: nowrap;
     max-width: 100%;
     max-height: none;
+    overflow: visible;
   }
   .header .mobile-menu .mm-bg {
     background: none;
@@ -2005,11 +2007,11 @@ blockquote {
     display: none;
   }
   .header .mobile-menu .mm-cont {
-    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
+    padding: 1.5rem;
-    padding: 0.5rem 1rem;
     width: auto;
     margin: 0;
     max-width: none;
+    border-radius: 0.4rem;
   }
   .header .desktop-sign-cont {
     display: flex;
@@ -2264,6 +2266,7 @@ footer .app-download .title {
 footer .app-download img {
   max-width: 140px;
   margin-top: 5px;
+  height: auto;
 }
 @media (min-width: 769px) {
   footer .app-download img {
@@ -2629,17 +2632,6 @@ footer.v2 .footer-menu .fm-line a {
 .main-page .promo-top .line2 .animated-text {
   color: #7bb2d1;
 }
-@-webkit-keyframes cursor-animation {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
 @keyframes cursor-animation {
   0% {
     opacity: 1;
@@ -2660,7 +2652,6 @@ footer.v2 .footer-menu .fm-line a {
   height: 24px;
   margin: -5px 2px;
   background: #7bb2d1;
-  -webkit-animation: cursor-animation 0.5s infinite;
   animation: cursor-animation 0.5s infinite;
 }
 @media (min-width: 769px) {