#woo-ml-subscribe label { display: inline-block !important; }:root {
--gap: 2.5rem;
--base-padding: 4.375rem;
}
@media screen and (max-width: 768px) {
:root {
--gap: 1.25rem;
}
}
@media screen and (max-width: 540px) {
:root {
--base-padding: 2.75rem;
}
}
.content-box {
max-width: 1440px; margin: 0 auto;
}
@media only screen and (max-width: 1440px) {
.content-box {
padding: 0 1.25rem;
}
body section.full-wide>.content-box {
padding: 0 1.25rem;
}
body .wide {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media only screen and (max-width: 431px) {
header .column-3>div {
width: 60%;
}
}
.wide {
margin-left: calc(((100vw - 1440px + 1rem) / 2) * -1);
margin-right: calc(((100vw - 1440px + 1rem) / 2) * -1);
padding-left: calc((100vw - 1440px) / 2);
padding-right: calc((100vw - 1440px) / 2);
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
} .vertical-center {
align-items: center;
}
.row { }
.offset-left {
padding-left: calc((100% - (1440px - 2rem)) / 2);
padding-right: 3rem;
}
.offset-right {
padding-right: calc((100% - (1440px - 2rem)) / 2);
padding-left: 3rem;
}
.object-fit {
object-fit: cover;
height: 100%;
}
.narrow {
max-width: 56rem;
margin: 0 auto;
}
.round {
border-radius: 50%;
}
@media screen and (max-width: 1440px) {
.offset-left {
padding-left: 1rem;
}
.offset-right {
padding-right: 1rem;
}
}
.row,
.column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9 {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
clear: both;
}
.no-gap,
.no-gap.row {
gap: 0;
}
.no-gap.row {
width: 100%;
}
.col-1-2 {
width: calc(50% - var(--gap))
}
.col-1-3 {
width: calc(33.3333% - var(--gap))
}
.col-2-3 {
width: calc(66.6666% - var(--gap))
}
.col-1-4 {
width: calc(25% - var(--gap))
}
.col-3-4 {
width: calc(75% - var(--gap))
}
.col-1-5 {
width: calc(20% - var(--gap))
}
.col-2-5 {
width: calc(40% - var(--gap))
}
.col-3-5 {
width: calc(60% - var(--gap))
}
.col-4-5 {
width: calc(80% - var(--gap))
}
.col-1-6 {
width: calc(16.6667% - var(--gap))
}
.col-5-6 {
width: calc(83.3335% - var(--gap))
}
.no-gap .col-1-2 {
width: 50%
}
.no-gap .col-1-3 {
width: 33.3333%
}
.no-gap .col-2-3 {
width: 66.6666%
}
.no-gap .col-1-4 {
width: 25%
}
.no-gap .col-3-4 {
width: 75%
}
.no-gap .col-1-5 {
width: 20%
}
.no-gap .col-2-5 {
width: 40%
}
.no-gap .col-3-5 {
width: 60%
}
.no-gap .col-4-5 {
width: 80%
}
.no-gap .col-1-6 {
width: 16.6667%
}
.no-gap .col-5-6 {
width: 83.3335%
}
.column-2>div,
.column-2 article {
width: calc((100% - (1 * var(--gap))) / 2)
}
.column-3>div,
.column-3 article {
width: calc((100% - (2 * var(--gap))) / 3)
}
.column-4>div,
.column-4 article {
width: calc((100% - (3 * var(--gap))) / 4)
}
.column-5>div,
.column-5 article {
width: calc((100% - (4 * var(--gap))) / 5)
}
.column-6>div,
.column-6 article {
width: calc((100% - (5 * var(--gap))) / 6)
}
.column-7>div,
.column-7 article {
width: calc((100% - (6 * var(--gap))) / 7)
}
.column-8>div,
.column-8 article {
width: calc((100% - (7 * var(--gap))) / 8)
}
.column-9>div,
.column-9 article {
width: calc((100% - (8 * var(--gap))) / 9)
}
.no-gap.column-2>div,
.no-gap.column-2 article {
width: calc(100% / 2)
}
.no-gap.column-3>div,
.no-gap.column-3 article {
width: calc(100% / 3)
}
.no-gap.column-4>div,
.no-gap.column-4 article {
width: calc(100% / 4)
}
.no-gap.column-5>div,
.no-gap.column-5 article {
width: calc(100% / 5)
}
.no-gap.column-6>div,
.no-gap.column-6 article {
width: calc(100% / 6)
}
.no-gap.column-7>div,
.no-gap.column-7 article {
width: calc(100% / 7)
}
.no-gap.column-8>div,
.no-gap.column-8 article {
width: calc(100% / 8)
}
.no-gap.column-9>div,
.no-gap.column-9 article {
width: calc(100% / 9)
} .mansory-2,
.mansory-3,
.mansory-4,
.mansory-5,
.mansory-6 {
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.mansory-2>div,
.mansory-3>div,
.mansory-4>div,
.mansory-5>div,
.mansory-6>div,
.mansory-2>article,
.mansory-3>article,
.mansory-4>article,
.mansory-5>article,
.mansory-6>article {
display: block;
width: 100%;
margin: 0px;
padding: 0;
position: relative;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.mansory-2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.mansory-3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.mansory-4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.mansory-5 {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
}
.mansory-6 {
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 6;
}
@media screen and (min-width: 768px) and (max-width:1024px) {
.column-4>div,
.column-4 article,
.column-5>div,
.column-5 article,
.column-6>div,
.column-6 article {
width: calc((100% - (2 * var(--gap))) / 3)
}
.column-7>div,
.column-7 article,
.column-8>div,
.column-8 article,
.column-9>div,
.column-9 article {
width: calc((100% - (3 * var(--gap))) / 4)
}
.no-gap.column-4>div,
.no-gap.column-4 article,
.no-gap.column-5>div,
.no-gap.column-5 article,
.no-gap.column-6>div,
.no-gap.column-6 article {
width: calc(100% / 3)
}
.no-gap.column-7>div,
.no-gap.column-7 article,
.no-gap.column-8>div,
.no-gap.column-8 article,
.no-gap.column-9>div,
.no-gap.column-9 article {
width: calc(100% / 4)
}
.mansory-4 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.mansory-5 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.mansory-6 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media screen and (min-width: 541px) and (max-width:1024px) {
.products.column-3>div {
width: calc((100% - (1 * var(--gap))) / 2)
}
}
@media screen and (max-width:540px) {
.products.column-3>div {
width: 100%
}
}
@media screen and (min-width: 480px) and (max-width:767px) {
.column-3>div,
.column-3 article,
.column-4>div,
.column-4 article,
.column-5>div,
.column-5 article {
width: calc((100% - (1 * var(--gap))) / 2)
}
.column-6>div,
.column-6 article,
.column-7>div,
.column-7 article {
width: calc((100% - (2 * var(--gap))) / 3)
}
.column-8>div,
.column-8 article,
.column-9>div,
.column-9 article {
width: calc((100% - (3 * var(--gap))) / 4)
}
.no-gap.column-3>div,
.no-gap.column-3 article,
.no-gap.column-4>div,
.no-gap.column-4 article,
.no-gap.column-5>div,
.no-gap.column-5 article {
width: calc(100% / 2)
}
.no-gap.column-6>div,
.no-gap.column-6 article,
.no-gap.column-7>div,
.no-gap.column-7 article {
width: calc(100% / 3)
}
.no-gap.column-8>div,
.no-gap.column-8 article,
.no-gap.column-9>div,
.no-gap.column-9 article {
width: calc(100% / 4)
}
.mansory-4 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.mansory-5 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.mansory-6 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media screen and (max-width: 479px) {
.column-2>div,
.column-2 article,
.column-3>div,
.column-3 article {
width: 100%
}
.column-4>div,
.column-4 article,
.column-5>div,
.column-5 article,
.column-6>div,
.column-6 article {
width: calc((100% - (1 * var(--gap))) / 2)
}
.column-7>div,
.column-7 article,
.column-8>div,
.column-8 article,
.column-9>div,
.column-9 article {
width: calc((100% - (2 * var(--gap))) / 3)
}
.no-gap.column-2>div,
.no-gap.column-2 article,
.no-gap.column-3>div,
.no-gap.column-3 article {
width: 100%
}
.no-gap.column-4>div,
.no-gap.column-4 article,
.no-gap.column-5>div,
.no-gap.column-5 article,
.no-gap.column-6>div,
.no-gap.column-6 article {
width: calc(100% / 2)
}
.no-gap.column-7>div,
.no-gap.column-7 article,
.no-gap.column-8>div,
.no-gap.column-8 article,
.no-gap.column-9>div,
.no-gap.column-9 article {
width: calc(100% / 3)
}
.mansory-6,
.mansory-5,
.mansory-4 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media screen and (max-width: 768px) {
.row {
width: 100%;
}
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4,
.col-1-5,
.col-2-5,
.col-3-5,
.col-4-5,
.col-1-6,
.col-5-6,
.no-gap .col-1-2,
.no-gap .col-1-3,
.no-gap .col-2-3,
.no-gap .col-1-4,
.no-gap .col-3-4,
.no-gap .col-1-5,
.no-gap .col-2-5,
.no-gap .col-3-5,
.no-gap .col-4-5,
.no-gap .col-1-6,
.no-gap .col-5-6 {
width: 100%
}
.mansory-3 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.offset-left {
padding-right: 1rem;
padding-left: 1rem;
}
.offset-right {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media only screen and (min-width: 600px) and (max-width: 850px) and (orientation: landscape) {
.mansory-5-column,
.mansory-6-column {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media only screen and (min-width: 360px) and (max-width: 599px) {
.mansory-4-column,
.mansory-5-column,
.mansory-6-column {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (max-width: 360px) {
.mansory-2-column,
.mansory-3-column,
.mansory-4-column,
.mansory-5-column,
.mansory-6-column {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}:root {
--form-ui-color: #ff7b5b;
--form-ui-bg: #ffffff;
--form-size: 2rem;
--form-border-radius: 0.25rem;
--form-border: solid 1px rgba(0, 0, 0, 0.2);
--form-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"],
input[type="url"],
input[type="number"],
input[type="search"],
input[type="file"],
select {
padding: 0 0.75rem;
color: var(--jet-brown);
height: 60px;
line-height: 1;
margin: 0;
font-family: inherit;
background-color: transparent;
box-shadow: var(--form-box-shadow);
border: 1px solid var(--jet-brown);
margin-bottom: 0.75rem;
padding-left: 1.25rem;
font-family: "Mulish", sans-serif;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select {
min-width: 100%;
max-width: 100%;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
.select {
position: relative;
display: block;
}
.select:after {
border-style: solid;
border-width: 0.2rem 0.2rem 0 0;
content: "";
border-color: var(--jet-brown);
display: inline-block;
height: calc(var(--form-size) * 0.2);
width: calc(var(--form-size) * 0.2);
background: transparent;
position: absolute;
top: 50%;
right: 0.75rem;
margin-top: -0.75rem;
transform: rotate(135deg);
pointer-events: none;
}
textarea {
background: transparent;
padding: 0.75rem;
padding-left: 1.25rem;
display: block;
color: inherit;
height: auto;
margin: 0;
font-family: inherit;
height: 8rem;
box-shadow: var(--form-box-shadow);
border: 1px solid var(--jet-brown);
margin-bottom: 0.75rem;
}
.btn,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
body .wp-block-button__link,
input[type="submit"],
input[type="button"],
#place_order,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
-webkit-appearance: none;
background: var(--caribbean);
color: var(--linen);
font-size: 1.375rem;
line-height: 1;
font-weight: 600;
padding: 1.1rem 2.6rem;
border-radius: inherit;
text-decoration: none;
font-family: 'Mulish';
}
.btn,
body .wp-block-button__link,
input[type="submit"],
input[type="button"],
#place_order,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
box-shadow: inset 0 0 var(--caribbean);
}
.btn:hover,
body .wp-block-button__link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
#place_order:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
box-shadow: inset 16em 0 var(--mint-green);
cursor: pointer;
color: var(--caribbean);
text-decoration: none;
}
.btn-1,
.woocommerce-cart-form .coupon button.button {
-webkit-appearance: none;
background: transparent;
color: var(--caribbean);
border: 1px solid var(--caribbean);
font-size: 1.375rem;
line-height: 1; text-transform: none;
border-radius: 0;
font-weight: 600;
display: inline-block;
text-align: center;
box-shadow: inset 0 0 rgba(64, 58, 59, 0.1);
transition: all 0.3s ease-out;
text-decoration: none;
font-family: 'Mulish';
}
.btn-1 {
padding: 1rem 2.5rem;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button { }
.btn-1:active,
.woocommerce-cart-form .coupon button.button:active {
transform: scale(0.4);
}
.btn-1:hover,
.woocommerce-cart-form .coupon button.button:hover {
box-shadow: inset 0 -18em rgba(64, 58, 59, 0.1);
cursor: pointer;
color: var(--jet-brown);
border: 1px solid var(--jet-brown);
text-decoration: none;
}
.product-item .btn-1 {
display: block;
}
.btn-2 {
-webkit-appearance: none;
background: transparent;
color: var(--linen);
border: 1px solid var(--linen);
font-size: 1.375rem;
line-height: 1.75rem;
padding: 1rem 2.5rem;
text-transform: none;
border-radius: 0;
font-weight: 600;
display: inline-block;
text-decoration: none;
font-family: 'Mulish';
}
.btn-2:hover {
background: var(--linen);
color: var(--jet-brown);
text-decoration: none;
}
@media only screen and (min-width: 540px) {
.btn,
body .wp-block-button__link,
#place_order,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
transition: all 0.25s ease-out;
}
.wpcf7 .wpcf7-submit:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit:hover,
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
transition: all 0.35s ease-out;
background: var(--caribbean);
}
.btn-1:hover,
.woocommerce-cart-form .coupon button.button:hover {
transition: all 1s ease-out;
}
.btn-2 {
transition: all 0.3s ease-out;
}
}
@media only screen and (max-width: 540px) {
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
width: 100%;
}
.btn,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
body .wp-block-button__link,
.btn-1,
.btn-2,
input[type="submit"],
input[type="button"],
#place_order,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
.wpcf7 .wpcf7-submit,
.woocommerce div.product form.cart .button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
font-size: 1.125rem !important;
padding: 1rem 2.5rem;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
#mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
#mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
margin: 1.5rem 0 !important;
font-size: 1.875rem !important;
line-height: 2.25rem !important;
}
}
button:hover,
.button:hover {
background-color: rgba(64, 58, 59, 0.1);
color: #fff;
}
::-webkit-input-placeholder {
color: var(--jet-brown);
font-style: normal;
}
:-moz-placeholder {
color: var(--jet-brown);
font-style: normal;
}
::-moz-placeholder {
color: var(--jet-brown);
font-style: normal;
}
:-ms-input-placeholder {
color: var(--jet-brown);
font-style: normal;
}
input:focus,
select:focus,
textarea:focus {
outline: none !important;
border-color: var(--form-ui-color);
}
input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.qty {
display: inline-block;
line-height: 1;
margin: 0;
height: var(--form-size);
font-family: inherit;
border-radius: var(--form-border-radius);
-webkit-border-radius: var(--form-border-radius);
-moz-border-radius: var(--form-border-radius);
background-color: var(--form-ui-bg);
box-shadow: var(--form-box-shadow);
border: var(--form-border);
}
.qty input[type=number] {
width: var(--form-size);
height: 100%;
padding: 0;
font-size: smaller;
text-align: center;
border-radius: 0;
box-shadow: none;
border-bottom: none;
border-top: none;
border-left: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
background: transparent;
}
.qty button {
outline: none;
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
height: 100%;
cursor: pointer;
margin: 0;
position: relative;
box-shadow: none;
color: inherit;
vertical-align: middle;
text-align: center;
font-family: 'Trebuchet MS';
font-weight: normal;
font-size: 1rem;
padding: 0 0.5rem;
}
input[type="file"] {
padding: 0;
vertical-align: middle;
position: relative;
}
input[type="file"]::-webkit-file-upload-button {
visibility: hidden;
}
input[type="file"]::before {
content: 'Fájlok csatolása';
display: inline-block;
background: var(--form-ui-color);
border-radius: var(--form-size);
padding: 0 calc(var(--form-size) * 0.5);
line-height: calc(var(--form-size) - 4px);
height: calc(var(--form-size) - 4px);
outline: none;
white-space: nowrap;
color: #fff;
-webkit-user-select: none;
cursor: pointer;
}
input[type="file"]:hover::before {
background: var(--form-ui-color);
}
input[type="checkbox"],
input[type="radio"] { }  input[type="radio"]+label:before, input[type="radio"]+span:before {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
content: "";
display: inline-block;
width: calc(var(--form-size) * 0.6);
height: calc(var(--form-size) * 0.6);
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
background: transparent;
color: #fff;
line-height: 1;
margin-right: 0.5rem;
box-shadow: var(--form-box-shadow);
border: 1px solid var(--jet-brown);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
} input[type="checkbox"],
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid var(--jet-brown); font-size: 1rem;
height: 20px;
width: 20px !important; cursor: pointer;
margin: 0 8px -3px 0;
display: inline-block;
position: relative;
min-width: 20px;
min-height: 20px;
}
input[type="checkbox"]:checked:before {
display: inline-block;
text-align: center;
width: 20px;
height: calc(var(--form-size) * 0.75);
line-height: calc(var(--form-size) * 0.75);
font-weight: bold;
font-size: calc(var(--form-size) * 0.5);
font-family: sans-serif;
color: var(--caribbean);
vertical-align: middle;
cursor: pointer;
content: 'L';
position: absolute;
top: -4px;
left: -1px;
transform: rotate(45deg) scale(-1, 1);
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: flex;
}
#payment .place-order span {
margin-left: 5px;
}
.woocommerce form .form-row .input-checkbox {
margin: 7px 8px 0 0;
}
input[type="radio"]+label:before,
input[type="radio"]+span:before {
border-radius: 50%;
}  input[type="radio"]:checked+label:before,
input[type="radio"]:checked+span:before {
content: "";
color: #fff;
box-shadow: var(--form-box-shadow);
border: solid calc(var(--form-size) * 0.2) var(--caribbean);
border-radius: 50%;
background: transparent;
} .range {
position: relative;
display: flex;
align-items: center;
}
.range-value {
padding: 0;
background: var(--form-ui-color);
border-radius: 2px;
margin-left: calc(var(--form-size) * 0.5);
font-size: smaller;
color: #fff;
width: 2.25rem;
text-align: center;
height: var(--form-size);
line-height: var(--form-size);
}
input[type="range"] {
-webkit-appearance: none;
min-width: 250px;
max-width: 100%;
height: 0.75rem;
border-radius: 0.25rem;
background: var(--form-ui-bg);
box-shadow: var(--form-box-shadow);
border: var(--form-border);
outline: none;
padding: 0;
margin: calc(var(--form-size) * 0.5) 0;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: calc(var(--form-size) * 0.75);
height: calc(var(--form-size) * 0.75);
border-radius: 50%;
background: var(--form-ui-color);
border: none;
cursor: pointer;
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
input[type="range"]::-moz-range-thumb {
width: calc(var(--form-size) * 0.75);
height: calc(var(--form-size) * 0.75);
border: 0;
border-radius: 50%;
border: none;
background: var(--form-ui-color);
cursor: pointer;
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]:active::-webkit-slider-thumb {
background: var(--form-ui-color);
}
input[type="range"]::-moz-range-thumb:hover,
input[type="range"]:active::-moz-range-thumb {
background: var(--form-ui-color);
} label,
form p {
font-size: 1.125rem;
font-weight: 500;
}
label,
.wpcf7-list-item-label,
.optional {
font-size: 1.125rem;
font-weight: 500;
}
label span,
input,
select,
textarea {
font-size: 1.5rem;
font-weight: 300;
} .wpcf7-form .wpcf7-not-valid {
border-color: red !important;
background-color: #ffe6e6 !important; } .wpcf7-form .wpcf7-not-valid textarea {
border-color: red !important;
background-color: #ffe6e6 !important;
} .wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus,
.input-text:focus {
border-color: var(--jet-brown) !important; background-color: #E6F0EE !important; }
.wpcf7-not-valid-tip {
font-size: 1.125rem;
;
}
.accept {
margin-top: 1.5rem;
}
.accept a {
text-decoration: underline;
color: var(--jet-brown);
}
.accept a:hover {
color: var(--caribbean);
}
.wpcf7-submit {
border: 0;
margin-top: 1.5rem;
font-weight: 400 !important;
} .woocommerce-billing-fields .select {
height: 60px;
border: 1px solid var(--jet-brown);
font-size: 1.5rem;
font-weight: 300;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: inherit;
padding-left: 1.125rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: inherit;
}
.woocommerce form .form-row .select2-container {
line-height: 1.6em;
}
.select2-container--open .select2-dropdown--below {
margin-top: 2rem;
}
.select2-dropdown {
background-color: var(--linen);
}
.select2-container--default .select2-selection--single {
background: transparent;
border: 0;
border-radius: 0;
}
.woocommerce-input-wrapper .select:after {
border-width: 0.1rem 0.1rem 0 0;
top: 60%;
}
#payment span,
#payment .woocommerce-input-wrapper .checkbox {
font-size: 1.125rem;
font-weight: 300;
margin: 0;
}
.woocommerce #payment .validate-required {
margin-top: 1rem !important;
}
#payment .place-order {
margin-top: 1rem !important;
}
#payment .place-order a {
text-decoration: underline;
font-weight: 400;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: left;
font-weight: 400;
margin-top: 2rem;
}
@media only screen and (max-width: 540px) {
label,
.wpcf7-list-item-label,
form p,
.optional {
font-size: 0.875rem;
}
label span,
input,
select,
textarea {
font-size: 1.125rem;
}
input[type="submit"],
input[type="button"],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
font-size: 1.125rem;
}
.wpcf7-list-item label {
display: flex;
}
body .wpcf7-list-item {
margin: 0 !important;
}
input[type="checkbox"]+span {
margin: 0 0.5rem 0.25rem 0.5rem;
line-height: 1.375rem;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label .label-description p,
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label .label-description p,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
font-size: 0.875rem !important;
}
body .program-page-subscribe #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
body .program-page-subscribe #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
body #frontpage #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input,
body .page #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
font-size: 1.125rem !important;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
margin-top: 1rem !important;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4, body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
font-size: 1.75rem !important;
line-height: 2.25rem !important;
}
} .wpcf7-list-item {
margin: 0 1em 0 0 !important;
} body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
font-size: 1.5rem !important;
padding: 0 0.75rem !important;
color: var(--jet-brown) !important;
height: 60px !important;
line-height: 1 !important;
margin: 0 !important;
font-family: inherit !important;
background-color: transparent !important;
box-shadow: var(--form-box-shadow) !important;
border: 1px solid var(--jet-brown) !important;
margin-bottom: 0.75rem !important;
padding-left: 1.25rem !important;
font-family: "Mulish", sans-serif !important;
border-radius: 0 !important;
}
#mlb2-15472207.ml-form-embedContainer .ml-form-align-center,
#mlb2-15487984.ml-form-embedContainer .ml-form-align-center {
text-align: left !important;
}
#mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper.embedForm,
#mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
max-width: 100% !important;
width: 100%;
}
#mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody,
#mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
padding: 0 !important;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
margin-bottom: 5px;
color: inherit;
font-size: 1.125rem;
font-family: "Mulish", sans-serif;
font-weight: 600;
font-style: normal;
text-decoration: none;
display: inline-block;
line-height: 1.75rem;
} body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"],
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
box-sizing: content-box;
padding: 0;
position: absolute;
z-index: 2;
opacity: 1;
margin-top: 5px; overflow: visible; webkit-appearance: none !important;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before,
#mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after,
#mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after {
display: none;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
color: inherit !important;
font-family: "Mulish", sans-serif !important;
font-size: 1.125rem !important;
font-weight: normal !important;
line-height: 1.75rem !important;
padding: 0 !important;
margin: 0 5px 0 0 !important;
padding-left: 10px !important;
} body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
-webkit-appearance: none !important;
background: var(--caribbean) !important;
color: var(--linen) !important;
font-size: 1.375rem !important;
line-height: 1 !important;
font-weight: 600 !important;
padding: 1.1rem 2.6rem !important;
border-radius: inherit !important;
text-decoration: none !important;
font-family: 'Mulish' !important;
margin-top: 3rem;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
box-shadow: inset 0 0 var(--caribbean) !important;
width: auto !important;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
box-shadow: inset 16em 0 var(--mint-green) !important;
cursor: pointer !important;
color: var(--caribbean) !important;
text-decoration: none !important;
} body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child
{
margin: 0;
font-family: "Mulish", sans-serif;
font-size: 1.375rem;
color: #403A3B;
font-weight: 300;
line-height: 2.25rem;
}
body #mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
#mlb2-15472207.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4,
body #mlb2-15487984.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
font-family: "Mulish", sans-serif !important;
margin: 2rem 0 !important;
font-size: 2.25rem !important;
line-height: 3rem !important;
} input#payment_method_stripe.input-radio[name="payment_method"][value="stripe"]{
display: none!important;
}
.p-CardIcons Input{
display: none!important;
}@media only screen and (min-width: 2560px) {
.opinion section.full-wide>.content-box {
max-width: 1440px;
padding: 0 1rem;
}
.wide{
padding-left: 0;
padding-right: 0;
}
.me-page-eniko section.full-wide>.content-box, .me-page-zsofi section.full-wide>.content-box {
max-width: 1440px;
padding: 0 1rem;
}
.center-center {
background-position: top center;
}
}
@media only screen and (max-width: 1440px) {
.front-support-col2 ul {
margin-bottom: 6rem;
}
}
@media only screen and (max-width: 1366px) {
.me-page-eniko .wp-block-columns,
.me-page-zsofi .wp-block-columns {
align-items: center !important;
}
}
@media only screen and (max-width: 1280px) {
.hero-text {
width: 60%;
}
.opinion-img figure img {
margin-left: -4rem;
margin-bottom: -4rem;
}
.front-support .full-wide::before {
height: 18%;
}
.hero section.full-wide {
padding: 8rem 0;
}
}
@media only screen and (max-width: 1024px) {
.hero-text {
width: 65%;
}
.hero section.full-wide {
padding: clamp(8.125rem, 10.9375vw, 10.9375vw) 0;
}
.front-support-col1 .has-text-align-right {
text-align: left;
}
.front-workshop .wp-container-core-columns-is-layout-5.wp-container-core-columns-is-layout-5 {
display: block;
}
.front-workshop-sticky .wp-block-buttons {
display: none;
}
.front-workshop-sticky p {
padding-bottom: 0rem;
}
.front-workshop .products {
margin-top: 3rem
}
.front-other strong {
font-size: 4rem;
}
.front-support-col2 ul {
margin-left: 2rem;
margin-bottom: 4.5rem;
}
.front-support .full-wide::before {
height: 15%;
}
.opinion-img figure img {
margin-bottom: 3.5rem;
}
.opinion-img figure img {
margin-left: -10rem;
}
.opinion-text {
padding-top: 6rem;
padding-bottom: 6rem;
}
.front-support-col2 hr {
display: none;
}
.front-support .full-wide::before {
height: 7%;
}
footer .footer-cols {
display: block;
}
.footer-nav {
width: 50%;
}
#copyright .row {
display: block;
}
#copyright .col-1-3,
#copyright .col-2-3 {
width: 100%;
text-align: center;
}
#copyright .help-menu ul,
#copyright ul {
justify-content: center;
}
footer h3 {
padding-top: 4.375rem;
}
.sub-hero-text p,
body .wp-block-cb-faqs {
width: 100%;
}
.support-page .sub-hero-text p {
width: 100%;
}
.wp-block-columns.support-page-cols {
display: block;
}
body .support-page-col {
margin-bottom: 2.5rem;
}
body .support-page-col:last-of-type {
margin-bottom: 0;
}
.me-page-zsofi :where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.me-page-zsofi .opinion-img figure img {
margin-left: -4rem;
}
.single-post main {
width: 100%;
}
.program-page .product-item,
.program-page-p,
.program-page-subscribe {
width: 100%;
}
}
@media only screen and (max-width: 960px) {
.btn-2 {
font-size: 1.1rem;
}
.opinion-img figure img {
margin-bottom: 10rem;
}
.advice-page-box1,
.advice-page-box2 {
width: 100%;
}
.advice-page-box2 {
margin-bottom: 4.375rem;
}
}
@media only screen and (max-width: 912px) {
.hero-text {
width: 70%;
}
.opinion-img figure img {
margin-bottom: 12.5rem;
margin-left: -10rem;
}
}
@media only screen and (max-width: 820px) {
.hero-text {
width: 80%;
}
.opinion-box .wp-block-columns {
display: grid;
}
.front-support-col2 ul {
margin-left: 0rem;
}
.opinion-text {
order: 2;
}
body div.my_carousel {
width: 100%;
}
body .my_carousel .overflow {
margin-bottom: 1rem;
}
.opinion-img figure img {
margin-left: 0;
margin-bottom: 0;
}
.opinion-text {
padding-top: var(--base-padding);
padding-bottom: var(--base-padding);
}
.front-other-box.wide {
padding-left: 1rem;
padding-right: 1rem;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.front-other section.full-wide {
padding: var(--base-padding) 0 0 0;
}
.front-me .full-wide {
padding-top: var(--base-padding);
padding-bottom: var(--base-padding);
}
.front-support .full-wide::before {
height: 0;
}
.me-page-eniko .opinion-img figure img {
margin-left: -10rem;
}
.program-page .product-item {
display: block;
}
.program-page .product-item-img img{
width: 100%;
}
.program-page .product-box {
padding: 0;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.1;
}
.front-support-col1 hr {
display: none;
}
.front-support-col1 figure {
margin-top: 0;
}
.front-support-col1 h2 {
margin-bottom: 2rem;
}
.front-support .wp-block-columns {
display: grid;
}
.front-support-col1 {
display: contents;
}
.front-support-img {
order: 2;
}
.front-support :where(.wp-block-columns.is-layout-flex) {
gap: 0;
}
.front-support h2 {
margin-bottom: 1rem;
}
.front-support-col2 ul {
margin-bottom: 3rem;
}
.front-support-col2 li {
margin-bottom: 1rem;
padding-left: 2.75rem;
}
.front-support-col2 ul li:before {
transform: scale(1);
}
.front-virtue .has-text-align-center {
text-align: left;
}
.front-virtue-li:before {
transform: scale(0.8);
}
.front-virtue h4 {
margin: 0 0 0 1.4rem;
}
.front-virtue-group p {
margin-left: 2.4rem;
margin-top: 10px;
}
.front-virtue-cols {
margin-bottom: 2rem;
}
.front-other .btn-2 {
margin-top: 1.5rem;
}
.front-other-text1:before,
.front-other-text2::before {
display: none;
}
.front-other .wp-block-column {
padding-bottom: 2.5rem;
border-bottom: 1px solid var(--linen);
}
.front-other .wp-block-column:last-of-type {
border-bottom: none;
}
.front-other-box .has-text-align-center {
text-align: left;
}
.front-other-box .wp-container-core-buttons-is-layout-3.wp-container-core-buttons-is-layout-3 {
justify-content: flex-start;
}
.front-other-box .wp-block-buttons {
margin-top: 2rem;
}
.front-other-box {
padding: 2rem 0 3rem 0;
}
.front-support-img.wide {
padding-left: 0;
padding-right: 0;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
body .wp-block-cb-reviews .review-txt strong {
margin-right: 1.5rem;
}
body div.my_carousel .item-list img {
width: 80%;
}
body div.my_carousel :where(.is-layout-flex) {
gap: 0.1em;
}
.front-other h2 {
margin-top: 0;
}
.front-other-cols {
padding: 0;
}
.front-other h2.has-text-align-center {
text-align: left;
}
.front-other .wp-block-column:nth-of-type(2),
.front-other .wp-block-column:nth-of-type(3) {
padding-top: 3rem;
}
.front-other .wp-block-column:nth-of-type(3) {
padding-bottom: 0;
}
.front-me-cols {
width: 100%;
}
.front-other-cols :where(.wp-block-columns.is-layout-flex) {
gap: 0em;
}
.footer-nav {
width: 100%;
}
.support-page-sticky {
text-align: center;
order: 1;
}
.support-page-text {
order: 2;
}
.support-page-group section.full-wide {
padding-top: 0;
}
.support-page-group {
margin-top: -3rem;
z-index: 1;
position: relative;
}
.me-page-box1 {
width: 100%;
}
.me-page-eniko .opinion-img figure img {
margin-left: 0;
}
.me-page-eniko .opinion-img figure img {
width: 100vw;
}
body .me-page-text1 {
padding: 0 1rem;
}
body .me-page-text1 {
margin-right: 0 !important;
}
.me-page-eniko .funfact,
.me-page-zsofi .funfact {
margin-bottom: var(--base-padding);
}
.me-page-zsofi .me-page-text2 {
padding-bottom: 2.5rem;
}
.me-page-text2 {
order: 2;
}
.me-page-zsofi .opinion-img figure img {
margin-left: 0;
width: 100vw;
}
.me-page-text2 {
margin-left: 0 !important;
}
.me-page-text {
padding: 0;
}
.error-box{
width: 100%;
}
.error404 main{
padding: var(--base-padding) 0 4.375rem 0;
}
.ebbok-col1{
order: 2;
padding-right: 0;
}
.ebook.section{
padding: 0;
}
.ebook p{
margin-top: 10px;
}
}
@media only screen and (max-width: 540px) {
body,
ul li {
font-size: 1.125rem;
line-height: 1.75rem;
}
h1 {
font-size: 3rem;
line-height: 3.5rem;
}
h2 {
font-size: 2.25rem;
line-height: 2.5rem;
}
h3 {
font-size: 1.875rem;
line-height: 2.25rem;
}
h4 {
font-size: 1.125rem;
line-height: 1.75rem;
}
.hero-text {
width: 100%;
}
.btn,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.wp-block-button__link {
font-size: 1.125rem;
}
.products.column-2>div {
width: 100%;
}
.products ul {
line-height: 1.8rem;
}
.front-other .has-text-align-center {
text-align: left;
}
.front-other strong {
font-size: 3.5rem;
}
.products.column-2,
.products.column-3 {
gap: 2.5rem;
}
body .front-workshop {
padding-bottom: 4rem;
}
.front-other .wp-block-column:nth-of-type(3) {
padding-bottom: 1.75rem;
}
.help-menu li a,
#copyright p,
#copyright-dev li {
font-size: 14px;
}
#copyright ul li {
margin-left: 0;
}
.help-menu ul li {
padding-bottom: 0.75rem;
}
#copyright ul {
display: block;
}
#copyright-dev li:first-of-type a {
border-right: 0;
padding-right: 0;
}
footer {
padding-bottom: 0.1rem;
}
#copyright {
padding-top: 0.2rem
}
.footer-social {
margin-top: 20px;
}
#gotop {
transform: scale(0.9);
}
.sub-hero section.full-wide {
padding: 4.375rem 0 8.75rem 0;
}
.sub-hero-text .has-text-align-center,
.faq-box .has-text-align-center {
text-align: left;
}
.products.column-3 {
margin-top: -7.125rem;
z-index: 1;
position: relative;
padding-bottom: 4.375rem;
}
.faq-box section.full-wide {
padding-bottom: 4.375rem;
}
body .faq-label h4 {
font-size: 1.125rem;
}
body .product-item {
padding: 1.25rem;
}
body .woocommerce-loop-product__title {
font-size: 1.125rem;
line-height: 1.875rem;
margin-top: 0.5rem
}
body .product-item .price {
margin-top: 0rem;
margin-bottom: 1.5rem;
}
body .price .woocommerce-Price-amount {
font-size: 1.7rem;
}
body .woocommerce-product-details__short-description ul li:before {
transform: scale(1);
}
.support-page-group {
margin-top: -7.125rem;
}
.support-page-col .front-other .has-text-align-center {
text-align: center;
padding-bottom: 1rem;
}
.support-page-p {
padding-top: 0.5rem;
}
.support-page-btn p {
margin-top: 1rem;
}
.advice-page-box1 {
margin-top: 0;
}
.advice-hero .full-wide {
height: 300px;
}
.me-page-box1 {
margin-top: 0;
}
.me-page-hero .full-wide {
height: 100vw;
}
.me-page-zsofi .opinion-img figure img {
margin-bottom: 0;
}
.me-page-box1 {
background: transparent;
padding: 2rem 0 0 0;
}
.check-list ul li {
line-height: 1.75rem;
}
.advice-page-box1 {
background: transparent;
width: 100%;
padding: 2rem 0 1rem 0;
}
.tudastar .column-2 {
display: block;
margin-top: -22rem;
}
.tudastar .sub-hero section.full-wide {
padding-bottom: 22rem;
}
.tudastar .column-2>div {
width: 100%;
}
.tudastar .blog-box {
margin-bottom: 2rem;
}
.blog-item {
padding: 1.5rem;
}
.post-meta ul li {
font-size: 0.875rem;
margin-bottom: 0;
}
.tudastar h4 {
font-size: 1.125rem;
line-height: 1.75rem;
}
.navigation-links {
display: block;
}
.previous-post,
.next-post {
width: 100%;
}
.previous-post,
.support-banner {
margin-bottom: 2rem;
}
.single-post main {
margin-bottom: 2.5rem;
}
.offer-page-p,
.offer-page h1 {
text-align: left;
}
.offer-page-p {
padding-bottom: 1rem;
}
.hero section.full-wide {
background-position: calc(50% - 3rem) center;
}
.hero section.full-wide:before {
background: rgb(255, 255, 255);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.47111344537815125) 0%, rgba(108, 103, 104, 0.4599089635854342) 28%, rgba(64, 58, 59, 0.7736344537815126) 100%);
}
.bg-fixed {
background-attachment: scroll;
}
.error404 main{
text-align: left;
}
#error-btn{
display: block;
}
#error-btn>div {
margin: 3rem 0 0 0;
}
#error-btn>div:nth-of-type(2){
margin-top: 1.5rem;
}
#error-btn a{
display: block;
}
.program-page .sub-hero section.full-wide{
padding-top: 4.375rem;
padding-bottom: 11.75rem;
}
.program-group {
margin-bottom: 4.375rem;
}
.program-page-subscribe {
padding: 1.25rem 1.25rem 0 1.25rem;
}
}
@media only screen and (max-width: 431px) {
.front-other .wp-block-column {
padding-bottom: 2.5rem;
}
.hero section.full-wide {
padding: 4.375rem 0;
}
}
@media only screen and (max-width: 391px) {
body .zoom {
font-size: 0.75rem;
padding: 0rem 0.75rem;
}
.front-virtue-cols img {
width: 24px;
}
.single h1 {
font-size: 2.25rem;
line-height: 2.5rem;
}
}
@media only screen and (max-width: 360px) {
.hero section.full-wide {
background-position: calc(50% - 6rem) center;
}
}
@media only screen and (max-width: 345px) {
#logo h3 {
font-size: 1.3rem;
}
}header {
background: var(--linen);
padding: 1vw 0;
}
header .column-3 {
align-items: center;
}
#logo img{
width: 70%;
}
.mobile-logo{
display: none!important;
}
#top-head {
align-items: center;
display: flex;
justify-content: space-between;
}
#top-info ul {
display: flex;
}
#top-info ul li {
list-style-type: none;
font-size: 16px;
margin-bottom: 0rem;
margin-left: 0rem;
text-decoration: underline;
}
#top-info ul li:first-of-type {
margin-right: 2rem;
}
#shop-nav ul {
display: flex;
justify-content: flex-end;
align-items: center;
}
#shop-nav li {
list-style-type: none;
margin-bottom: 0rem;
}
#shop-nav li:last-of-type {
margin-left: 4rem;
}
#shop-nav li a {
color: inherit;
font-size: smaller;
display: flex;
align-items: center;
font-size: 16px;
}
#shop-nav li a svg {
width: 2rem;
height: 2rem;
margin-right: 0.75rem;
}
#shop-nav li a svg path {
fill: var(--caribbean);
}
#shop-nav span {  } #logo svg path {
fill: var(--jet-brown);
}
#hamburger {
display: none;
}
#main-menu {
position: relative;
background: var(--mint-green);
}
#main-menu ul {
display: flex;
justify-content: space-between;
margin: 0;
padding: 1.25rem 0;
}
#main-menu ul li {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
}
#main-menu ul li a {
color: inherit;
line-height: 2.2rem;
display: inline-block;
text-transform: uppercase;
position: relative;
font-size: 1.125rem;
color: #000;
}
#main-menu ul li ul li a {
text-transform: none;
font-weight: normal;
font-size: smaller;
}
#main-menu ul li a:hover,
.current-menu-item a {
color: var(--main-color) !important;
}
#main-menu ul li ul li a {
white-space: nowrap;
}
.opener {
right: 0px;
position: absolute;
top: 0px;
width: 1rem;
height: 2rem;
cursor: pointer;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.opener svg {
width: 0.5rem;
height: auto;
}
#logo h3,
#logo a {
margin: 0;
}
#logo {
display: grid;
align-items: center;
}
@media only screen and (min-width: 961px) {
#main-menu ul li ul {
z-index: 10;
display: block;
overflow: hidden;
position: absolute;
left: -0.5vw;
background: #fff;
top: 1.8em;
padding: 0.5vw 0.5vw;
opacity: 0;
visibility: hidden;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#main-menu ul>li:hover ul {
opacity: 1;
visibility: visible;
display: block;
top: 2.2rem;
}
#main-menu div>ul>li>a:before {
content: '';
position: absolute;
width: 0;
height: 2px;
background: var(--main-color);
display: block;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#main-menu div>ul>li>a:hover:before {
width: 100%;
height: 2px;
}
#main-menu ul li ul li {
width: 100%;
}
}
@media only screen and (max-width: 960px) {
#top-head {
display: flex;
justify-content: space-between;
align-items: center;
}
#logo {
text-align: left;
}
#logo a {
margin: 0.5rem 0;
}
#hamburger {
height: 2rem;
width: 2.5rem;
padding: 0.5rem;
border-radius: 50%;
display: flex;
flex-flow: column;
justify-content: space-between;
margin: 0;
cursor: pointer;
position: relative;
margin-left: 0.5rem;
}
#hamburger span {
position: relative;
display: block;
height: 2px;
background: var(--caribbean);
opacity: 1;
border-radius: 3px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#hamburger span:nth-child(1) {
top: 0;
}
#hamburger span:nth-child(3) {
bottom: 0;
}
#hamburger.open span:nth-child(1) {
top: 50%;
margin-top: -1px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#hamburger.open span:nth-child(3) {
bottom: 50%;
margin-bottom: -1px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#hamburger.open span:nth-child(2) {
opacity: 0;
}
#main-menu ul {
overflow: hidden;
display: block; }
#main-menu ul {
background-color: var(--mint-green);
clip-path: circle(0.1% at 100% 0); transition: clip-path 0.5s ease-out; position: absolute;
top: 0;
right: 0;
width: 100%; height: 100%; z-index: -1; }
#main-menu ul.open {
clip-path: circle(150% at 100% 0); }
#main-menu ul.open,
#main-menu ul.sub-menu.open {
opacity: 1;
max-height: 1000px;
height: 10000px;
}
#main-menu ul.sub-menu,
#main-menu ul {
max-height: 0;
opacity: 0;
margin: 0;
padding: 0;
}
#main-menu ul li { display: block;
margin: 1rem 0;
}
#main-menu ul li:last-of-type a {
border: none;
}
#main-menu ul li a {
padding: 0;
margin: 0;
display: block;
font-weight: 400;
}
#main-menu ul li ul li a {
padding: 0 15px;
border: none;
}
.opener {
right: 0px;
position: absolute;
top: 0px;
width: 2rem;
height: 2rem;
cursor: pointer;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.opener svg {
width: 50%;
height: auto;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.open.opener svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#top-head {
display: none;
}
header {
background: var(--mint-green);
}
#main-menu,
#hamburger span {
z-index: 100000;
}
#main-menu ul { }
#main-menu ul li {
text-align: center;
}
#main-menu ul li a {
padding: 1rem 0;
display: inline;
}  #shop-nav span {
display: none;
}
#shop-nav li:last-of-type {
margin-left: 0.75rem;
}
}
@media only screen and (max-width: 1024px) {
header .column-3 {
gap: 0;
align-items: center;
}
#top-head {
flex-basis: 100%;
}
#shop-nav {
flex: 1;
}
#logo { text-align: left;
}
#top-info ul {
margin: 0.5rem 0 0 0;
}
}
@media only screen and (max-width: 540px) {
#logo h3 {
font-size: 1.5rem;
white-space: nowrap;
}
}
@media only screen and (max-width: 431px) {
#shop-nav li a svg {
margin-right: 0;
}
.desktop-logo{
display: none!important;
}
.mobile-logo{
display: inline-block!important;
}
#logo img {
width: 30%;
}
}
@media only screen and (max-width: 391px) {
#shop-nav li a svg {
transform: scale(0.85);
}
#shop-nav ul li {
margin-left: 0rem;
margin-right: 5px;
}
#shop-nav li:last-of-type,
#hamburger {
margin-left: 0.25rem;
}
}
@media only screen and (max-width: 371px) {
#logo h3 {
font-size: 1.4rem;
white-space: nowrap;
}
}
@media only screen and (max-width: 345px) {
#logo h3 {
font-size: 1.3rem;
}
#shop-nav li:last-of-type, #hamburger {
margin-left: 0rem;
}
}.product-item {
position: relative;
background: var(--floral-white);
padding: 2rem;
font-size: 1.25rem;
display: flex;
flex-direction: column;
color: #000;
}
.product-item-img {
position: relative;
}
.zoom {
position: absolute;
top: 2rem;
right: 1rem;
color: #fff;
margin-bottom: 0rem;
margin-left: 0rem;
font-size: 1rem;
font-weight: 400;
border-radius: 2rem;
padding: 0rem 1rem;
background: var(--caribbean);
display: inline-block;
}
.woocommerce-loop-product__title {
font-size: 1.5rem;
font-weight: 600;
font-family: "Mulish", sans-serif;
font-style: normal;
text-transform: uppercase;
line-height: 1.25;
margin-top: 1rem;
}
.woocommerce-product-details__short-description ul li {
position: relative;
margin-left: 0;
padding-left: 1.75rem;
margin-bottom: 0;
}
.woocommerce-product-details__short-description ul li:before {
content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" fill="none"><path d="m2 7.08 5.615 5.615L18.31 2" stroke="%232E7581" stroke-width="3"/></svg>');
position: absolute;
top: 0;
left: 0;
transform: scale(1.1);
}
.product-item .price {
margin-top: 3rem;
margin-bottom: 2rem;
}
.price .woocommerce-Price-amount {
font-family: "DM Serif Text", serif;
font-weight: 400;
font-style: italic;
font-size: 2.3rem;
} .woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: none !important;
width: 100% !important;
}
.woocommerce div.product div.images img {
border: solid 1px var(--jet-brown);
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: sticky;
top: 0;
}
.custom-field-box {
font-size: 1.125rem;
display: flex;
margin-bottom: 1rem;
}
.custom-field1,
.custom-field2 {
position: relative;
font-weight: 400;
}
.custom-field1::before {
position: absolute;
content: '';
top: 35%;
left: 0;
width: 1.5px;
height: 23px;
background: var(--jet-brown);
}
.custom-field1::after,
.custom-field2::after {
position: absolute;
content: '';
top: 35%;
right: 0;
width: 1px;
height: 23px;
background: var(--jet-brown);
}
.custom-field1 p {
padding: 0 1rem; }
.custom-field2 p {
padding: 0 1rem; }
.single-product main {
padding-top: 2rem;
}
.single-product h1 {
font-size: 3.25rem;
line-height: 4rem;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
font-family: "DM Serif Text", serif;
font-weight: 400;
font-style: italic;
font-size: 2.25rem;
color: var(--jet-brown);
}
.single-product ul li {
list-style-type: none;
}
.single-product .woocommerce-product-details__short-description ul li:before {
content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path d="M13.967 27.889c7.657 0 13.864-6.207 13.864-13.864C27.831 6.367 21.624.16 13.967.16 6.31.16.103 6.367.103 14.025c0 7.657 6.207 13.864 13.864 13.864Z" fill="%23CEE1DD"/><path d="m5.812 13.76 5.615 5.615L22.122 8.68" stroke="%232E7581" stroke-width="3"/></svg>');
top: 5px;
transform: scale(1);
}
.single-product .woocommerce-product-details__short-description ul li {
position: relative;
margin-left: 0;
padding-left: 2.5rem;
padding-bottom: 10px;
}
.csp-text h3 {
margin: 3rem 0 1rem 0;
}
.csp-img a {
pointer-events: none;
}
.product-about-section {
margin-top: 2.5rem;
}
.product-about-section p {
margin: 1rem 0;
} .woocommerce-checkout {
background: var(--linen);
}
.woocommerce-checkout main {
padding: 8rem 0;
}
.menu-cart {
position: relative;
}
strong.count {
background: var(--floral-white);
font-weight: bold;
position: absolute;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 20px;
text-align: center;
top: -3px;
left: 15px;
font-size: 14px;
}
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
width: 100% !important;
float: none !important;
}
.woocommerce form .form-row {
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-additional-fields {
display: none;
}
.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper {
margin-bottom: 1rem;
display: block;
}
.woocommerce-input-wrapper .select {
display: block;
}
.woocommerce-billing-fields__field-wrapper .col-1-2,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 48% !important;
}
.address-field {
width: 48%;
}
.woocommerce form .form-row .required {
visibility: hidden !important;
} .woocommerce-cart-form th {
background: var(--light-green);
text-align: left;
}
.woocommerce table.shop_table {
border: none;
}
.woocommerce table.shop_table td {
border: none;
}
.woocommerce table.shop_table tr td.actions {
border-top: 2px solid red;
} button.button[name="update_cart"][value="Kosár frissítése"] {
display: none;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: none;
}
.woocommerce-info {
border-top-color: var(--caribbean);
margin-top: 2rem;
}
.woocommerce-info::before {
color: var(--caribbean);
}
#order_review th {
background: transparent;
border: none;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
border-top: none;
}
.cart-subtotal {
display: none;
}
#order_review ul li {
list-style-type: none;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: transparent;
}
.payment_box p {
margin: 0;
}
.payment_methods li {
font-weight: 300;
}
.payment_methods li label,
.payment_methods p {
font-weight: 300;
}
input[type="radio"]#payment_method_bacs {
display: block !important;
min-height: 0;
border: none;
padding: 0;
margin: 0;
height: 0;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: var(--floral-white);
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid var(--floral-white);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0 0 1em 0;
border-bottom: 3px solid var(--mint-green);
}
.woocommerce-cart-form__contents {
padding-top: 2.8rem;
}
.woocommerce-cart-form__contents thead tr {
background: var(--mint-green);
}
.woocommerce table.shop_table th {
font-weight: 300;
}
.woocommerce-checkout td.product-thumbnail {
width: 150px !important;
}
.woocommerce-checkout table.cart img {
width: 150px;
box-shadow: none;
}
td.product-name,
th.product-name {
width: 450px !important;
}
td.product-name a,
td.product-thumbnail a {
pointer-events: none;
text-decoration: none;
color: var(--jet-brown);
}
.woocommerce table.shop_table {
text-align: left;
border-bottom: 3px solid var(--mint-green);
border-radius: 0;
}
.woocommerce-cart-form thead tr {
display: flex !important;
flex-direction: row !important;
}
.woocommerce .woocommerce-cart-form table.shop_table th {
padding: 19px 12px;
text-transform: capitalize;
}
.woocommerce .woocommerce-cart-form table.shop_table td,
.woocommerce .woocommerce-cart-form table.shop_table th {
border: none !important;
width: calc((100% - 200px) / 4);
text-align: center;
}
.woocommerce-cart-form__cart-item.cart_item {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
width: 100% !important;
align-items: center;
border-bottom: 1px solid var(--mint-green);
padding: 1rem 0;
}
.woocommerce .woocommerce-cart-form table.shop_table td,
.woocommerce .woocommerce-cart-form table.shop_table th {
border: none !important;
width: calc((100% - 200px) / 4);
text-align: left;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, .1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
td.product-remove {
order: 6;
width: 50px !important;
line-height: 130px;
vertical-align: middle;
padding: 0 !important;
}
th.product-remove {
width: 50px !important;
order: 6;
}
th.product-thumbnail {
width: 150px !important;
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
font-weight: 500 !important;
color: var(--jet-brown) !important;
}
.woocommerce a.remove:hover {
color: var(--jet-brown) !important;
background: transparent;
} .woocommerce-account-fields .col-1-2 {
width: 48%;
display: inline-block;
vertical-align: top;
margin-right: 2%;
}
.woocommerce-account-fields .form-row-last {
margin-right: 0;
}
#billing_country_field span {
border: 1px solid var(--jet-brown);
padding: 0.5rem 0.75rem;
padding-left: 1.25rem;
}
#billing_country_field strong {
font-size: 1.375rem;
font-weight: 300;
} .woocommerce-billing-fields {
padding: 6rem 0 0 0;
}
.woocommerce-checkout main h3 {
font-size: 3.25rem;
margin: 0;
padding-bottom: 2rem;
}
.shop_table th.product-name,
.shop_table th.product-total {
text-transform: uppercase;
}
.woocommerce #order_review a {
color: var(--jet-brown);
}
.woocommerce #order_review table.shop_table th {
font-weight: 700;
padding-left: 0;
}
.order-total .woocommerce-Price-amount {
font-weight: 800;
}
.woocommerce #order_review table.shop_table td {
padding-left: 0;
}
.woocommerce #order_review table.shop_table {
padding-bottom: 1.5rem;
}
#order_review .product-quantity {
display: none;
}
.woocommerce table.shop_table td {
border-top: none;
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
#order_review .product-total {
width: 30%;
} .cart-row form {
display: grid;
}
.cart-row form .coupon-row {
order: 2;
}
.coupon label,
.woocommerce-form-coupon-toggle {
display: none;
}
.coupon {
display: flex;
flex-direction: row;
align-items: center;
}
.coupon input[type="text"] {
min-width: 50%;
margin-top: 1rem;
margin-bottom: 0.4rem;
}
.woocommerce-cart-form .coupon button.button {
margin-left: auto;
font-weight: 400;
} .woocommerce-account-fields .create-account {
display: flex;
flex-wrap: wrap;
gap: 4rem;
}
.woocommerce-account-fields .create-account p {
flex: 1;
}
.woocommerce-account-fields .clear {
flex-basis: 100% !important;
display: block;
align-self: auto;
}
.woocommerce-account-fields .form-row {
padding: 3px;
margin: 0 0 6px;
width: 48%;
}  .woocommerce-message {
border-top-color: var(--mint-green);
} .woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: var(--floral-white);
color: var(--jet-brown);
border-top: 3px solid var(--mint-green);
}
.woocommerce-message::before {
color: var(--mint-green);
} .woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover {
background: var(--mint-green);
font-weight: 400 !important;
margin-left: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
li.select2-results__option {
list-style-type: none;
} .return-to-shop {
display: none;
} .woocommerce-account main {
padding: var(--base-padding) 0 8.75rem 0;
}
li.woocommerce-MyAccount-navigation-link {
list-style-type: none;
margin-left: 0;
}
.woocommerce-account h3 {
margin: 0;
}
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2,
.woocommerce-account .col2-set .col-2 {
float: left;
width: 100%;
}
address {
font-style: normal;
}
.woocommerce-account fieldset {
margin: 0;
padding: 0;
border: 0;
margin-top: var(--base-padding);
}
.woocommerce-account legend {
margin-bottom: 1rem;
}
.woocommerce-MyAccount-navigation a {
color: var(--jet-brown);
text-decoration: none;
font-weight: 400;
}
.woocommerce-MyAccount-content .woocommerce-Button {
background-color: var(--caribbean) !important;
padding: 1rem 2.5rem !important;
color: var(--floral-white) !important;
}
.woocommerce-MyAccount-content .woocommerce-Button:hover {
color: var(--caribbean) !important;
}
.woocommerce-MyAccount-navigation a:hover {
text-decoration: none;
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
background-color: var(--mint-green);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
color: var(--caribbean);
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
background-color: var(--mint-green);
}
.woocommerce-MyAccount-navigation ul li {
text-align: center;
background-color: var(--linen);
padding: 1rem;
width: 80%;
}
.woocommerce-MyAccount-navigation ul li:hover {
text-align: center;
background-color: var(--floral-white);
padding: 1rem;
width: 80%;
} .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
margin-top: 1rem;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
margin-top: 10px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span {
font-size: 1.125rem;
}
.woocommerce-account h2 {
font-size: 2.25rem;
font-family: "Mulish", sans-serif;
font-weight: 600;
font-style: normal;
margin-top: var(--base-padding);
}
.woocommerce form.login,
.woocommerce form.register {
background: var(--floral-white);
margin: 0;
}
.mobil-account {
display: none;
}
.woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li:hover {
width: 100%;
}  input:-webkit-autofill {
background-color: #E6F0EE !important;
-webkit-box-shadow: 0 0 0px 1000px #E6F0EE inset !important;
} input:-moz-autofill {
background-color: #E6F0EE !important;
box-shadow: 0 0 0px 1000px #E6F0EE inset !important;
} input:-ms-autofill {
background-color: #E6F0EE !important;
box-shadow: 0 0 0px 1000px #E6F0EE inset !important;
} input:autofill {
background-color: #E6F0EE !important;
box-shadow: 0 0 0px 1000px #E6F0EE inset !important;
} .woocommerce-table--order-downloads th,
.woocommerce-table--order-details th {
background: var(--mint-green);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
background-color: var(--caribbean);
color: var(--floral-white);
font-weight: 500;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
background-color: var(--mint-green);
color: var(--caribbean);
}
.order-again {
display: none;
}
.download-product a {
pointer-events: none;
color: inherit;
text-decoration: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
background-color: var(--caribbean);
font-weight: 500;
color: var(--floral-white);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
background-color: var(--mint-green);
font-weight: 500;
color: var(--caribbean);
} @media only screen and (max-width: 960px) {
.single-product main {
padding-top: 0;
}
td.product-name,
th.product-name {
width: calc((100% - 200px) / 4) !important;
}
.csp-img {
z-index: -1;
position: relative;
}
.woocommerce-MyAccount-navigation ul {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.mobil-account {
display: block;
text-align: center;
background-color: var(--floral-white);
padding: 1rem;
}
}
@media only screen and (max-width: 820px) {
.woocommerce-billing-fields__field-wrapper {
display: block;
}
.woocommerce-billing-fields__field-wrapper .col-1-2,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 100% !important;
}
.address-field {
width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent;
}
.woocommerce-page table.cart .product-thumbnail {
display: block;
text-align: left !important;
}
.woocommerce-page table.cart .product-thumbnail::before {
display: none;
}
.woocommerce-cart-form__cart-item.cart_item {
display: block !important;
border-right: 3px solid var(--mint-green);
border-left: 3px solid var(--mint-green);
border-top: 3px solid var(--mint-green);
}
.woocommerce .woocommerce-cart-form table.shop_table td,
.woocommerce .woocommerce-cart-form table.shop_table th {
border: none !important;
width: 100% !important;
text-align: left;
padding-bottom: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table td.product-remove a {
float: right;
padding-right: 12px;
}
.woocommerce table.shop_table {
padding-top: 0;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
font-weight: 300;
}
.coupon {
display: block;
}
.coupon input[type="text"],
.woocommerce-cart-form .coupon button.button {
min-width: 100%;
}
.woocommerce-cart-form .coupon button.button {
margin-top: 1rem;
}
.woocommerce-checkout main {
padding: 4.375rem 0;
}
.woocommerce-checkout h1 {
padding-bottom: 2rem;
}
.woocommerce-billing-fields {
padding: var(--base-padding) 0 0 0;
}
.woocommerce-account-fields .create-account {
display: block;
}
.woocommerce-account-fields .form-row {
width: 100%;
}
.create-account p:nth-of-type(2) {
margin-top: 1rem !important;
margin-bottom: 4.375rem !important;
}
}
@media only screen and (max-width: 540px) {
.single-product .column-2 {
display: grid;
}
.single-product .column-2>div {
width: 100%;
}
.csp-text {
order: 2;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
margin: 0;
}
.single-product h1 {
font-size: 2.25rem;
line-height: 2.5rem;
}
.custom-field1,
.custom-field2 {
font-size: 1rem;
}
.custom-field1::before,
.custom-field1::after,
.custom-field2::after {
height: 20px;
}
.woocommerce-checkout h1 {
padding-bottom: 1rem;
}
.woocommerce-checkout main h3 {
font-size: 2.25rem;
}
p#account_password_field {
margin-top: 14px !important;
}
#order_review thead th.product-total {
display: none;
}
#payment span,
#payment .woocommerce-input-wrapper .checkbox {
font-size: 0.875rem;
}
#payment .woocommerce-terms-and-conditions-checkbox-text {
display: inline;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
margin-top: 1rem;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
background: var(--mint-green);
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
margin-top: 1rem;
}
.woocommerce div.product form.cart .button:hover {
background: var(--mint-green);
}
#order_review .product-total {
width: 0%;
}
#billing_country_field strong {
font-size: 1.125rem;
}
}