holygrail2 1.0.1 → 1.0.3

package/dist/style.css

@@ -656,6 +656,10 @@ input[type=number] {
   }
 }
 
+.container-10 {
+  max-width: 200px;
+}
+
 .container-11 {
   margin: 0 auto;
   padding: 0 24px;
@@ -1330,17 +1334,10 @@ input[type=number] {
   margin: 0 auto;
 }
 
-.grid-8 {
+.grid-2 {
   display: grid;
-  grid-template-columns: repeat(8, 1fr);
-  gap: 16px;
-  width: 100%;
-  align-items: start;
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.grid-8 img {
-  border: 1px solid #eaeaea;
+  grid-template-columns: repeat(2, 1fr);
+  column-gap: 16px;
 }
 
 .grid-4 {
@@ -1349,16 +1346,17 @@ input[type=number] {
   gap: 16px;
 }
 
-.grid-4 {
+.grid-8 {
   display: grid;
-  grid-template-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(8, 1fr);
   gap: 16px;
+  width: 100%;
+  align-items: start;
+  max-width: 1200px;
+  margin: 0 auto;
 }
-
-.grid-2 {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  column-gap: 16px;
+.grid-8 img {
+  border: 1px solid #eaeaea;
 }
 
 @media (min-width: 768px) {
@@ -1370,6 +1368,22 @@ input[type=number] {
   }
 }
 
+@media (min-width: 768px) {
+  .sm\:grid-2 {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    column-gap: 16px;
+  }
+}
+
+@media (min-width: 768px) {
+  .sm\:grid-4 {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    column-gap: 16px;
+  }
+}
+
 .grid-2-wide {
   grid-column: span 2;
 }
@@ -3094,6 +3108,40 @@ mark {
   background-size: cover;
 }
 
+.bold {
+  font-family: arial, sans-serif;
+  font-weight: 900;
+}
+
+.semibold {
+  font-family: arial, sans-serif;
+  font-weight: 700;
+}
+
+b {
+  color: #000;
+}
+
+.ttc {
+  text-transform: capitalize;
+}
+
+.margin-auto {
+  margin: 0 auto;
+}
+
+.fl-left {
+  float: left;
+}
+
+.fl-right {
+  float: right;
+}
+
+.p-relative {
+  position: relative;
+}
+
 .banner-zone {
   display: flex;
   align-items: center;
@@ -3238,6 +3286,14 @@ hr {
   background-color: #8e8e8e;
 }
 
+.block-right {
+  margin-left: auto;
+}
+
+.block-left {
+  margin-right: auto;
+}
+
 @media (max-width: 767px) {
   .sm\:hidden {
     display: none !important;
@@ -3286,6 +3342,12 @@ hr {
   }
 }
 
+@media (max-width: 767px) {
+  .smmax\:mb-16 {
+    margin-bottom: 16px;
+  }
+}
+
 @media (max-width: 991px) {
   .mdmax\:mb-16 {
     margin-bottom: 16px;
@@ -3322,30 +3384,6 @@ hr {
   }
 }
 
-@media (max-width: 767px) {
-  .smmax\:mb-16 {
-    margin-bottom: 16px;
-  }
-}
-
-@media (max-width: 767px) {
-  .smmax\:mb-20 {
-    margin-bottom: 24px;
-  }
-}
-
-@media (max-width: 767px) {
-  .smmax\:mb-24 {
-    margin-bottom: 24px;
-  }
-}
-
-@media (max-width: 767px) {
-  .smmax\:mb-42 {
-    margin-bottom: 42px;
-  }
-}
-
 @media (min-width: 768px) {
   .sm\:order-last {
     order: 3;
@@ -3369,33 +3407,25 @@ hr {
 }
 
 @media (max-width: 767px) {
-  .sm\:reverse {
+  .smmax\:reverse {
     flex-wrap: wrap-reverse;
   }
 }
 
 @media (max-width: 991px) {
-  .md\:reverse {
+  .mdmax\:reverse {
     flex-wrap: wrap-reverse;
   }
 }
 
 @media (max-width: 1279px) {
-  .lg\:reverse {
+  .lgmax\:reverse {
     flex-wrap: wrap-reverse;
   }
 }
 
-.block-right {
-  margin-left: auto;
-}
-
-.block-left {
-  margin-right: auto;
-}
-
 @media (max-width: 991px) {
-  .md\:px-48 {
+  .mdmax\:px-48 {
     padding-left: 48px;
     padding-right: 48px;
   }
@@ -3514,6 +3544,18 @@ strong {
   }
 }
 
+@media (max-width: 767px) {
+  .smmax\:p-view {
+    background-color: #fff;
+    position: absolute;
+    width: 100%;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+  }
+}
+
 .text-faded {
   opacity: 0.5;
 }
@@ -3823,6 +3865,10 @@ strong {
   overflow: hidden;
 }
 
+.max-vw-35 {
+  max-width: 35vw;
+}
+
 .reset-body {
   margin-left: -16px;
   margin-right: -16px;
@@ -3848,40 +3894,6 @@ strong {
   }
 }
 
-.bold {
-  font-family: arial, sans-serif;
-  font-weight: 900;
-}
-
-.semibold {
-  font-family: arial, sans-serif;
-  font-weight: 700;
-}
-
-b {
-  color: #000;
-}
-
-.ttc {
-  text-transform: capitalize;
-}
-
-.margin-auto {
-  margin: 0 auto;
-}
-
-.fl-left {
-  float: left;
-}
-
-.fl-right {
-  float: right;
-}
-
-.p-relative {
-  position: relative;
-}
-
 @media (max-width: 767px) {
   .sm\:reset-body {
     margin-left: -16px;
@@ -4224,14 +4236,15 @@ button {
   overflow: hidden;
   text-align: center;
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   vertical-align: middle;
   justify-content: center;
   border: none;
   white-space: nowrap;
   cursor: pointer;
-  padding: 13px;
+  padding: 12px;
   background-color: transparent;
+  height: 40px;
   font-family: arial, sans-serif;
   font-weight: 500;
 }
@@ -4275,7 +4288,7 @@ button {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 13px;
+  padding: 12px;
 }
 .btn.btn-separate svg {
   margin-left: 8px;
@@ -4327,7 +4340,7 @@ button {
   margin-right: 8px;
   white-space: nowrap;
   cursor: pointer;
-  padding: 6.5px;
+  padding: 6px;
 }
 .btn-xs:active, .btn-xs:focus, .btn-xs:visited {
   outline: none;
@@ -4342,13 +4355,11 @@ button {
   height: 40px;
   padding-right: 16px;
   padding-left: 16px;
-  font-size: 14px;
 }
 
 .btn--medium {
   padding-right: 40px;
   padding-left: 40px;
-  font-size: 14px;
   max-width: 272px;
   width: 100%;
   height: 40px;
@@ -4366,7 +4377,7 @@ button {
 @media (min-width: 768px) {
   .btn--mini-rd {
     padding: 16px;
-    font-size: 14px;
+    font-size: 12px;
     height: 40px;
   }
 }
@@ -4378,7 +4389,7 @@ button {
   width: 100%;
   padding-right: 56px;
   padding-left: 56px;
-  font-size: 14px;
+  font-size: 12px;
 }
 
 .btn--xlarge {
@@ -4389,7 +4400,7 @@ button {
   min-height: 40px;
   min-width: 200px;
   max-width: 400px;
-  padding: 13px;
+  padding: 12px;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -4399,7 +4410,7 @@ button {
   width: 100%;
   padding-right: 16px;
   padding-left: 16px;
-  font-size: 14px;
+  font-size: 12px;
   height: 40px;
 }
 
@@ -5030,7 +5041,7 @@ button {
   margin: 0 auto;
 }
 .btn-group-inline .btn {
-  display: inline-block;
+  display: inline-flex;
   width: auto;
   min-width: 200px;
   margin: 0 8px;
@@ -5150,7 +5161,7 @@ button {
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  padding: 13px;
+  padding: 12px;
   border: none;
   background-color: rgba(0, 0, 0, 0.4);
   color: #fff;
@@ -6264,11 +6275,11 @@ label {
 .form-input-label-2 input:not(:placeholder-shown),
 .error-zone input:not(:placeholder-shown) {
   padding-top: calc(14px + 14px * (2 / 3));
-  padding-bottom: calc(14px / 3 + 3px);
+  padding-bottom: 14px;
 }
 .form-input-label-2 input:not(:placeholder-shown) ~ label,
 .error-zone input:not(:placeholder-shown) ~ label {
-  padding-top: 0;
+  padding-top: 1px;
   padding-bottom: calc(14px / 3);
   font-size: 12px;
   color: #8e8e8e;
@@ -6324,7 +6335,7 @@ label {
 .error-zone .has-ico-pre.btn,
 .error-zone .has-ico-pre > input,
 .error-zone .has-ico-pre > label {
-  padding-left: 26px;
+  padding-left: 24px;
 }
 .form-input-label-2.has-ico-pre .form-icon,
 .form-input-label-2 .has-ico-pre .form-icon,
@@ -6359,13 +6370,13 @@ label {
 .error-zone .has-ico-post.btn,
 .error-zone .has-ico-post > input,
 .error-zone .has-ico-post > label {
-  padding-right: 39px;
+  padding-right: 36px;
 }
 .form-input-label-2.has-ico-post .form-icon,
 .form-input-label-2 .has-ico-post .form-icon,
 .error-zone.has-ico-post .form-icon,
 .error-zone .has-ico-post .form-icon {
-  padding: 13px;
+  padding: 12px;
   top: 0;
   right: 0;
   left: auto;
@@ -6530,6 +6541,9 @@ label {
   transform: translate3d(0, 0, 0);
   opacity: 0.7;
 }
+.has-light .input:focus {
+  border-color: #fff;
+}
 
 .form-postcode {
   flex-wrap: wrap;
@@ -6838,7 +6852,7 @@ ul.list-disc {
 }
 ul.list-disc li {
   position: relative;
-  padding: 8px 16px;
+  padding: 0 16px;
 }
 ul.list-disc li::after {
   background-color: #1a1a1a;
@@ -7069,23 +7083,13 @@ ul.list-breadcrumb li.list-breadcrumb-divider {
   transition: all 0.2s ease;
 }
 
-.tabs .list-equal {
-  display: flex;
-  align-items: flex-end;
-}
-.tabs .list-equal li {
-  flex-grow: 1;
-}
 .tabs ul {
-  align-items: center;
-  border-bottom: 1px solid #e3e3e3;
   display: flex;
-  flex-grow: 1;
-  flex-shrink: 0;
   justify-content: flex-start;
+  align-items: center;
   margin: 0;
-  font-family: arial, sans-serif;
-  font-weight: 500;
+  flex-grow: 1;
+  flex-shrink: 0;
 }
 .tabs li {
   display: block;
@@ -7093,36 +7097,32 @@ ul.list-breadcrumb li.list-breadcrumb-divider {
 }
 .tabs li a,
 .tabs li span {
-  align-items: center;
-  border-bottom: 1px solid #e3e3e3;
-  color: #8e8e8e;
   display: flex;
   justify-content: center;
-  margin-bottom: -1px;
-  padding: 16px;
+  align-items: center;
   vertical-align: top;
-  padding-bottom: 17px;
-  font-size: 12px;
-}
-.tabs li a:hover,
-.tabs li span:hover {
-  border-bottom-color: #000;
-  border-bottom-width: 2px;
-  padding-bottom: 16px;
   color: #000;
+  font-size: 12px;
   cursor: pointer;
+  padding: 8px 20px 12px 20px;
 }
 .tabs li.is-active a, .tabs li.is-active span {
-  border-bottom-color: #000;
-  border-bottom-width: 2px;
-  padding-bottom: 16px;
-  color: #000;
-  font-family: arial, sans-serif;
-  font-weight: 900;
+  position: relative;
+}
+.tabs li.is-active a::after, .tabs li.is-active span::after {
+  content: "";
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  background-color: #000;
+  bottom: 0;
 }
 .tabs li::after {
   display: none;
 }
+.tabs.tabs-resetfirst ul li:first-child a {
+  padding: 8px 20px 12px 0px;
+}
 .tabs.is-center ul {
   justify-content: center;
 }
@@ -7132,120 +7132,105 @@ ul.list-breadcrumb li.list-breadcrumb-divider {
 .tabs.is-around ul li {
   flex: 1;
 }
-.tabs.is-around ul li span {
-  border-bottom-width: 1px;
+.tabs .list-equal {
+  display: flex;
+  align-items: flex-end;
 }
-
-.tabs-list {
-  margin-left: -8px;
+.tabs .list-equal li {
+  flex-grow: 1;
 }
-.tabs-list li {
+
+.tabs-list,
+.tabs-clear li {
+  display: block;
+  width: 100%;
   margin: 0;
-  padding-left: 8px;
-  padding-right: 8px;
 }
-.tabs-list li span {
+.tabs-list span,
+.tabs-list a,
+.tabs-clear li span,
+.tabs-clear li a {
   position: relative;
-}
-.tabs-list li span:hover {
   cursor: pointer;
 }
-.tabs-list li span:hover::after {
+.tabs-list span::after,
+.tabs-list a::after,
+.tabs-clear li span::after,
+.tabs-clear li a::after {
   content: "";
+  position: absolute;
   width: 100%;
   background: #000;
   height: 2px;
-  position: absolute;
   bottom: -4px;
   left: 0;
 }
-.tabs-list li.is-active span::after {
-  content: "";
-  width: 100%;
+.tabs-list span:hover::after,
+.tabs-list a:hover::after,
+.tabs-clear li span:hover::after,
+.tabs-clear li a:hover::after {
   background: #000;
-  height: 2px;
-  position: absolute;
-  bottom: -4px;
-  left: 0;
 }
 
-.tabs-gray {
-  border: none;
+.tabs-list {
+  margin-left: -8px;
+}
+.tabs-list li {
+  padding: 8px;
+}
+
+.tabs-gray,
+.tabs-mini {
   position: relative;
   width: 100%;
-  background-color: #f0f0f0;
 }
-.tabs-gray ul {
+
+.tabs-gray {
+  background-color: #f0f0f0;
   border: none;
 }
+.tabs-gray ul,
 .tabs-gray li {
-  display: block;
-  margin: 0;
-  width: 100%;
+  border: none;
 }
 .tabs-gray a,
 .tabs-gray span {
-  font-family: arial, sans-serif;
-  font-weight: 500;
   color: #8e8e8e;
   border-color: #f0f0f0;
-  position: relative;
-}
-.tabs-gray a:hover,
-.tabs-gray span:hover {
-  color: #000;
-  cursor: pointer;
-}
-
-.tabs-clear li {
-  display: block;
-  margin: 0;
-  width: 100%;
 }
 
 .tabs-mini {
   display: inline-block;
 }
 .tabs-mini ul {
-  border: none;
-  background-color: #fff;
   padding: 0 14px;
+  background-color: #fff;
   display: inline-flex;
   font-family: arial, sans-serif;
 }
-.tabs-mini li {
-  position: relative;
-}
 .tabs-mini li a {
-  opacity: 0.5;
-  border: none;
   padding: 6px 8px 8px;
   color: #000;
+  border: none;
+  opacity: 0.5;
+}
+.tabs-mini li a:hover {
+  opacity: 1;
 }
 .tabs-mini li:first-child a::after {
-  content: "";
-  position: absolute;
   right: 0;
   width: 1px;
   height: 20px;
   background-color: #e3e3e3;
 }
-.tabs-mini li a:hover {
-  border: none;
-  cursor: pointer;
-  padding: 6px 8px 8px;
-  opacity: 1;
-}
 .tabs-mini li.is-active a {
-  padding: 6px 8px 8px;
   opacity: 1;
-  font-family: arial, sans-serif;
 }
 .tabs-mini.tabs-map {
-  max-width: 450px;
   display: flex;
   flex-flow: column nowrap;
   align-items: flex-end;
+  max-width: 450px;
 }
 .tabs-mini.tabs-map ul {
   border: 1px solid #e3e3e3;
@@ -10318,12 +10303,12 @@ div.card9-wrap .rat-content:hover .card9-add {
   right: initial;
 }
 .is-rtl .has-ico-post.btn, .is-rtl .has-ico-post > input, .is-rtl .has-ico-post > label {
-  padding-right: 13px;
-  padding-left: 42px;
+  padding-right: 12px;
+  padding-left: 40px;
 }
 .is-rtl .has-ico-pre.btn, .is-rtl .has-ico-pre > input, .is-rtl .has-ico-pre > label {
-  padding-left: 13px;
-  padding-right: 46px;
+  padding-left: 12px;
+  padding-right: 44px;
 }
 .is-rtl .link-svg-pre,
 .is-rtl button.link-line.link-svg-pre {
@@ -10432,4 +10417,12 @@ div.card9-wrap .rat-content:hover .card9-add {
   right: 20px;
 }
 
+.bg-pink {
+  background-color: #fcd4e1;
+}
+
+.bg-blue {
+  background-color: #dcfbfe;
+}
+
 /*# sourceMappingURL=style.css.map */