styles for cookies popups

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

@@ -512,11 +512,6 @@ a:focus {
     .front-accordion .form-group textarea {
       width: 765px;
       max-width: 100%; }
-    .front-accordion .form-group .button,
-    .front-accordion .form-group input[type=text],
-    .front-accordion .form-group select,
-    .front-accordion .form-group textarea {
-      margin-bottom: 11px; }
     .front-accordion .form-group p {
       font-size: 13px;
       color: #333333; }
@@ -672,6 +667,186 @@ blockquote {
   to {
     background-position: 40px 0; } }
 
+.fireworks-container {
+  display: block;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  z-index: 1045;
+  pointer-events: none;
+  left: 0;
+  top: 0; }
+
+.loading-div {
+  position: relative;
+  min-height: 100px; }
+  .loading-div:after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    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: .6; }
+
+.loading-icon {
+  display: block;
+  margin: 10px auto 0;
+  width: 40px;
+  height: 40px;
+  background: url(../img/ajax-loader-fe.gif) center center no-repeat;
+  background-size: cover; }
+
+.cookie-set-block .cs-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 19px 0;
+  white-space: nowrap; }
+  .cookie-set-block .cs-head .right {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 auto;
+            flex: 0 0 auto; }
+  .cookie-set-block .cs-head .left {
+    -webkit-box-flex: 1;
+        -ms-flex: 1 1 auto;
+            flex: 1 1 auto; }
+  .cookie-set-block .cs-head .title {
+    border: none;
+    background: none;
+    font-size: 14px;
+    font-weight: bold;
+    padding: 0; }
+    @media (min-width: 540px) {
+      .cookie-set-block .cs-head .title {
+        font-size: 16px; } }
+    @media (min-width: 768px) {
+      .cookie-set-block .cs-head .title {
+        font-size: 18px; } }
+    .cookie-set-block .cs-head .title .icon-caret {
+      display: inline-block;
+      vertical-align: middle;
+      font-size: 14px;
+      color: #0055D6;
+      -webkit-transform: scale(1.2, 1) rotate(90deg);
+              transform: scale(1.2, 1) rotate(90deg);
+      position: relative;
+      top: -1px;
+      margin-left: 5px; }
+    .cookie-set-block .cs-head .title[aria-expanded="true"] .icon-down {
+      -webkit-transform: scale(1.2, 1) rotate(-90deg);
+              transform: scale(1.2, 1) rotate(-90deg); }
+  .cookie-set-block .cs-head .red {
+    color: #159201; }
+
+.cookie-set-block .cs-body p {
+  margin-bottom: 20px; }
+
+.cookie-set-block + .cookie-set-block {
+  border-top: 1px solid #E0E0E0; }
+
+.cookies-bottom-panel {
+  display: block;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background: #FFFFFF;
+  -webkit-box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.21);
+          box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.21);
+  z-index: 2147483639;
+  padding: 15px 0;
+  min-width: 300px; }
+  .cookies-bottom-panel .cont {
+    max-width: 1280px;
+    padding: 0 10px; }
+  .cookies-bottom-panel .cb-flex {
+    width: 100%; }
+    .cookies-bottom-panel .cb-flex .right {
+      margin-top: 10px;
+      text-align: right; }
+    @media (min-width: 768px) {
+      .cookies-bottom-panel .cb-flex {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+            -ms-flex-align: center;
+                align-items: center; }
+        .cookies-bottom-panel .cb-flex .left {
+          -webkit-box-flex: 1;
+              -ms-flex: 1 1 auto;
+                  flex: 1 1 auto; }
+        .cookies-bottom-panel .cb-flex .right {
+          margin-top: 0;
+          -webkit-box-flex: 0;
+              -ms-flex: 0 0 auto;
+                  flex: 0 0 auto;
+          padding-left: 40px; } }
+    .cookies-bottom-panel .cb-flex p {
+      font-size: 12px;
+      line-height: 1.1;
+      margin: 0; }
+      @media (min-width: 540px) {
+        .cookies-bottom-panel .cb-flex p {
+          font-size: 14px; } }
+      @media (min-width: 768px) {
+        .cookies-bottom-panel .cb-flex p {
+          font-size: 16px; } }
+  .cookies-bottom-panel .buttons .button {
+    white-space: nowrap; }
+    .cookies-bottom-panel .buttons .button + .button {
+      margin-left: 10px; }
+    .cookies-bottom-panel .buttons .button.bordered {
+      line-height: 25px; }
+
+.form-check.switch input {
+  display: none; }
+
+.form-check.switch label {
+  display: block;
+  width: 50px;
+  height: 30px;
+  background: rgba(120, 120, 128, 0.16);
+  border-radius: 15px;
+  position: relative;
+  cursor: pointer;
+  -webkit-transition: background 150ms ease-out;
+  transition: background 150ms ease-out; }
+  .form-check.switch label:after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 2px;
+    top: 2px;
+    width: 26px;
+    height: 26px;
+    background: #fff;
+    border-radius: 50%;
+    -webkit-transition: left 150ms ease-out;
+    transition: left 150ms ease-out;
+    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.16);
+            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.16); }
+
+.form-check.switch input:checked ~ label {
+  background: #159201; }
+  .form-check.switch input:checked ~ label:after {
+    left: 22px; }
+
 /* Icons. */
 @font-face {
   font-family: lawcarta;
@@ -1120,6 +1295,15 @@ blockquote {
   .modal.redirect .cont {
     padding: 0 30px; } }
 
+.modal.redirect.cookies .modal-footer, .modal.redirect.cookies-settings .modal-footer {
+  text-align: right; }
+
+.modal.redirect.cookies .button.bordered, .modal.redirect.cookies-settings .button.bordered {
+  line-height: 25px; }
+
+.modal.redirect.cookies-settings .modal-dialog {
+  max-width: 640px; }
+
 /* Header. */
 header {
   height: 40px;
@@ -3806,11 +3990,3 @@ footer {
     .promo-popup .pp-close:hover {
       color: #999;
       text-decoration: none; }
-
-.fireworks-container {
-  display: block;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  z-index: 1045;
-  pointer-events: none; }

htdocs/wp-content/themes/livecarta/assets/css/live-main-page.css

@@ -241,6 +241,15 @@
   .modal.redirect .cont {
     padding: 0 30px; } }
 
+.modal.redirect.cookies .modal-footer, .modal.redirect.cookies-settings .modal-footer {
+  text-align: right; }
+
+.modal.redirect.cookies .button.bordered, .modal.redirect.cookies-settings .button.bordered {
+  line-height: 25px; }
+
+.modal.redirect.cookies-settings .modal-dialog {
+  max-width: 640px; }
+
 header {
   background: #fff; }
   header .main-logo {

htdocs/wp-content/themes/livecarta/assets/css/livecarta.css

@@ -124,13 +124,18 @@
 header {
   background: #fff; }
   header .main-logo {
-    height: 33px;
+    height: 24px;
-    top: 5px;
+    top: 50%;
-    left: -5px; }
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%);
+    left: 10px; }
     @media (min-width: 769px) {
       header .main-logo {
-        top: 20px;
+        left: 30px;
-        left: 40px; } }
+        height: 28px; } }
+    @media (min-width: 769px) {
+      header .main-logo.law-logo {
+        height: 26px; } }
   header .header-menu ul li a {
     color: #0c4e91;
     font-weight: bold; }
@@ -752,11 +757,17 @@ body .cd-mob-chat-widget {
 .checkout-table {
   color: #475669; }
   .checkout-table tr th {
-    font-size: 15px;
+    font-size: 13px;
     color: #003366; }
+    @media (min-width: 540px) {
+      .checkout-table tr th {
+        font-size: 15px; } }
   .checkout-table tr .book-title {
-    font-size: 14px;
+    font-size: 12px;
     color: #48566b; }
+    @media (min-width: 540px) {
+      .checkout-table tr .book-title {
+        font-size: 14px; } }
   .checkout-table tr .book-info {
     color: #475669; }
   .checkout-table.step3 .bot-total {
@@ -817,6 +828,21 @@ body .cd-mob-chat-widget {
 .tab-close-msg {
   color: #13396D; }
 
+.catalog-paging .prev, .catalog-paging .next {
+  border-color: #0C4E91; }
+  .catalog-paging .prev:after, .catalog-paging .next:after {
+    border-right-color: #0C4E91; }
+
+.catalog-paging .next:after {
+  border-left-color: #0C4E91; }
+
+.catalog-paging .num, .catalog-paging .dots {
+  color: #0C4E91; }
+
+.catalog-paging .num.selected {
+  color: #FE6B00;
+  text-shadow: 1px 0 0 #FE6B00; }
+
 /* My Storage. */
 .ms-files-list .table tr td {
   color: #475669; }
@@ -885,6 +911,9 @@ body .cd-mob-chat-widget {
   .box .buttons .cart-confirm .icon-check {
     color: #134d96; }
 
+.pd-container .od-block .discount-code .colored {
+  color: #0c4e91; }
+
 /* Widgets. */
 .modal .modal-dialog .modal-head {
   color: #3090f0; }
@@ -898,6 +927,12 @@ body .cd-mob-chat-widget {
   .modal .modal-dialog .modal-head.alert .cont {
     color: #f03081; }
 
+.modal .modal-dialog .mb-top-info.bold {
+  color: #0C4E91; }
+
+.modal .modal-dialog .mb-sub-head {
+  color: #0C4E91; }
+
 .modal .modal-footer .cancel {
   color: #3090f0; }