update

themes/leo_gstore/assets/css/custom.css

@@ -103,4 +103,666 @@
 }
 #products #category-description.text-muted {
     color: #000 !important;
+}
+
+
+#cms #main .page-content .opt-lp-list {
+	list-style: square !important;
+}
+#schemafaq h3 {margin: 0 !important;}
+#schemafaq p {margin:0 !important;padding:10px 0;}
+#schemafaq label {margin:0 !important;}
+#schemafaq {max-width: 100%;width: 100%;margin: 0 auto;clear: both;padding: 0;margin-top:40px;}
+#schemafaq input {position: absolute;opacity: 0;z-index: -1}
+#schemafaq .tabs {border-radius: 0px;overflow: hidden;border: 1px solid #eee}
+#schemafaq .tab {width: 100%;color: white;overflow: hidden}
+#schemafaq .tab-label {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;padding: 1em;background: #f9f9f9;font-weight: bold;cursor: pointer;color: #111;transition: all .3s;border-top: 1px solid #eee}
+#schemafaq .tab:first-child .tab-label {border-top: none}
+#schemafaq .tab-label:hover {background: #eee}
+#schemafaq .tab-label::after {content: "\276F";width: 1em;height: 1em;text-align: center;-webkit-transition: all .3s;transition: all .3s;display: flex;justify-content: center;align-items: center;-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg)}
+#schemafaq .tab-content {max-height: 0;padding: 0 1em;color: #111;background: white;-webkit-transition: all .3s;transition: all .3s}
+#schemafaq .tab-close {display: -webkit-box;display: flex;-webkit-box-pack: end;justify-content: flex-end;padding: 1em;font-size: 0.75em;background: #29abe2;cursor: pointer}
+#schemafaq .tab-close:hover {background: #29abe2}
+#schemafaq input:checked+.tab-label,#schemafaq input:checked+h3>.tab-label {background: #eee;color: #111}
+#schemafaq input:checked+.tab-label::after,#schemafaq input:checked+h3>.tab-label::after {-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg)}
+#schemafaq input:checked~.tab-content {max-height: 100vh;padding: 1em}
+
+.comment-box {
+    display: flex;
+    border: 1px solid #34d6ad;
+    border-collapse: collapse;
+    padding: 10px;
+    margin: 10px 0 20px;
+}
+
+.comment-box-text {
+    font-size: 13px;
+    line-height: 1.4;
+    border-left: 2px solid #333;
+    padding: 10px 0;
+    padding-left: 10px;
+}
+
+.comment-box-text p {
+    margin: 0 0 5px;
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero {
+    position: relative
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 580px
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_bg {
+    position: absolute;
+    left: 50%;
+    top: 0;
+    transform: translateX(-50%)
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_data {
+    position: relative
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_data h1 {
+    color: #fff;
+    text-align: center;
+    text-shadow: 0 4px 4px rgba(0,0,0,.25);
+    font-size: 60px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: normal
+}
+
+@media(max-width: 991px) {
+    #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_data h1 {
+        font-size:48px
+    }
+}
+
+@media(max-width: 576px) {
+    #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_data h1 {
+        font-size:36px
+    }
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info {
+    position: absolute;
+    bottom: 30px;
+    text-align: center
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info p {
+    color: #fff;
+    text-align: center;
+    text-shadow: 0 4px 4px rgba(0,0,0,.25);
+    font-size: 28px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: normal
+}
+
+@media(max-width: 991px) {
+    #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info p {
+        font-size:24px
+    }
+}
+
+@media(max-width: 576px) {
+    #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info p {
+        font-size:20px
+    }
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info a {
+    position: relative;
+    display: inline-block;
+    color: #000;
+    font-weight: 700;
+    line-height: 1;
+    padding: 10px 50px 10px 20px;
+    background: #fff;
+    border-radius: 100px
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info a::before {
+    content: "";
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    width: 40px;
+    background: #34d6ad;
+    border-top-right-radius: 30px;
+    border-bottom-right-radius: 30px
+}
+
+#cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info a::after {
+    content: "";
+    position: absolute;
+    right: 15px;
+    top: 10px;
+    bottom: 0;
+    background-image: url(/img/Play-solid.svg);
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    width: 11px;
+    height: 13px;
+    z-index: 1
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 {
+    margin-top: 75px;
+    margin-bottom: 15px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-left h2 {
+    color: #33d5ad;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: normal
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-left ul {
+    margin-top: 30px;
+    margin-bottom: 30px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-left ul li {
+    position: relative;
+    color: #000;
+    font-size: 22px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    padding-left: 30px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-left ul li::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 16px;
+    transform: translateY(-50%);
+    width: 20px;
+    height: 20px;
+    background: url(/img/cms/franczyza/el_check.svg) no-repeat center center;
+    background-size: cover
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-left p {
+    color: #000;
+    font-size: 26px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right p {
+    color: #000;
+    font-size: 21px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right p strong {
+    font-weight: 700
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form {
+    margin-top: 40px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-inputs {
+    display: flex;
+    flex-direction: column;
+    gap: 17px;
+    margin-bottom: 11px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-inputs input {
+    padding: 15px 18px;
+    border: 1px solid #bcbcbc
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-inputs input:focus {
+    outline: none
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form p {
+    color: #cd1f27;
+    font-family: "Poppins",sans-serif;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation {
+    display: flex;
+    flex-direction: row;
+    gap: 15px;
+    margin-top: 13px;
+    margin-bottom: 35px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox] {
+    position: relative;
+    width: 25px;
+    min-width: 25px;
+    height: 25px;
+    border: 1px solid #bcbcbc;
+    border-radius: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    outline: none;
+    cursor: pointer;
+    transition: all 250ms ease-in-out;
+    overflow: hidden
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox]::before {
+    content: "";
+    position: absolute;
+    left: 32px;
+    top: -14px;
+    width: 2px;
+    height: 12px;
+    background-color: #33d5ad;
+    transform: rotate(40deg);
+    transition: all 250ms ease-in-out
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox]::after {
+    content: "";
+    position: absolute;
+    left: -13px;
+    top: -8px;
+    width: 2px;
+    height: 6px;
+    background-color: #33d5ad;
+    transform: rotate(-40deg);
+    transition: all 250ms ease-in-out
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox]:checked::before {
+    left: 12px;
+    top: 6px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox]:checked::after {
+    left: 7px;
+    top: 12px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation label {
+    color: #000;
+    font-family: "Poppins",sans-serif;
+    font-size: 10px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    cursor: pointer;
+    text-align: left
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-btn {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    align-items: center
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-btn button {
+    color: #fff;
+    text-align: center;
+    font-family: "Poppins",sans-serif;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    background: #33d5ad;
+    padding: 15px 20px;
+    border: none;
+    cursor: pointer
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-btn .loader {
+    display: none;
+    width: 32px;
+    height: 32px;
+    border: 5px solid #33d5ad;
+    border-bottom-color: #fff;
+    border-radius: 50%;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite
+}
+
+@keyframes rotation {
+    0% {
+        transform: rotate(0deg)
+    }
+
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-info {
+    margin-top: -20px
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-info p {
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-info p.ok {
+    color: #33d5ad
+}
+
+#cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-info p.error {
+    color: #cd1f27
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box {
+    display: grid;
+    grid-template-columns: 255px 253px 229px 218px 194px;
+    grid-template-rows: 222px 258px;
+    gap: 4px;
+    grid-template-areas: "img1 img1 img2 img3 img3" "img4 img5 img6 img7 img8"
+}
+
+@media(max-width: 1199px) {
+    #cms.cms-id-176 #content-wrapper .box-2 .gallery-box {
+        grid-template-columns:1fr 1fr 1fr 1fr;
+        grid-template-rows: auto;
+        grid-template-areas: "img1 img1 img2 img4" "img5 img6 img3 img3" ". img7 img8 ."
+    }
+}
+
+@media(max-width: 767px) {
+    #cms.cms-id-176 #content-wrapper .box-2 .gallery-box {
+        grid-template-columns:1fr 1fr 1fr;
+        grid-template-areas: "img1 img1 img2" "img4 img3 img3" "img5 img6 img7" ". img8 ."
+    }
+}
+
+@media(max-width: 575px) {
+    #cms.cms-id-176 #content-wrapper .box-2 .gallery-box {
+        grid-template-columns:1fr 1fr;
+        grid-template-areas: "img1 img1" "img2 img4" "img5 img6" "img3 img3" "img7 img8"
+    }
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(1) {
+    grid-area: img1
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(2) {
+    grid-area: img2
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(3) {
+    grid-area: img3
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(4) {
+    grid-area: img4
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(5) {
+    grid-area: img5
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(6) {
+    grid-area: img6
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(7) {
+    grid-area: img7
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(8) {
+    grid-area: img8
+}
+
+#cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item img {
+    width: 100%;
+    height: 100%;
+    -o-object-fit: cover;
+    object-fit: cover
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 {
+    margin-top: 75px;
+    margin-bottom: 75px
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 h2 {
+    color: #000;
+    text-align: center;
+    font-size: 40px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: normal
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 .acc_component {
+    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.2)
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 .acc_component>li:not(:last-child) {
+    border-bottom: 1px solid rgba(0,0,0,.12)
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 .acc_component li.active .acc_head .arrow img {
+    transform: scale(-1)
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 20px;
+    cursor: pointer
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_head p {
+    color: rgba(0,0,0,.87);
+    font-family: "Roboto",sans-serif;
+    font-size: 15px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    margin-bottom: 0
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_head .arrow {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    background: #33d5ad
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_head .arrow img {
+    width: 100%;
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+    transition: all 250ms ease-in-out
+}
+
+#cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_body {
+    display: none;
+    color: rgba(0,0,0,.54);
+    font-family: "Roboto",sans-serif;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    padding: 25px 20px
+}
+
+#cms.cms-id-176 #footer .footer-top {
+    display: none
+}
+
+#cms.cms-id-176 #content-wrapper h2{
+     margin: 20px 0;
+    color: #000;
+    text-align: center;
+    font-size: 25px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: normal;
+}
+
+#cms.cms-id-176 #content-wrapper p{
+    font-size: 14px;
+}
+
+#cms.cms-id-176 #content-wrapper .box-1, #cms.cms-id-176 #content-wrapper .box-2, #cms.cms-id-176 #content-wrapper .box-3{
+    text-align: center;
+}
+
+#cms.cms-id-176 .link-list__container{
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
+    gap: 10px;
+    list-style: none;
+    padding: 0 !important;
+    margin: 20px 0 10px !important;
+}
+#cms.cms-id-176 .link-list__container li{
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -ms-flex-line-pack: center;
+    align-content: center;
+    height: 100%;
+    min-height: 50px;
+    text-align: center;
+}
+
+#cms.cms-id-176 .link-list__container li a {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    color: #000;
+    font-weight: 600;
+    width: 100%;
+    margin: 0 auto;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    padding: 13px 10px;
+    border-radius: 5px;
+    transition: 0.5s;
+    text-decoration: none;
+}
+#cms.cms-id-176 .link-list__container li a:hover {
+    scale: 1.05;
+}
+
+#cms.cms-id-176 .about-prons{
+    text-align: center;
+    margin: 0;
+}
+
+#cms.cms-id-176 .about-prons .about-prons-wrapper{
+    margin-top: 50px;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 40px;
+}
+
+#cms.cms-id-176 .about-prons .about-prons-wrapper .about-prons-item{
+    padding: 20px 20px 10px;
+    border: 1px solid #34d6ad;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+#cms.cms-id-176 .about-prons .about-prons-wrapper .about-prons-item .about-prons-item-header{
+    color: #34d6ad;
+    font-weight: 500;
+    font-size: 1.3em;
+}
+
+@media (max-width: 1300px) {
+
+  #cms.cms-id-176 .about-prons .about-prons-wrapper {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+  }
+
+  #cms.cms-id-176 .about-prons .about-prons-wrapper .about-prons-item {
+    padding: 20px 10px 10px;
+  }
+}
+
+@media (max-width: 768px) {
+    
+  #cms.cms-id-176 .about-prons .about-prons-wrapper {
+        grid-template-columns: repeat(1, 1fr);
+        gap: 20px;
+    }  
+}
+#category-description2 p{
+    color: #000000;
+}
+.page-cms .page-cms h2{
+line-height: 1.8;
+background-color: transparent;
+margin-top: 0pt;
+margin-bottom: 0pt;
+font-size: 16pt;
+font-family: Arial, sans-serif;
+color: #000000;
+font-weight: 400;
+font-style: normal;
+font-variant: normal;
+text-decoration: none;
+vertical-align: baseline;
+white-space: pre-wrap;
+text-align: center;
+}
+.page-cms .page-cms p{
+line-height: 1.8 !important;
+background-color: transparent;
+margin-top: 0pt;
+margin-bottom: 0pt;
+text-align: left;
+font-size: 12pt !important;
+font-family: Arial, sans-serif;
+color: #0d0d0d;
+font-weight: 400;
+font-style: normal;
+font-variant: normal;
+text-decoration: none;
+vertical-align: baseline;
+white-space: pre-wrap;
 }