Merge pull request #3734 from gregory-p/wordpress

new css

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

@@ -85,7 +85,9 @@ body {
 html,
 body {
   width: 100%;
-  height: 100%; }
+  height: 100%;
+  margin: 0;
+  padding: 0; }
 
 .wrapper {
   display: block;
@@ -122,12 +124,45 @@ body {
     margin-bottom: 0; }
     .content.no-pb .cont.back-white {
       margin-bottom: 32px; }
+  .content.promo-facebook {
+    padding-top: 0;
+    margin-bottom: 0; }
   @media (min-width: 769px) {
     .content {
       padding-top: 72px; } }
   .content.white {
     background: #fff; }
 
+.sub-input {
+  display: block;
+  color: #000;
+  margin-bottom: 5px;
+  margin-top: -5px; }
+  .sub-input ::-webkit-input-placeholder {
+    font-size: 14px;
+    font-weight: 100;
+    color: #48566b; }
+  .sub-input ::-moz-placeholder {
+    font-size: 14px;
+    font-weight: 100;
+    color: #48566b; }
+  .sub-input :-ms-input-placeholder {
+    font-size: 14px;
+    font-weight: 100;
+    color: #48566b; }
+  .sub-input :-moz-placeholder {
+    font-size: 14px;
+    font-weight: 100;
+    color: #48566b; }
+  .sub-input input[type=email] {
+    width: 200px;
+    border-radius: 20px;
+    margin-top: 5px;
+    margin-right: 5px; }
+  .sub-input .button {
+    top: -1px;
+    margin-top: 5px; }
+
 .cont,
 .cont-help {
   max-width: 1230px;
@@ -207,6 +242,10 @@ body {
 a img {
   border: none; }
 
+a {
+  color: #337ab7;
+  text-decoration: none; }
+
 a:focus {
   text-decoration: none; }
 
@@ -519,6 +558,18 @@ select {
       display: inline-block;
       vertical-align: middle; }
 
+.nowrap {
+  white-space: nowrap; }
+
+.table-overflow {
+  overflow: auto; }
+  .table-overflow table {
+    min-width: 460px; }
+    .table-overflow table th {
+      white-space: nowrap; }
+      .table-overflow table th .question-line {
+        white-space: normal; }
+
 /* Icons. */
 @font-face {
   font-family: lawcarta;
@@ -614,6 +665,39 @@ select {
 .icon-promo-check:before {
   content: "\e929"; }
 
+.icon-edit-history:before {
+  content: "\e920"; }
+
+.icon-book:before {
+  content: "\e904"; }
+
+.icon-youtube:before {
+  content: "\ea9d"; }
+
+.icon-edit2:before {
+  content: "\e914"; }
+
+.icon-quotes-right:before {
+  content: "\e978"; }
+
+.icon-promo-customize:before {
+  content: "\e93b"; }
+
+.icon-promo-publish:before {
+  content: "\e93c"; }
+
+.icon-promo-publish-class:before {
+  content: "\e93d"; }
+
+.icon-promo-quotes:before {
+  content: "\e93e"; }
+
+.icon-promo-royalties:before {
+  content: "\e93f"; }
+
+.icon-promo-supplement:before {
+  content: "\e940"; }
+
 /* Buttons. */
 .btn {
   font-size: 13px; }
@@ -1236,12 +1320,16 @@ footer {
       font-size: 12px;
       text-transform: uppercase;
       font-weight: 600;
-      margin-bottom: 10px; }
+      margin-bottom: 5px; }
       @media (min-width: 769px) {
         footer .app-download .title {
           margin-bottom: 15px; } }
     footer .app-download img {
-      max-width: 140px; }
+      max-width: 140px;
+      margin-top: 5px; }
+      @media (min-width: 769px) {
+        footer .app-download img {
+          margin-top: 0; } }
     footer .app-download.old {
       margin-top: 10px;
       padding-bottom: 10px; }
@@ -1319,35 +1407,6 @@ footer {
           opacity: 0.7; }
         footer.v2 .footer-menu .social a .icon-linkedin {
           font-size: 18px; }
-      footer.v2 .footer-menu .sub-input {
-        display: block;
-        color: #000;
-        margin-bottom: 5px;
-        margin-top: -5px; }
-        footer.v2 .footer-menu .sub-input ::-webkit-input-placeholder {
-          font-size: 14px;
-          font-weight: 100;
-          color: #48566b; }
-        footer.v2 .footer-menu .sub-input ::-moz-placeholder {
-          font-size: 14px;
-          font-weight: 100;
-          color: #48566b; }
-        footer.v2 .footer-menu .sub-input :-ms-input-placeholder {
-          font-size: 14px;
-          font-weight: 100;
-          color: #48566b; }
-        footer.v2 .footer-menu .sub-input :-moz-placeholder {
-          font-size: 14px;
-          font-weight: 100;
-          color: #48566b; }
-        footer.v2 .footer-menu .sub-input input[type=email] {
-          width: 200px;
-          border-radius: 20px;
-          margin-top: 5px;
-          margin-right: 5px; }
-        footer.v2 .footer-menu .sub-input .button {
-          top: -1px;
-          margin-top: 5px; }
       footer.v2 .footer-menu .copyright {
         display: block; }
         footer.v2 .footer-menu .copyright a {
@@ -1518,7 +1577,8 @@ footer {
       font-weight: bold;
       font-size: 32px;
       color: #32221a;
-      line-height: 1.2; }
+      line-height: 1.2;
+      margin: 0; }
       @media (min-width: 769px) {
         .main-page .promo-top .line1 {
           font-size: 38px;
@@ -1676,6 +1736,13 @@ footer {
         padding: 50px 0 20px; }
         .main-page .promo-header h3 {
           font-size: 30px; } }
+    .main-page .promo-header.facebook h3 {
+      display: inline-block;
+      font-size: 35px;
+      color: #539AEA;
+      font-weight: 100;
+      text-transform: uppercase;
+      line-height: 1.3; }
   .main-page .feature-block {
     display: block;
     position: relative;
@@ -1792,6 +1859,113 @@ footer {
       .main-page .feature-block.promo .fb-text,
       .main-page .feature-block.promo .fb-buttons {
         margin-left: 47%; } }
+    .main-page .feature-block.promo.facebook {
+      padding: 40px 0; }
+      .main-page .feature-block.promo.facebook.right-img {
+        padding-bottom: 20px; }
+      .main-page .feature-block.promo.facebook .cont {
+        max-width: 1140px; }
+      .main-page .feature-block.promo.facebook:first-child {
+        padding-top: 30px; }
+      .main-page .feature-block.promo.facebook .fb-title {
+        font-size: 29px;
+        text-transform: uppercase;
+        font-weight: bold;
+        margin-bottom: 20px; }
+        .main-page .feature-block.promo.facebook .fb-title.bottom {
+          font-size: 24px;
+          font-weight: 500;
+          text-transform: none;
+          margin-top: 40px;
+          text-align: center; }
+          @media (min-width: 769px) {
+            .main-page .feature-block.promo.facebook .fb-title.bottom {
+              text-align: left; } }
+        .main-page .feature-block.promo.facebook .fb-title.logo {
+          margin-bottom: 30px; }
+      .main-page .feature-block.promo.facebook .fb-text {
+        margin: 0; }
+        .main-page .feature-block.promo.facebook .fb-text p.with-icon {
+          margin-top: 0;
+          padding-left: 70px; }
+          .main-page .feature-block.promo.facebook .fb-text p.with-icon b {
+            font-size: 22px;
+            line-height: 1.1;
+            font-weight: 600;
+            margin-bottom: 7px;
+            color: #134d94; }
+          .main-page .feature-block.promo.facebook .fb-text p.with-icon [class^="icon-"],
+          .main-page .feature-block.promo.facebook .fb-text p.with-icon [class*=" icon-"] {
+            font-size: 50px;
+            color: #134d94; }
+          @media (min-width: 769px) {
+            .main-page .feature-block.promo.facebook .fb-text p.with-icon {
+              padding-left: 90px; }
+              .main-page .feature-block.promo.facebook .fb-text p.with-icon [class^="icon-"],
+              .main-page .feature-block.promo.facebook .fb-text p.with-icon [class*=" icon-"] {
+                font-size: 60px; } }
+        .main-page .feature-block.promo.facebook .fb-text .with-icon + .with-icon {
+          margin-top: 50px; }
+        .main-page .feature-block.promo.facebook .fb-text .sub-input {
+          margin-top: 35px;
+          text-align: center; }
+          @media (min-width: 769px) {
+            .main-page .feature-block.promo.facebook .fb-text .sub-input {
+              text-align: left; } }
+          .main-page .feature-block.promo.facebook .fb-text .sub-input .form-group {
+            vertical-align: top;
+            display: inline-block;
+            margin: 0;
+            padding: 0;
+            max-width: 100%; }
+          .main-page .feature-block.promo.facebook .fb-text .sub-input .form-group .help-block {
+            font-size: 12px; }
+          .main-page .feature-block.promo.facebook .fb-text .sub-input .form-group input {
+            border-radius: 0;
+            width: 350px;
+            max-width: 100%;
+            margin: 0 5px 0 0;
+            line-height: 34px;
+            border-radius: 5px;
+            height: 36px;
+            max-width: 100%; }
+          .main-page .feature-block.promo.facebook .fb-text .sub-input .button {
+            min-width: 100px;
+            vertical-align: top;
+            margin: 1px 0 0; }
+            .main-page .feature-block.promo.facebook .fb-text .sub-input .button.xl {
+              line-height: 36px;
+              height: auto; }
+          .main-page .feature-block.promo.facebook .fb-text .sub-input.success {
+            padding: 15px;
+            border: 2px solid #539aea;
+            text-align: center;
+            border-radius: 20px; }
+            .main-page .feature-block.promo.facebook .fb-text .sub-input.success .fb-title {
+              text-align: center;
+              margin-top: 5px; }
+      .main-page .feature-block.promo.facebook.with-bg .fb-text p.with-icon b, .main-page .feature-block.promo.facebook.with-bg .fb-text p.with-icon [class^="icon-"], .main-page .feature-block.promo.facebook.with-bg .fb-text p.with-icon [class*=" icon-"] {
+        color: #fff; }
+      @media (min-width: 768px) {
+        .main-page .feature-block.promo.facebook.right-img .fb-title, .main-page .feature-block.promo.facebook.right-img .fb-text {
+          margin-left: 0;
+          margin-right: 43%; }
+        .main-page .feature-block.promo.facebook.right-img .fb-text .fb-title {
+          margin-right: 0; } }
+    .main-page .feature-block.right-img {
+      padding-bottom: 20px; }
+      @media (min-width: 768px) {
+        .main-page .feature-block.right-img .fb-title, .main-page .feature-block.right-img .fb-text {
+          margin-left: 0;
+          margin-right: 43%; }
+        .main-page .feature-block.right-img .fb-img {
+          width: 38%; } }
+      .main-page .feature-block.right-img .sub-input .fb-title {
+        margin-right: 0; }
+      .main-page .feature-block.right-img .fb-img {
+        float: right; }
+      .main-page .feature-block.right-img .fb-text {
+        font-size: 18px; }
     @media (min-width: 769px) {
       .main-page .feature-block.about {
         padding: 37px 0; } }
@@ -1961,6 +2135,80 @@ footer {
           color: #fff; }
         .main-page .mp-serve .serve-col:hover .normal {
           color: #fff; }
+    .main-page .mp-serve.reviews {
+      background: none; }
+      .main-page .mp-serve.reviews .cont {
+        max-width: 1280px; }
+      @media (min-width: 769px) {
+        .main-page .mp-serve.reviews .divider {
+          display: block;
+          width: 3%;
+          -webkit-box-flex: 0;
+              -ms-flex: 0 0 auto;
+                  flex: 0 0 auto; } }
+      .main-page .mp-serve.reviews .serve-col {
+        font-size: 15px;
+        padding: 60px 30px 30px;
+        margin-top: 50px;
+        border: 2px solid #539AEA;
+        border-radius: 26px;
+        -webkit-box-shadow: none;
+                box-shadow: none; }
+        @media (min-width: 769px) {
+          .main-page .mp-serve.reviews .serve-col {
+            width: 31.333333%;
+            margin-top: 10px; } }
+        .main-page .mp-serve.reviews .serve-col:hover {
+          background: #fff;
+          color: #475669;
+          -webkit-box-shadow: none;
+                  box-shadow: none; }
+        .main-page .mp-serve.reviews .serve-col .italic {
+          font-style: italic; }
+        .main-page .mp-serve.reviews .serve-col .sc-avatar {
+          position: absolute;
+          left: 50%;
+          top: 0;
+          -webkit-transform: translate(-50%, -50%);
+                  transform: translate(-50%, -50%);
+          border-left: 25px solid #fff;
+          border-right: 25px solid #fff; }
+          .main-page .mp-serve.reviews .serve-col .sc-avatar .avatar-cont {
+            width: 98px;
+            height: 98px;
+            text-align: center;
+            border-radius: 50%;
+            overflow: hidden; }
+          .main-page .mp-serve.reviews .serve-col .sc-avatar img {
+            max-width: 100%;
+            max-height: 100%; }
+        .main-page .mp-serve.reviews .serve-col .sc-author {
+          font-size: 16px;
+          color: #333; }
+          .main-page .mp-serve.reviews .serve-col .sc-author p {
+            margin: 0; }
+        .main-page .mp-serve.reviews .serve-col .sc-author-text {
+          font-style: italic;
+          margin: 40px 0 0;
+          position: relative; }
+          .main-page .mp-serve.reviews .serve-col .sc-author-text .quote-icon {
+            color: #539AEA; }
+            .main-page .mp-serve.reviews .serve-col .sc-author-text .quote-icon .icon-promo-quotes {
+              font-size: 20px; }
+            .main-page .mp-serve.reviews .serve-col .sc-author-text .quote-icon.top {
+              position: absolute;
+              left: -10px;
+              top: -25px;
+              -webkit-transform: rotate(180deg);
+                      transform: rotate(180deg); }
+            .main-page .mp-serve.reviews .serve-col .sc-author-text .quote-icon.bottom {
+              width: 0;
+              height: 0;
+              display: inline-block;
+              position: relative;
+              top: 15px;
+              margin-left: -5px;
+              margin: -10px 0; }
   .main-page .mp-small-block {
     padding: 15px 0 65px;
     margin-bottom: 20px; }