/* User area */
html[lang="ja"] .Zen,
html[lang="ja"] .user-dasboard .user-dasboard__wrapper .dasboard-side #list .flex .action__text,
html[lang="ja"] .page-template-page-user-area-register .woocommerce .form__separator span,
html[lang="ja"] .page-template-page-user-area .woocommerce .form__separator span,
html[lang="ja"] .page-template-page-user-area-register .user-area__registration,
html[lang="ja"] .page-template-page-user-area .user-area__registration,
html[lang="ja"] .page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-register__submit,
html[lang="ja"] .page-template-page-user-area-register .woocommerce-form-register .woocommerce-form__label-for-checkbox .checkbox__explain,
html[lang="ja"] .page-template-page-user-area-register .woocommerce-form-register .woocommerce-form__label-for-checkbox .checkbox__text,
html[lang="ja"] .page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-row input::placeholder,
html[lang="ja"] .page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-row .input__validation,
html[lang="ja"] .page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-row label,
html[lang="ja"] .page-template-page-user-area-register .explain__required,
html[lang="ja"] .page-template-page-user-area .woocommerce-form-login .woocommerce-form-row input,
html[lang="ja"] .page-template-page-user-area .woocommerce-form-login .woocommerce-form-row input::placeholder,
html[lang="ja"] .page-template-page-user-area .woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
html[lang="ja"] .page-template-page-user-area .woocommerce .form__separator span,
html[lang="ja"] .page-template-page-user-area .woocommerce .form__wrapper label span,
html[lang="ja"] .page-template-page-user-area .woocommerce .form__wrapper .lost_password a{
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
}
.page-template-page-user-area-notifications.logged-in main,
.page-template-page-user-area-book.logged-in main,
.page-template-page-user-area-contacts.logged-in main,
.page-template-page-user-area-documents.logged-in main,
.page-template-page-user-area-conultations.logged-in main,
.page-template-page-submit-product.logged-in main,
.page-template-page-user-area-account.logged-in main,
.page-template-page-user-area.logged-in main{
background-color: var(--WHITE-700);
}
.header.sticky{
position: fixed;
top: 0;
z-index: 999;
width: 100%;
background-color: #ffffffeb;
border-bottom: 1px solid;
}
/* paslėpti submenu pagal nutylėjimą */
.nav__list li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
padding: 20px;
min-width: 320px;
z-index: 1000;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
/* rodyti submenu užvedus pelę ant tėvinio elemento */
.nav__list li:hover > ul.sub-menu {
display: block;
}
/* submeniu elementai */
.nav__list li ul li {
padding: 6px 15px;
}
.nav__list li ul.sub-menu li a:hover {
color: var(--OLIVE)!important;
}
.nav__list li ul.sub-menu li a {
text-decoration: none;
display: block;
font-size: 18px!important;
transition: all 0.2s;
}
.nav__list li.menu-item-has-children > a::after {
content: " ▼";
font-size: 0.4em;
margin-left: 5px;
top: -3px;
position: relative;
}
/* Toggle (switch) */
.dasboard-main .edit-user .toggle {
display: flex;
align-items: center;
gap: 12px;
margin: 10px 0;
cursor: pointer;
user-select: none;
}
.dasboard-main .edit-user .toggle__input {
position: absolute;
inset: 0;
width: 1px;
height: 1px;
opacity: 0;
}
.dasboard-main .edit-user .toggle__slider {
position: relative;
flex: 0 0 auto;
width: 44px;
height: 24px;
border-radius: 9999px;
background: #cbd5e1;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
transition: background .2s ease, box-shadow .2s ease;
}
.dasboard-main .edit-user .toggle__slider::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.25);
transition: transform .2s ease;
}
/* Kalbų "chips" */
.dasboard-main .notifications-update-form .toggle__actions{display:none;gap:8px;margin-top:12px}
.dasboard-main .notifications-update-form.is-dirty .toggle__actions{display:flex}
.dasboard-main .select__input{min-width:260px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:8px}
.dasboard-main .edit-user .lang-group{margin-top:8px}
.dasboard-main .edit-user .chip{display:inline-flex;align-items:center;gap:6px;margin:6px 8px 0 0;cursor:pointer}
.dasboard-main .edit-user .chip input{position:absolute;opacity:0;width:1px;height:1px}
.dasboard-main .edit-user .chip span{border:1px solid #cbd5e1;border-radius:9999px;padding:6px 10px}
.dasboard-main .edit-user .chip input:checked + span{background:#e2e8f0}
.dasboard-main .edit-user .toggle__input:checked + .toggle__slider { background: var(--BRIGHT-BLUE); }
.dasboard-main .edit-user .toggle__input:checked + .toggle__slider::after { transform: translateX(20px); }
.dasboard-main .edit-user .toggle__input:focus-visible + .toggle__slider { outline: 2px solid #3b82f6; outline-offset: 2px; }
.dasboard-main .edit-user .toggle__label { font-size: 14px; line-height: 1.4; }
/* Veiksmų eilutė – slepiama kol nėra pakeitimų */
.notifications-update-form .toggle__actions { display: none; gap: 8px; margin-top: 20px; }
.notifications-update-form.is-dirty .toggle__actions { display: flex; }
/* (nebūtina) paryškinti pakeistus jungiklius */
.notifications-update-form.is-dirty .toggle__slider { box-shadow: inset 0 0 0 1px rgba(59,130,246,.35); }
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-profile .profile__info:last-child span{
margin-bottom: 0px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-profile .profile__info span.unset{
color: var(--MEDIUM-GREY);
font-style: italic;
opacity: 0.5;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main input:focus-visible {
outline: var(--LIME-OLIVE) auto 1px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .meetings__content #create-product-form input[name="product_title"]{
min-width: 50%;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .meetings__content #create-product-form textarea{
border-radius: 4px;
border: 1px solid var( --LIGHT-GREY);
padding: 17px;
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
display: block;
min-width: 50%;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .meetings__content #create-product-form input[name="product_title"],
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-password .edit-mode form input,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-profile .edit-mode form input{
border-radius: 4px;
border: 1px solid var( --LIGHT-GREY);
padding: 6px 17px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-password .edit-mode p small{
color: var(--MEDIUM-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 11px;
font-weight: 500;
margin-top: -16px;
display: block;
margin-bottom: 15px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main #notification_language option:checked {
background-color: var(--LIME-OLIVE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main #notification_language{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .meetings__content #create-product-form input,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-password .edit-mode form input,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-profile .edit-mode form input,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-profile .profile__info span{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
display: block;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-notifications .toggle__label{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .meetings__content #create-product-form label,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-password .edit-mode form label,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-password .profile__info.password label,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-profile .edit-mode form label,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-profile .profile__info label{
color: var(--MEDIUM-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
display: block;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-delete .btn-delete{
color: var(--RED);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 400;
background-color: transparent;
border: none;
border-bottom: 1px solid;
line-height: 1.2;
cursor: pointer;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-delete .delete-acc__explain{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
display: block;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-delete .edit__title,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-notifications .edit__title,
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-password .edit__title {
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
margin-bottom: 20px;
font-weight: 600;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-profile .edit__title {
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
margin-bottom: 20px;
font-weight: 700;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user.edit__user-name .flex{
border-top: 1px solid var(--NEUTRAL);
padding-top: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user.edit__user-name .edit-mode form .profile-actions #file-upload{
display: none;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .btn-cancel{
color: var(--BRIGHT-BLUE);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
border: 1px solid var(--BRIGHT-BLUE);
font-weight: 500;
padding: 6px 14px;
border-radius: 30px;
cursor: pointer;
background: transparent;
min-width: 90px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .meetings__content #create-product-form input[type="file"]{
display: none;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main form#create-product-form #file-inputs span.file-name{
color: var(--MEDIUM-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight: 500;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main form#create-product-form .custom-file-upload{
}
.user-dasboard .user-dasboard__wrapper .dasboard-main form#create-product-form #add-file:hover,
.user-dasboard .user-dasboard__wrapper .dasboard-main form#create-product-form .custom-file-upload:hover{
color: var(--BRIGHT-BLUE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main form#create-product-form #add-file,
.user-dasboard .user-dasboard__wrapper .dasboard-main form#create-product-form .custom-file-upload{
color: var(--LIGHT-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 400;
border-bottom: 1px solid;
line-height: 1.2;
cursor: pointer;
display: inline-block;
background: transparent;
border-top: none;
border-left: none;
border-right: none;
transition: all 0.2s;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .btn-submit{
color: var(--BRIGHT-BLUE);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
border: 1px solid var(--BRIGHT-BLUE);
font-weight: 500;
padding: 6px 14px;
border-radius: 30px;
cursor: pointer;
background: transparent;
min-width: 90px;
display: block;
margin-top: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .btn-save{
color: var(--BRIGHT-BLUE);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
border: 1px solid var(--BRIGHT-BLUE);
font-weight: 500;
padding: 6px 14px;
border-radius: 30px;
cursor: pointer;
background: transparent;
width: 90px;
position: absolute;
right: 30px;
top: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user.edit__user-name .edit-mode {
margin-top: 15px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user.edit__user-name .edit-mode form .profile-actions .btn-delete{
color: var(--LIGHT-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 400;
background-color: transparent;
border-color: transparent;
border-bottom: 1px solid;
margin: 0;
margin-left: 15px;
cursor: pointer;
line-height: 1.2;
border-top: none;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user.edit__user-name .edit-mode form .profile-actions {
display: flex;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user.edit__user-name .edit-mode form .profile-actions .custom-file-upload{
color: var(--LIGHT-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 400;
border-bottom: 1px solid;
line-height: 1.2;
cursor: pointer;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user.edit__user-name .edit-mode form{
display: flex;
justify-content: space-between;
width: 100vh;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user.edit__user-name {
margin-top: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding-top: 0px;
position: relative;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user {
padding: 30px;
background-color: var(--WHITE);
border-radius: 8px;
margin-top: 30px;
position: relative;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit-user .flex{
display: flex;
align-items: center;
justify-content: space-between;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__button.normal-mode .edit__button__icon{
width: 13px;
margin-left: 7px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__button.normal-mode{
color: var(--MEDIUM-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
border: 1px solid var(--LIGHT-GREY);
font-weight: 500;
padding: 6px 14px;
border-radius: 8px;
cursor: pointer;
position: absolute;
right: 30px;
top: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-name .left .action-logged__text{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-name .left .action-logged__icon{
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .edit__user-name .left .left__flex{
display: flex;
gap: 15px;
align-items: center;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .quick-actions__wrapper .quick-action:hover{
background-color: var(--SOFT-LATTE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .quick-actions__wrapper .quick-action a{
color: var(--DARK-GREY);
width: 100%;
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .quick-actions__wrapper .quick-action{
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--WHITE-500);
height: 96px;
padding: 15px;
border-radius: 8px;
border: 1px solid var(--GREY-200);
transition: all 0.2s;
cursor: pointer;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .quick-actions__wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
align-items: center;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .quick-actions__title,
.user-dasboard .user-dasboard__wrapper .dasboard-main .meetings__title{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__quick-actions{
background-color: var(--WHITE);
padding: 30px;
border-radius: 8px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list .order-card .order-card__header,
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list .order-card .order-card__date.calendar{
margin-bottom: 15px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-product__docs ul{
list-style: none;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-product__docs a{
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight:500;
color: var(--DARK-TEAL);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-product__docs strong,
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-product__price{
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight:500;
color: var(--BRIGHT-BLUE);
margin-bottom: 15px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-product__description,
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-product__excerpt{
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight:500;
color: var(--DARK-GREY);
margin-bottom: 15px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-card .order-card__date img{
width: 14px;
height: 18px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-card .order-card__date{
min-width: 120px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list .order-card .order-card__header,
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list .order-card .order-card__date{
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight:400;
color: var( --LIGHT-GREY);
display: flex;
gap: 10px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-card__top{
display: flex;
justify-content: flex-start;
gap: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all .order-card .order-product__title{
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight:500;
color: var(--DARK-GREY);
min-height: 70px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list .order-card .order-card__products{
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight:500;
color: var(--DARK-GREY);
min-height: 70px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list .order-card:hover{
background-color: var(--SOFT-LATTE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list .order-card{
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
transition: all 0.2s;
background-color: var(--WHITE-500);
padding: 15px;
border-radius: 8px;
cursor: pointer;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list.all{
grid-template-columns: repeat(1, 1fr);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings .orders-list{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .single__order ul li{
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight: 500;
color: var(--DARK-GREY);
margin-bottom: 10px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .single__order ul{
list-style: none;
margin-bottom: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .status-label.status-refunded {
background-color: var(--NUDE-BROWN);
color: var(--DARK-GREY);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .status-label.status-pending {
background-color: var(--BROWN);
color: var(--WHITE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .status-label.status-completed {
background-color: var(--BRIGHT-BLUE);
color: var(--WHITE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .status-label.status-cancelled {
background-color: red;
color: var(--WHITE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .status-label.status-on-hold {
background-color: var(--LIGHT-GREY);
color: var(--WHITE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .status-label.status-processing {
background-color: var(--LIME-OLIVE);
color: var(--DARK-GREY);
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .single__order .status-label{
padding: 4px 12px;
border-radius: 4px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .single__order .single__order__current{
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight: 500;
color: var(--BRIGHT-BLUE);
margin-bottom: 15px;
margin-top: 15px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .single__order .single__order__created{
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
font-weight: 500;
color: var(--BRIGHT-BLUE);
margin-bottom: 5px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .single__order h3{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications .single__order{
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .orders__notifications{
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__meetings{
background-color: var(--WHITE);
padding: 30px;
border-radius: 8px;
margin: 30px 0;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .welcome__text{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .welcome__name{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 32px;
margin-bottom: 10px;
font-weight: 500;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__welcome.white{
background-color: var(--WHITE);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-main .main__welcome{
background-color: var(--LIGHT-BLUE);
padding: 30px;
border-radius: 8px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list .flex .action__text:hover{
color: var(--BRIGHT-BLUE);
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list .flex .action__text{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
transition: all 0.2s;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list .flex .action__icon{
width: 16px;
height: 16px;
object-fit: contain;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list .flex{
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list #document{
border-bottom: 1px solid var(--NEUTRAL);
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list .action:hover{
background-color: #DCF1F7;
border-radius: 8px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list .action.active{
background-color: #DCF1F7;
border-radius: 8px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list .action{
height: 60px;
transition: all 0.2s;
background-color: var(--WHITE);
border-radius: 8px;
display: flex;
padding: 15px;
cursor: pointer;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #list{
display: flex;
flex-direction: column;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #user-info .side-action__email{
color: var(--LIGHT-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
margin-top: 6px;
display: block;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #user-info .side-action__name{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #user-info .side-action__icon{
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #user-info .flex{
display: flex;
gap: 15px;
align-items: center;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side #user-info{
border-bottom: 1px solid var(--NEUTRAL);
padding-bottom: 30px;
margin-bottom: 30px;
}
.user-dasboard .user-dasboard__wrapper .dasboard-side{
background-color: var(--WHITE);
padding: 30px;
border-radius: 8px;
}
.user-dasboard .user-dasboard__wrapper{
display: grid;
grid-template-columns: 1fr 3fr;
gap: 30px;
}
.header__actions_logged .actions-logged__wrapper .action-logged a .action-logged__text:hover{
color: var(--BRIGHT-BLUE);
}
.header__actions_logged .actions-logged__wrapper #notifications .notification-badge{
position: absolute;
left: -12px;
background-color: var(--LIME-OLIVE);
width: 17px;
height: 17px;
display: flex;
justify-content: center;
ALIGN-ITEMS: center;
border-radius: 50%;
font-weight: 800;
font-size: 12px;
color: var(--DARK-GREY);
top: 7px;
}
.header__actions_logged .actions-logged__wrapper #notifications{
position: relative;
}
.header__actions_logged .actions-logged__wrapper .action-logged .action-logged__text{
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
transition: all 0.2s;
}
.header__actions_logged .actions-logged__wrapper .flex{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
.header__actions_logged .actions-logged__wrapper #user-profile .action-logged__icon{
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
}
.header__actions_logged .actions-logged__wrapper{
display: flex;
gap: 35px;
align-items: center;
}
.page-template-page-user-area-register .user-area__registration a:hover,
.page-template-page-user-area .user-area__registration a:hover{
color: var(--DARK-GREEN);
}
.page-template-page-user-area-register .user-area__registration a,
.page-template-page-user-area .user-area__registration a{
color: var(--BRIGHT-BLUE);
margin-left: 20px;
transition: all 0.2s;
}
.page-template-page-user-area-register .user-area__registration,
.page-template-page-user-area .user-area__registration{
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 24px;
text-align: center;
margin-top: 30px;
}
.page-template-page-user-area .woocommerce .form__wrapper .lost_password a:hover{
color: var(--DARK-GREEN);
}
.page-template-page-user-area .woocommerce .form__wrapper .lost_password a{
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 17px;
transition: all 0.2s;
}
.page-template-page-user-area .woocommerce .form__wrapper label span{
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 17px;
}
.page-template-page-user-area .woocommerce .form__wrapper{
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.page-template-page-user-area-register .woocommerce .form__separator ,
.page-template-page-user-area .woocommerce .form__separator {
display: flex;
align-items: center;
gap: 20px; /* vietoje span marginų */
margin-bottom: 30px;
}
.page-template-page-user-area-register .woocommerce .form__separator span,
.page-template-page-user-area .woocommerce .form__separator span {
color: var(--DARK-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap; /* kad tekstas nelūžtų į naują eilutę */
}
.page-template-page-user-area-register .woocommerce .form__separator::before,
.page-template-page-user-area-register .woocommerce .form__separator::after,
.page-template-page-user-area .woocommerce .form__separator::before,
.page-template-page-user-area .woocommerce .form__separator::after {
content: "";
border-top: 1px solid var(--GREY-200);
height: 0; /* linijos aukštis per border */
flex: 1 1 0; /* leidžiam susitraukti/platėti */
min-width: 0; /* apsauga nuo priverstinio platinimo */
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-register__submit:hover,
.page-template-page-user-area .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover{
background-color: var(--DARK-GREEN);
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-register__submit,
.page-template-page-user-area .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
font-family: 'Cervo Regular';
font-size: 24px;
color: var(--WHITE);
font-weight: 500;
background-color: var(--DARK-TEAL);
width: 100%;
margin: 0;
padding: 0;
height: 52px;
border-radius: 4px;
transition: all 0.2s;
}
.page-template-page-user-area .woocommerce .woocommerce-form-login{
border: none;
padding: 0;
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form__label-for-checkbox .checkbox__explain a:hover{
color: var(--BRIGHT-BLUE);
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form__label-for-checkbox .checkbox__explain a{
color: var(--MEDIUM-GREY);
border-bottom: 1px solid;
transition: all 0.2s;
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form__label-for-checkbox .checkbox__explain{
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
color: var(--MEDIUM-GREY);
margin-top: 0;
display: block;
font-weight: 500;
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form__label-for-checkbox .checkbox__text{
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
color: var(--DARK-GREY);
font-weight: 500;
}
/* Woocmerce */
.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
display: none;
}
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-cart .wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover{
background-color: var(--DARK-GREEN);
color: var(--WHITE);
}
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-cart .wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
padding: 12px 30px;
border-radius: 30px!important;
transition: all 0.2s;
height: 49px!important;
border: unset;
background-color: var(--OLIVE);
font-family: 'Cervo Medium';
font-size: 22px;
color: var(--DARK-GREY);
min-height: unset!important;
}
.wp-block-woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__image,
.wp-block-woocommerce-cart .wc-block-cart-items__header .wc-block-cart-items__header-image{
display: none;
}
.wp-block-woocommerce-cart .wc-block-components-product-name{
pointer-events: none;
color: var(--BLUE);
}
.woocommerce-order-received .woocommerce-thankyou-order-received,
.woocommerce-order-received .woocommerce-column__title,
.woocommerce-order-received .woocommerce-order-details__title{
margin-bottom: 15px;
color: var(--BLUE);
}
.woocommerce-order-received .woocommerce-table--order-details .woocommerce-table__product-name a{
color: var(--DARK-TEAL);
pointer-events: none;
}
.woocommerce-order-received .woocommerce-table--order-details{
background-color: var(--WHITE);
}
/* Teksto stiliai */
.page-template-page-user-area .woocommerce .checkbox__text {
font-weight: 600; /* antraštinis tekstas */
color: var(--DARK-GREY, #111827);
}
.page-template-page-user-area .woocommerce .checkbox__explain {
display: block; /* kad lūžtų į naują eilutę po pavadinimo */
margin-top: 4px;
color: var(--GREY-600, #4B5563);
font-size: 0.9rem;
line-height: 1.5;
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-row .input__validation{
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
color: var(--MEDIUM-GREY);
margin-top: 8px;
display: block;
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-row label{
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
color: var(--DARK-GREY);
margin-bottom: 8px;
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-row input::placeholder,
.page-template-page-user-area .woocommerce-form-login .woocommerce-form-row input::placeholder{
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
color: var(--MEDIUM-GREY);
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-row input:focus-visible,
.page-template-page-user-area .woocommerce-form-login .woocommerce-form-row input:focus-visible {
outline: var(--LIME-OLIVE) auto 1px;
}
.page-template-page-user-area-register .woocommerce-form-register .woocommerce-form-row input,
.page-template-page-user-area .woocommerce-form-login .woocommerce-form-row input{
border-color: var(--LIGHT-GREY);
border-radius: 4px;
height: 52px;
padding: 10px 1rem;
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
color: var(--MEDIUM-GREY);
}
.page-template-page-user-area-register .woocommerce .woocommerce-form-register,
.page-template-page-user-area .woocommerce .woocommerce-form-login{
padding: 0;
border: unset;
}
.page-template-page-user-area-register .user-area__header .user-area__title,
.page-template-page-user-area .user-area__header .user-area__title{
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 32px;
margin-bottom: 50px;
font-weight: 400;
}
.page-template-page-user-area-register .user-area__header .logo_cropped,
.page-template-page-user-area .user-area__header .logo_cropped{
width: 64px;
height: 64px;
object-fit: contain;
margin-bottom: 10px;
}
.page-template-page-user-area-register .user-area__header,
.page-template-page-user-area .user-area__header{
text-align: center;
}
.page-template-page-user-area-register .woocommerce,
.page-template-page-user-area #user-area-557 .woocommerce,
.page-template-page-user-area #user-area-559 .woocommerce{
max-width: 40%;
margin: 0 auto;
}
.page-template-page-user-area-notifications.logged-in main,
.page-template-page-user-area-book.logged-in main,
.page-template-page-user-area-contacts.logged-in main,
.page-template-page-user-area-documents.logged-in main,
.page-template-page-user-area-conultations.logged-in main,
.page-template-page-submit-product.logged-in main,
.page-template-page-user-area-account main,
.page-template-page-user-area-register main,
.page-template-page-user-area main{
padding: 80px 0 160px;
border-top: 1px solid var(--GREY-200);
}
.page-template-page-user-area-register .checkbox-row label{
line-height: 1.3!important;
}
.page-template-page-user-area-register .woocommerce-form__label-for-checkbox {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.page-template-page-user-area-register .woocommerce-form__label-for-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.page-template-page-user-area-register .woocommerce-form__label-for-checkbox .checkmark {
position: absolute;
top: 5px;
left: 0;
height: 24px;
width: 24px;
border: 1px solid var(--LIGHT-GREY);
border-radius: 3px;
}
.page-template-page-user-area-register .woocommerce-form__label-for-checkbox:hover input ~ .checkmark {
background-color: #ccc;
}
.page-template-page-user-area-register .woocommerce-form__label-for-checkbox input:checked ~ .checkmark {
background-color: var(--DARK-TEAL);
border: 1px solid var(--DARK-TEAL);
}
.page-template-page-user-area-register .woocommerce-form__label-for-checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
.page-template-page-user-area-register .woocommerce-form__label-for-checkbox input:checked ~ .checkmark:after {
display: block;
}
.page-template-page-user-area-register .woocommerce-form__label-for-checkbox .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.page-template-page-user-area-register span.required {
color: transparent;
width: 10px;
height: 10px;
position: relative;
display: inline-block;
background-color: var(--RED);
border-radius: 50%;
top: -1px;
margin-left: 10px;
}
.page-template-page-user-area-register .explain__required {
margin-bottom: 10px;
}
/* Modal */
.page-template-page-pricing .modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6); /* patamsintas fonas */
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
overflow: auto;
}
.page-template-page-pricing .modal-container .planForm__wrapper .planForm__description ul li::before{
content: '';
position: absolute;
left: 0;
top: 3px;
width: 11px;
height: 11px;
background-image: url(../assets/icons/check-lime.svg);
background-size: contain;
background-repeat: no-repeat;
}
.page-template-page-pricing .modal-container .planForm__wrapper .planForm__description ul li{
position: relative;
padding-left: 22px;
margin-bottom: 10px;
}
.page-template-page-pricing .modal-container .planForm__wrapper .planForm__description ul{
list-style: none;
padding-left: 0;
margin: 0;
}
.page-template-page-pricing .modal-container .planForm__wrapper .planForm__description{
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 16px;
line-height: 1.2;
}
.page-template-page-pricing .modal-container .planForm__wrapper .modal-service-item span{
font-size: 14px;
color: var(--LIGHT-GREY);
display: block;
margin-top: 3px;
}
.page-template-page-pricing .modal-container .planForm__wrapper .modal-service-item .service-checkbox{
display: none;
}
.page-template-page-pricing .modal-container .planForm__wrapper .modal-service-item.active span{
color: var(--WHITE);
}
.page-template-page-pricing .modal-container .planForm__wrapper .modal-service-item.active{
background-color: var(--OLIVE);
}
.page-template-page-pricing .modal-container .planForm__wrapper .modal-service-item{
border-radius: 4px;
padding: 8px 16px;
border: 1px solid var(--OLIVE);
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 16px;
line-height: 1.2;
margin-bottom: 8px;
cursor: pointer;
transition: all 0.2s;
}
.page-template-page-pricing .modal-container .planForm__services__label {
margin-bottom: 10px;
}
.page-template-page-pricing .modal-container .planForm__services__label span{
width: 7px;
height: 7px;
border-radius: 50%;
background-color: var(--RED);
display: inline-block;
top: -1px;
position: relative;
left: 5px;
}
.page-template-page-pricing .modal-container .planForm__wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.page-template-page-pricing .modal-container .planForm__total .main-btn-dark {
padding: 14px 50px;
cursor: pointer;
}
.page-template-page-pricing .modal-container .planForm__total .main-btn-dark span{
font-size: 24px;
}
.page-template-page-pricing .modal-container .planForm__total .total__wrap{
font-family: 'Cervo Regular';
font-size: 32px;
color: var(--BRIGHT-BLUE);
}
.page-template-page-pricing .modal-container .planForm__total{
border-top: 1px solid var(--LIGHT-GREY);
padding-top: 32px;
margin-top: 32px;
align-items: center;
}
.page-template-page-pricing .modal-container .planForm__total{
display: flex;
gap: 32px;
justify-content: end;
}
.page-template-page-pricing .modal-container #modalPlanTitle{
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 32px;
margin-bottom: 32px;
}
.page-template-page-pricing .modal-container {
background: var(--WHITE);
padding: 32px;
border-radius: 8px;
max-width: 603px;
width: 100%;
position: relative;
animation: fadeIn 0.3s ease-in-out;
min-width: 850px;
}
.page-template-page-pricing .modal-close {
position: absolute;
top: 12px;
right: 12px;
background: none;
border: none;
font-size: 2rem;
line-height: 1;
cursor: pointer;
color: #333;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Header */
div.is-ajax-search-details, div.is-ajax-search-result {
max-width: 300px!important;
}
.is-search-sections .is-ajax-result-description,
.is-search-sections .is-title a{
font-family: 'Cervo Medium';
}
.actions__search-form .is-search-form{
display: flex;
flex-direction: row;
border: 1px solid var(--MEDIUM-GREY);
border-radius: 3px;
}
.actions__search-form .is-search-form label input,
.actions__search-form .is-search-form label input::placeholder{
font-family: "Reddit Sans", sans-serif;
font-size: 15px;
color: var(--MEDIUM-GREY);
}
.actions__search-form .is-search-form label input{
border: none!important;
}
.actions__search-form .is-search-form label {
order: 2;
}
.actions__search-form .is-search-form button .is-search-icon svg {
visibility: hidden;
}
.actions__search-form .is-search-form button .is-search-icon{
content: '';
position: absolute;
left: 13px;
top: 8px;
width: 20px;
height: 20px;
background-image: url('../assets/icons/search.svg'); /* replace with your actual image path */
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
}
.actions__search-form .is-search-form button .is-search-icon{
border: none;
}
.actions__search-form .is-search-form button {
order: 1;
}
.header__wrapper .header__actions {
display: flex;
justify-content: space-between;
gap: 100px;
align-items: center;
}
.header__wrapper {
display: flex;
justify-content: space-between;
padding-top: 18px;
padding-bottom: 18px;
align-items: center;
}
html[lang="ja"] nav.header__nav .nav__list {
gap: 20px;
}
html[lang="ja"] .header__wrapper .header__actions {
gap: 50px;
}
nav.header__nav .nav__list {
display: flex;
gap: 60px;
}
nav.header__nav .nav__list li {
list-style: none;
position: relative;
}
nav.header__nav .nav__list li a:hover {
color: var(--LIGHT-GREY);
}
html[lang="en-GB"] nav.header__nav .nav__list li a {
font-family: 'Cervo Medium';
font-size: 22px;
color: var(--DARK-GREY);
transition: all 0.2s;
}
html[lang="ja"] nav.header__nav .nav__list li a {
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
color: var(--DARK-GREY);
transition: all 0.2s;
}
.header__actions-list {
display: flex;
gap: 30px;
align-items: center;
}
.actions__lang-switcher {
position: relative;
}
.actions__lang-switcher div.current-lang {
font-family: "Reddit Sans", sans-serif;
font-size: 20px;
color: var(--DARK-GREY);
display: flex;
gap: 5px;
border: 1px solid var(--MEDIUM-GREY);
border-radius: 3px;
padding: 8px 5px;
cursor: pointer;
}
ul.lang-switcher li:hover {
background-color: #ebebeb;
}
ul.lang-switcher li a {
font-family: "Reddit Sans", sans-serif;
font-size: 20px;
color: var(--DARK-GREY);
text-transform: uppercase;
cursor: pointer;
width: 100%;
position: relative;
display: flow;
}
ul.lang-switcher {
border: 1px solid;
border-radius: 3px;
position: absolute;
width: 48.2px;
margin-top: 3px;
z-index: 999;
}
ul.lang-switcher li {
list-style: none;
padding: 4px;
background-color: var(--WHITE);
}
/* Hero */
section.hero {
position: relative;
}
section.hero .hero__content .main-btn {
margin-top: 50px;
display: inline-block;
}
html[lang="ja"] section.hero .hero__content .hero__title {
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 80px;
max-width: 60%;
line-height: 150%;
font-weight: 700;
}
html[lang="en-GB"] section.hero .hero__content .hero__title {
font-family: 'Cervo Medium';
font-size: 80px;
max-width: 60%;
line-height: 150%;
}
section.hero .hero__content {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
section.hero .hero__media img {
height: 700px;
width: 100%;
object-fit: cover;
object-position: center;
}
section.hero .hero__media {
position: relative;
}
/* About us */
.about-us__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
}
.about-us__content .about-us__button {
display: inline-block;
margin-top: 30px;
}
html[lang="ja"] .about-us__content .about-us__text {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 16px;
line-height: 1.5;
max-width: 60%;
}
html[lang="en-GB"] .about-us__content .about-us__text {
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 16px;
line-height: 1.5;
max-width: 60%;
}
html[lang="ja"] .about-us__content .about-us__heading {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-weight: 500;
font-size: 45px;
max-width: 70%;
line-height: 1.2;
margin-bottom: 15px;
}
html[lang="en-GB"] .about-us__content .about-us__heading {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
max-width: 70%;
line-height: 1.2;
margin-bottom: 15px;
}
html[lang="ja"] .about-us__content .about-us__title {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
font-weight: 700;
}
html[lang="en-GB"] .about-us__content .about-us__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
}
.about-us__content .about-us__subtitle {
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
.about-us__image img {
height: 500px;
object-fit: cover;
width: 100%;
}
section.about-us {
padding: 80px 0;
}
/* Servies */
.servies {
padding: 80px 0;
background-size: cover;
background-position: center;
}
.servies .servies__subtitle {
color: var(--WHITE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
html[lang="ja"] .servies .servies__title {
color: var(--WHITE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
font-weight: 700;
}
html[lang="en-GB"] .servies .servies__title {
color: var(--WHITE);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
}
.servies .servies__button {
display: inline-block;
margin-bottom: 30px;
}
.servies .servies__list {
max-width: 40%;
}
.servies .servies__item:not(:last-child) {
margin-bottom: 30px;
}
.servies .servies__link {
display: flex;
justify-content: space-between;
}
.servies .servies__item-count {
color: var(--WHITE);
font-family: 'Cervo Regular';
font-size: 30px;
margin-right: 15px;
}
html[lang="ja"] .servies .servies__item-title {
color: var(--WHITE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 22px;
font-weight: 500;
}
html[lang="en-GB"] .servies .servies__item-title {
color: var(--WHITE);
font-family: 'Cervo Regular';
font-size: 22px;
}
/* Product registration */
.product-registration__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
background-color: var(--WHITE-600);
}
.product-registration__content {
padding: 80px;
}
html[lang="ja"] .product-registration__title {
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-weight: 700;
font-size: 25px;
margin-bottom: 30px;
}
html[lang="en-GB"] .product-registration__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 30px;
margin-bottom: 30px;
}
.product-registration__list {
}
.product-registration__item:not(:last-child) {
border-bottom: 1px solid var(--LIGHT-BLUE);
padding-bottom: 15px;
margin-bottom: 15px;
}
html[lang="ja"] .product-registration__item-title {
color: var(--BRIGHT-BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
}
html[lang="en-GB"] .product-registration__item-title {
color: var(--BRIGHT-BLUE);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
}
.product-registration__item-icon {
width: 11px;
margin-right: 4px;
}
html[lang="ja"] .product-registration__item-text {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 14px;
line-height: 1.5;
display: block;
padding-left: 17px;
}
html[lang="en-GB"] .product-registration__item-text {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
padding-left: 17px;
}
.product-registration__button {
float: right;
margin-top: 30px;
}
.product-registration__image img {
height: 700px;
width: 100%;
object-fit: cover;
margin-bottom: -2px;
}
#partner_search .product-registration__wrap,
#localization-marketing .product-registration__wrap{
background-color: var(--NUDE);
}
#partner_search .product-registration__item:not(:last-child),
#localization-marketing .product-registration__item:not(:last-child) {
border-bottom: 1px solid var(--NUDE-BROWN);
}
#partner_search .product-registration__item-title,
#localization-marketing .product-registration__item-title {
color: var(--BROWN);
}
#wholesale .product-registration__wrap,
#market_research_planning .product-registration__wrap{
background-color: var(--WHITE-500);
}
#wholesale .product-registration__item:not(:last-child) ,
#market_research_planning .product-registration__item:not(:last-child) {
border-bottom: 1px solid var(--BABY-BLUE);
}
#wholesale .product-registration__item-title ,
#market_research_planning .product-registration__item-title {
color: var(--BLUE);
}
/* Why us */
.why-us {
padding: 80px 0;
background-color: var(--ARMY-GREEN);
}
.why-us__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.why-us__heading .section-heading__subtitle {
color: var(--BABY-BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
html[lang="ja"] .why-us__heading .section-heading__title {
color: var(--WHITE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
}
html[lang="en-GB"] .why-us__heading .section-heading__title {
color: var(--WHITE);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
}
.why-us__item {
background-color: var(--OLIVE);
padding: 15px;
border-radius: 8px;
margin-bottom: 10px;
}
html[lang="ja"] .why-us__item-title {
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 15px;
line-height: 1.5;
color: var(--DARK-GREY);
display: flex;
align-items: center;
justify-content: space-between;
}
html[lang="en-GB"] .why-us__item-title {
font-family: 'Cervo Regular';
font-size: 17px;
line-height: 1.5;
color: var(--DARK-GREY);
display: flex;
align-items: center;
justify-content: space-between;
}
.why-us__item-text ul li:before{
content: '';
display: inline-block;
width: 3px; /* size of the circle */
height: 3px;
margin-right: 8px;
margin-top: -2px;
background-color: var(--DARK-GREY);
border-radius: 50%; /* makes it a circle */
vertical-align: middle; /* align with text */
}
.why-us__item-text ul{
list-style: none;
padding-left: 10px;
}
html[lang="ja"] .why-us__item-text {
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 15px;
line-height: 1.5;
color: var(--DARK-GREY);
}
html[lang="en-GB"] .why-us__item-text {
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
color: var(--DARK-GREY);
}
.why-us__toggle span{
font-size: 27px;
font-family: 'Cervo Light';
color: var(--DARK-GREEN);
line-height: 1; /* prevent extra height */
display: inline-block; /* ensure span respects flex */
}
.why-us__toggle::before {
content: '+';
font-size: 27px;
font-family: 'Cervo Light';
color: var(--DARK-GREEN);
display: inline-block;
width: 1ch;
text-align: center;
}
.why-us__toggle.open::before {
content: '-';
line-height: 1;
top: -3px;
position: relative
}
.why-us__toggle {
display: inline-flex;
width: 22px;
height: 22px;
padding: 4px;
background-color: var(--WHITE);
box-shadow: inset 0 0 0 3px #ffffff;
border-radius: 50%;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* Blog */
.blog {
padding: 80px 0;
}
.blog__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.section-heading__subtitle {
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
html[lang="en-GB"] .section-heading__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
}
html[lang="ja"] .section-heading__title {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
}
.blog__button {
margin-top: 15px;
width: 100%;
text-align: right;
justify-content: end;
}
.blog__post__wrap{
display: flex;
gap: 100px;
}
.blog__posts {}
.blog__post {
position: relative;
border-bottom: 2px solid var( --GREY-200);
padding-bottom: 15px;
margin-bottom: 15px;
}
.blog__post::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
height: 2px; /* line thickness */
width: 30%; /* progress width */
background-color: var(--OLIVE); /* border color */
}
html[lang="ja"] .blog__post-title a {
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 17px;
line-height: 1.5;
color: var(--ARMY-GREEN);
}
html[lang="en-GB"] .blog__post-title a{
font-family: 'Cervo Regular';
font-size: 17px;
line-height: 1.5;
color: var(--ARMY-GREEN);
}
.blog__post-date {
font-family: 'Cervo Light';
font-size: 24px;
line-height: 1;
color: var(--ARMY-GREEN);
}
html[lang="ja"] .blog__post-excerpt {
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 17px;
line-height: 1.5;
color: var(--DARK-GREY);
}
html[lang="en-GB"] .blog__post-excerpt {
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
color: var(--DARK-GREY);
}
/* Contact us */
.page-template-page-user-area-contacts .contact-us {
padding: 0;
}
.contact-us {
padding: 80px 0;
background-color: var(--LIGHT-OLIVE);
position: relative;
}
.contact-us__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
}
.contact-us__heading {}
.contact-us__subtitle {
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
html[lang="en-GB"] .contact-us__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
}
html[lang="ja"] .contact-us__title {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 24px;
margin-top: 10px;
}
.contact-us__bottom-info {
position: absolute;
bottom: 80px;
width: 100%;
}
html[lang="en-GB"] .contact-us__bottom-text {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
max-width: 70%;
line-height: 1.2;
margin-bottom: 15px;
}
html[lang="ja"] .contact-us__bottom-text {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-weight: 500;
font-size: 45px;
max-width: 70%;
line-height: 1.2;
margin-bottom: 15px;
}
html[lang="en-GB"] .contact-us__bottom-description {
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 16px;
line-height: 1.5;
}
html[lang="ja"] .contact-us__bottom-description {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 16px;
line-height: 1.5;
}
.contact-us__form {
background-color: var(--SOFT-LATTE);
padding: 50px;
}
.wpforms-container{
margin: 0px auto !important;
}
div.wpforms-container .wpforms-form .choices__list--single .choices__item,
.wpforms-form .wpforms-field input::placeholder{
color: var(--MEDIUM-GREY) !important;
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 13px !important;
font-weight: 600;
}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {
font-family: "Zen Kaku Gothic Antique", sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
}
.wpforms-form .wpforms-field .choices__inner,
.wpforms-form .wpforms-field input{
background-color: var(--SOFT-IVORY) !important;
border-color: transparent !important;
border-radius: 4px !important;
height: 52px;
color: var(--MEDIUM-GREY) !important;
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
font-size: 13px!important;
font-weight: 600!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: var(--LIGHT-OLIVE)!important;
color: var(--MEDIUM-GREY)!important;
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
font-size: 13px!important;
font-weight: 600!important;
}
.wpforms-form .wpforms-field .wpforms-field-label{
font-family: "Reddit Sans", sans-serif;
font-size: 16px;
color: var(--DARK-GREY);
font-weight: 500;
margin-bottom: 8px;
}
.wpforms-form .wpforms-field{
padding-top: 0 !important;
}
.contact-us__form div.wpforms-container-full button[type=submit]:hover{
background-color: var(--LIGHT-OLIVE)!important;
color: var(--DARK-GREY)!important;
}
.explain__required span{
color: transparent;
width: 10px;
height: 10px;
position: relative;
display: inline-block;
background-color: var(--RED);
border-radius: 50%;
top: 0px;
margin-right: 5px;
}
.explain__required{
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
color: var(--DARK-GREY);
margin-bottom: 30px;
}
html div.wpforms-container-full .wpforms-required-label{
color: transparent;
width: 10px;
height: 10px;
position: relative;
display: inline-block;
background-color: var(--RED);
border-radius: 50%;
top: 5px;
margin-left: 10px;
}
div.wpforms-container-full input[type=checkbox]:checked:after {
border-left: 4px solid var(--DARK-GREEN)!important;
border-bottom: 4px solid var(--DARK-GREEN)!important;
background-color: transparent;
}
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
}
.contact-us__form div.wpforms-container-full fieldset .wpforms-field-description a{
color: var(--MEDIUM-GREY);
}
.contact-us__form div.wpforms-container-full fieldset .wpforms-field-description{
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
color: var(--DARK-GREY);
font-weight: 500;
padding-left: 29px;
margin-top: 0;
}
.contact-us__form div.wpforms-container-full fieldset .choice-1 label{
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
color: var(--DARK-GREY);
font-weight: 500;
}
.contact-us__form div.wpforms-container-full button[type=submit]{
background-color: var(--DARK-GREEN)!important;
font-family: "Reddit Sans", sans-serif;
font-size: 18px;
color: var(--WHITE)!important;
font-weight: 500;
margin-bottom: 8px;
border-radius: 30px;
height: 43px;
min-width: 150px;
transition: all 0.2s;
}
div.wpforms-container-full input[type=date]:focus:invalid, div.wpforms-container-full input[type=datetime]:focus:invalid, div.wpforms-container-full input[type=datetime-local]:focus:invalid, div.wpforms-container-full input[type=email]:focus:invalid, div.wpforms-container-full input[type=month]:focus:invalid, div.wpforms-container-full input[type=number]:focus:invalid, div.wpforms-container-full input[type=password]:focus:invalid, div.wpforms-container-full input[type=range]:focus:invalid, div.wpforms-container-full input[type=search]:focus:invalid, div.wpforms-container-full input[type=tel]:focus:invalid, div.wpforms-container-full input[type=text]:focus:invalid, div.wpforms-container-full input[type=time]:focus:invalid, div.wpforms-container-full input[type=url]:focus:invalid, div.wpforms-container-full input[type=week]:focus:invalid, div.wpforms-container-full select:focus:invalid, div.wpforms-container-full textarea:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=date]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=datetime]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=email]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=month]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=password]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=range]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=search]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=tel]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=time]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=url]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=week]:focus:invalid, .wp-core-ui div.wpforms-container-full select:focus:invalid, .wp-core-ui div.wpforms-container-full textarea:focus:invalid{
box-shadow: 0 0 0 1px var(--LIGHT-OLIVE), 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
}
.wpforms-container .wpforms-submit-container {
text-align: center;
margin-top: 30px !important;
}
/* Footer */
/* Footer layout */
.footer {
background-color: var(--OLIVE);
padding: 80px 0;
}
.footer__container {}
.footer__top {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.footer__block {}
.footer__block--logo img{
max-width: 300px;
}
.footer__block--menu .footer__nav ul li a{
color: var(--WHITE);
font-family: 'Cervo Light';
font-size: 24px;
}
.footer__block--menu .footer__nav ul li{
margin-bottom: 15px;
}
.footer__block--menu .footer__nav ul{
list-style: none;
}
.footer__block--menu {
}
.footer__block--newsletter {}
/* Navigation */
.footer__nav {}
.footer__menu-list {}
/* Privacy section */
html[lang="ja"] .footer__privacy .footer__menu-list li a{
color: var(--WHITE);
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
font-size: 14px;
}
html[lang="en-GB"] .footer__privacy .footer__menu-list li a{
color: var(--WHITE);
font-family: "Reddit Sans", sans-serif;
font-size: 14px;
}
.footer__privacy .footer__menu-list{
display: flex;
list-style: none;
gap: 20px;
justify-content: end;
}
/* Footer bottom */
.footer__bottom {
padding: 160px 0 30px 0;
background-size: cover;
background-position: left;
}
.footer__bottom-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: end;
}
html[lang="ja"] .footer__partnering-title {
color: var(--WHITE);
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
font-weight: 500;
font-size: 65px;
line-height: 1.2;
}
html[lang="en-GB"] .footer__partnering-title {
color: var(--WHITE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 65px;
line-height: 1.2;
}
.footer__copyright {
color: var(--WHITE);
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
text-align: right;
}
/* Template About us*/
section.about-hero {
height: 600px;
}
section.about-hero .about-hero__image{
height: 600px;
width: 100%;
object-fit: cover;
}
section.about-hero .about-hero__title{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
color: var(--WHITE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
max-width: 70%;
line-height: 1.2;
}
html[lang="ja"] section.about-hero .about-hero__title{
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
section.about-hero{
position: relative;
}
.page-template-page-about .about-us__text-after{
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 25px;
line-height: 1.5;
text-align: center;
}
.page-template-page-about .about-us__subtitle {
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
html[lang="en-GB"] .page-template-page-about .about-us__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
}
html[lang="ja"] .page-template-page-about .about-us__title {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
font-size: 24px;
margin-top: 10px;
margin-bottom: 100px;
font-weight: 700;
}
.page-template-page-about .about-us__block--two,
.page-template-page-about .about-us__block--one {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
align-items: center;
border-bottom: 1px solid var(--LIGHT-OLIVE);
padding-bottom: 50px;
margin-bottom: 50px;
}
.page-template-page-about .about-us__content {
}
html[lang="en-GB"] .page-template-page-about .about-us__block-title {
color: var(--DARK-GREEN);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
margin-bottom: 15px;
}
html[lang="ja"] .page-template-page-about .about-us__block-title {
color: var(--DARK-GREEN);
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
font-size: 17px;
line-height: 1.5;
margin-bottom: 15px;
}
html[lang="en-GB"] .page-template-page-about .about-us__block-text {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
}
html[lang="ja"] .page-template-page-about .about-us__block-text {
color: var(--DARK-GREY);
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
font-size: 17px;
line-height: 1.5;
display: block;
}
.page-template-page-about .about-us__image img {
height: 540px;
border-radius: 8px;
width: 100%;
object-fit: cover;
}
.page-template-page-about .strengths {
background-color: var(--LIGHT-CREAM);
padding: 80px 0;
}
.page-template-page-about .strengths__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}
.page-template-page-about .strengths__item__intro {
}
.page-template-page-about .strengths__list_heading {
color: var(--DARK-GREEN);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
margin-bottom: 15px;
}
.page-template-page-about .strengths__list_text {
color: var(--DARK-GREEN);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
}
.page-template-page-about .strengths__item {
border: 1px solid var(--OLIVE);
padding: 30px;
border-radius: 8px;
}
.page-template-page-about .strengths__icon img {
height: 48px;
}
.page-template-page-about .strengths__item-title {
color: var(--DARK-GREEN);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
margin: 10px 0;
}
.page-template-page-about .strengths__item-description {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
}
html[lang="ja"] .page-template-page-about .strengths__list_heading{
font-weight: 700;
font-size: 32px;
}
html[lang="ja"] .page-template-page-about .strengths__list_text,
html[lang="ja"] .page-template-page-about .strengths__list_heading,
html[lang="ja"] .page-template-page-about .strengths__item-description,
html[lang="ja"] .page-template-page-about .strengths__item-title,
html[lang="ja"] .page-template-page-about .about-us__text-after{
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
/* Section: Text Blocks (Team / Beginnings */
.page-template-page-about .text-blocks {
padding: 80px 0;
background-color: var(--DARK-TEAL);
}
.page-template-page-about .text-blocks__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 200px;
}
.page-template-page-about .text-blocks__vector {
}
.page-template-page-about .text-blocks__item:not(:last-child) {
margin-bottom: 150px;
}
.page-template-page-about .text-blocks__item-title {
color: var(--LIGHT-BLUE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
margin-bottom: 15px;
}
.page-template-page-about .text-blocks__item-description ul li:before{
content: '';
display: inline-block;
width: 3px;
height: 3px;
margin-right: 8px;
margin-top: -2px;
background-color: var(--WHITE);
border-radius: 50%;
vertical-align: middle;
}
.page-template-page-about .text-blocks__item-description ul{
list-style: none;
padding-left: 10px;
}
.page-template-page-about .text-blocks__item-description p{
margin-bottom: 15px;
}
.page-template-page-about .text-blocks__item-description {
color: var(--WHITE);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
}
html[lang="ja"] .page-template-page-about .text-blocks__item-title {
font-weight: 700;
font-size: 25px;
}
html[lang="ja"] .page-template-page-about .text-blocks__item-description,
html[lang="ja"] .page-template-page-about .text-blocks__item-title {
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.page-template-page-about .cta {
padding: 80px 0;
}
.page-template-page-about .cta__wrapper .cta__content{
padding-right: 100px;
}
.page-template-page-about .cta__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.page-template-page-about .cta__heading {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
margin-bottom: 15px;
line-height: 1.2;
}
.page-template-page-about .cta__description {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
}
.page-template-page-about .cta__button {
display: inline-block;
margin-top: 50px;
}
.page-template-page-about .cta__img {
height: 500px;
width: 100%;
object-fit: cover;
border-radius: 8px;
}
html[lang="ja"] .page-template-page-about .cta__heading{
font-weight: 700;
font-size: 35px;
line-height: 1.5;
max-width: 70%;
}
html[lang="ja"] .page-template-page-about .cta__heading,
html[lang="ja"] .page-template-page-about .cta__description{
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.cta-black {
background-color: var(--DARK-GREY);
}
.cta-black__wrapper .cta-black__content{
padding-left: 100px;
}
.cta-black__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.cta-black__heading {
color: var(--LIME-OLIVE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
margin-bottom: 15px;
line-height: 1.2;
}
.cta-black__description {
color: var(--WHITE);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
}
.cta-black__button {
display: inline-block;
margin-top: 50px;
}
.cta-black__image{
height: 500px;
}
.cta-black__img {
height: 500px;
width: 100%;
object-fit: cover;
}
html[lang="ja"] .cta-black__heading{
font-weight: 700;
font-size: 35px;
line-height: 1.5;
max-width: 70%;
}
html[lang="ja"] .cta-black__heading,
html[lang="ja"] .cta-black__description{
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
/* Blog page */
html[lang="ja"] body.category .featured-posts__title,
html[lang="ja"] .page-template-page-blog .featured-posts__title{
font-weight: 700;
}
html[lang="ja"] body.category .featured-posts__subtitle,
html[lang="ja"] body.category .featured-posts__title,
html[lang="ja"] body.category .featured-posts__section-title,
html[lang="ja"] body.category section.page-header .page-header__title,
html[lang="ja"] .page-template-page-blog .featured-posts__subtitle,
html[lang="ja"] .page-template-page-blog .featured-posts__title,
html[lang="ja"] .page-template-page-blog .featured-posts__section-title,
html[lang="ja"] .page-template-page-blog section.page-header .page-header__title{
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
html[lang="ja"] section.latest-posts .latest-posts__categories,
html[lang="ja"] body.category .featured-posts__section-title,
html[lang="ja"] body.category .featured-posts__section-title
html[lang="ja"] .page-template-page-blog .featured-posts__section-title,
html[lang="ja"] .page-template-page-blog .featured-posts__section-title {
font-weight: 700;
font-size: 32px;
}
body.category section.page-header .page-header__title,
.page-template-page-blog section.page-header .page-header__title{
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
}
body.category section.page-header .page-header__subtitle,
.page-template-page-blog section.page-header .page-header__subtitle{
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
body.category section.page-header,
.page-template-page-blog section.page-header{
padding: 80px 0;
}
body.category main,
.page-template-page-blog main{
background-color: var(--WHITE-700);
}
body.category .featured-posts__section-title,
.page-template-page-blog .featured-posts__section-title{
color: var(--OLIVE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
margin-bottom: 30px;
}
body.category .featured-posts__list,
.page-template-page-blog .featured-posts__list{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
body.category .featured-posts__item .featured-posts__content,
.page-template-page-blog .featured-posts__item .featured-posts__content{
background-color: var(--WHITE);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
padding: 30px;
}
body.category .featured-posts__image img,
.page-template-page-blog .featured-posts__image img{
height: 400px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
object-fit: cover;
}
body.category .featured-posts__image,
.page-template-page-blog .featured-posts__image{
height: 400px;
}
body.category .featured-posts__meta,
.page-template-page-blog .featured-posts__meta{
display: flex;
justify-content: space-between;
align-items: center;
}
body.category .featured-posts__date,
.page-template-page-blog .featured-posts__date{
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1;
color: var(--ARMY-GREEN);
}
.featured-posts__categories a{
color: var(--LIGHT-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
border: 1px solid;
border-radius: 30px;
padding: 2px 10px;
margin-left: 5px;
}
.page-template-page-blog .featured-posts__title a{
color: var(--DARK-GREY);
}
body.category .featured-posts__title,
.page-template-page-blog .featured-posts__title{
font-family: 'Cervo Regular';
font-size: 23px;
color: var(--DARK-GREY);
margin: 10px 0;
}
body.category .featured-posts__subtitle,
.page-template-page-blog .featured-posts__subtitle{
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
color: var(--DARK-GREY);
margin-bottom: 30px;
}
html[lang="en-GB"] body.category .btn-outline .blog__button-icon,
html[lang="en-GB"] .page-template-page-blog .btn-outline .blog__button-icon{
height: 8px;
}
html[lang="en-GB"] body.category .btn-outline .btn__text ,
html[lang="en-GB"] .page-template-page-blog .btn-outline .btn__text {
font-family: 'Cervo Regular';
font-size: 14px;
color: var(--DARK-GREY);
}
section.latest-posts .latest-posts__wrapper{
display: grid;
grid-template-columns: 30% 60%;
}
section.latest-posts .latest-posts__category-list .featured-posts__categories {
position: relative;
}
section.latest-posts .latest-posts__category-list .featured-posts__categories a{
margin-left: unset;
}
section.latest-posts .latest-posts__category-list{
display: flex;
gap: 10px;
margin-top: 30px;
flex-wrap: wrap;
}
section.latest-posts .latest-posts__categories{
color: var(--OLIVE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
margin-bottom: 30px;
padding-right: 100px;
}
section.latest-posts{
padding: 80px 0;
}
.latest-posts__load-more{
margin-top: 30px;
cursor: pointer;
}
.latest-posts__blog__grid{
margin-top: 10px;
}
/* Single post */
html[lang="ja"] body.category .featured-posts__title,
html[lang="ja"] .page-template-page-blog .featured-posts__title{
font-weight: 700;
}
html[lang="ja"] .single-post .single-post__text,
html[lang="ja"] .single-post .single-post__subtitle,
html[lang="ja"] .single-post .single-post__title{
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
html[lang="ja"] section.latest-posts .latest-posts__categories,
html[lang="ja"] body.category .featured-posts__section-title,
html[lang="ja"] body.category .featured-posts__section-title,
html[lang="ja"] .page-template-page-blog .featured-posts__section-title,
html[lang="ja"] .page-template-page-blog .featured-posts__section-title {
font-weight: 700;
font-size: 32px;
}
section.single-post {
padding: 80px 0;
background-color: var(--WHITE-700);
}
.single-post .container {}
.single-post .single-post__wrapper {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 100px;
}
.single-post .single-post__return {}
.single-post .blog__button {
margin-top: 0;
justify-content: flex-start;
}
.single-post .btn-outline {}
.single-post .btn__text {}
.single-post .btn__ellipse-hover,
.single-post .btn__ellipse {
transform: rotate(180deg);
}
.single-post .blog__button-icon {}
.single-post .btn__ellipse-hover {}
.single-post .single-post__content {}
.single-post .single-post__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
margin-bottom: 30px;
}
.single-post .single-post__subtitle {
color: var(--OLIVE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 35px;
margin-bottom: 30px;
}
.single-post .single-post__date {
color: var(--MEDIUM-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
}
.single-post .single-post__thumbnail img{
height: 500px;
object-fit: cover;
width: 100%;
}
.single-post .single-post__thumbnail {
height: 500px;
margin: 30px 0;
}
.single-post .single-post__text ul li:before {
content: '';
display: inline-block;
width: 3px;
height: 3px;
margin-right: 8px;
margin-top: -2px;
background-color: var(--DARK-GREY);
border-radius: 50%;
vertical-align: middle;
}
.single-post .single-post__text ol{
padding-left: 20px;
}
.single-post .single-post__text ul{
list-style: none;
padding-left: 20px;
}
.single-post .single-post__text h6,
.single-post .single-post__text h5,
.single-post .single-post__text h4,
.single-post .single-post__text h3,
.single-post .single-post__text h2 {
font-family: 'Cervo Regular';
font-size: 23px;
color: var(--DARK-GREY);
margin: 10px 0;
}
.single-post .featured-posts__categories .featured-posts__categories{
margin-left: unset;
margin-top: unset
}
.single-post .featured-posts__categories{
display: flex;
margin-top: 15px;
gap: 10px;
}
.single-post section.cta{
background-color: var(--LIGHT-OLIVE);
padding: 50px;
margin-top: 80px;
text-align: center;
}
.single-post section.cta .cta__heading{
color: var(--ARMY-GREEN);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
text-align: center;
margin-bottom: 50px;
}
.single-post .single-post__share .share-list button{
border: none;
background: transparent;
}
.single-post .single-post__share .share-list img{
width: 17px;
height: 17px;
object-fit: contain;
}
.single-post .single-post__share .single-post__actions{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.single-post .single-post__share .share-list {
margin-top: 15px;
list-style: none;
display: flex;
gap: 10px;
}
.single-post .single-post__actions{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.single-post .single-post__share {
margin-top: -4px;
}
.single-post .single-post__share span {
color: var(--MEDIUM-GREY);
font-family: "Reddit Sans", sans-serif;
font-size: 12px;
}
.single-post .single-post__text {
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
color: var(--DARK-GREY);
}
/* Services */
.page-template-page-services main {
background-color: var(--LIGHT-OLIVE);
}
.page-template-page-services .page-header {
padding: 80px 0;
}
.page-template-page-services .page-header__subtitle {
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
.page-template-page-services .page-header__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
}
.page-template-page-services .services_list {}
.page-template-page-services .service-single:last-child {
margin-bottom: 80px;
}
.page-template-page-services .service-single {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
background-color: var(--WHITE);
border-radius: 8px;
margin-bottom: 30px;
}
.page-template-page-services .service-single__content {
padding: 50px;
}
.page-template-page-services .service-single:nth-child(5) .service-single__title,
.page-template-page-services .service-single:nth-child(3) .service-single__title{
color: var(--BLUE);
}
.page-template-page-services .service-single:nth-child(4) .service-single__title,
.page-template-page-services .service-single:nth-child(2) .service-single__title {
color: var(--BROWN);
}
.page-template-page-services .service-single:first-child .service-single__title {
color: var(--BRIGHT-BLUE);
}
.page-template-page-services .service-single__title {
color: var(--BRIGHT-BLUE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 30px;
margin-bottom: 30px;
max-width: 70%;
line-height: 1.5;
}
.page-template-page-services .service-single__description p{
margin-bottom: 15px;
}
.page-template-page-services .service-single__description {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
}
.page-template-page-services .service-single__image {
height: 800px;
object-fit: cover;
width: 100%;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
html[lang="ja"] .page-template-page-services .service-single__title {
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-weight: 700;
font-size: 25px;
}
html[lang="ja"] .page-template-page-services .service-single__description {
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
/* Faq */
.page-template-page-faq main {
background-color: var(--WHITE-700);
}
.page-template-page-faq .page-header {
padding: 80px 0;
}
.page-template-page-faq .page-header__subtitle {
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
.page-template-page-faq .page-header__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
}
.faq {}
.faq__wrapper {
display: grid;
grid-template-columns: 1fr 4fr;
gap: 100px;
}
.faq__categories {}
.faq__category-title a:hover{
color: var(--LIGHT-GREY);
}
.faq__category-title a{
color: var(--DARK-GREY);
transition: all 0.2s;
}
.faq__category-title {
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 25px;
margin-bottom: 30px;
}
.faq__toggle{
display: inline-flex;
width: 22px;
height: 22px;
padding: 4px;
background-color: var(--WHITE);
box-shadow: inset 0 0 0 3px #ffffff;
border-radius: 50%;
align-items: center;
justify-content: center;
cursor: pointer;
}
.faq__toggle span{
font-size: 27px;
font-family: 'Cervo Light';
color: var(--DARK-GREEN);
line-height: 1; /* prevent extra height */
display: inline-block; /* ensure span respects flex */
}
.faq__toggle::before {
content: '+';
font-size: 27px;
font-family: 'Cervo Light';
color: var(--DARK-GREEN);
display: inline-block;
width: 1ch;
text-align: center;
}
.faq__toggle.open::before {
content: '-';
line-height: 1;
top: -3px;
position: relative
}
.faq__question__wrap{
margin-bottom: 50px;
}
.faq__question-block:last-child {
border-bottom: unset;
}
.faq__question-block:not(:last-child) {
border-bottom: 1px solid var(--GREY-100);
margin-bottom: 20px;
padding-bottom: 20px;
}
.faq__question-block .faq__question-block-title {
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 17px;
line-height: 1.5;
display: flex;
justify-content: space-between;
align-items: center;
}
h2.faq__question-block-title {
color: var(--OLIVE);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
margin-bottom: 30px;
}
.faq__question-block-answer {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
margin-top: 10px;
}
.page-template-page-faq section.cta {
background-color: var(--LIGHT-OLIVE);
padding: 50px;
margin-top: 30px;
margin-bottom: 80px;
text-align: center;
}
.page-template-page-faq section.cta .cta__heading {
color: var(--ARMY-GREEN);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
text-align: center;
margin-bottom: 50px;
}
html[lang="ja"] .faq__question-block .faq__question-block-title{
font-weight: 700;
}
html[lang="ja"] .faq__question-block .faq__question-block-answer,
html[lang="ja"] .faq__question-block .faq__question-block-title,
html[lang="ja"] h2.faq__question-block-title,
html[lang="ja"] .faq__category-title {
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
/* Pricing plans */
.page-template-page-pricing main {
background-color: var(--WHITE-700);
}
.page-template-page-pricing .page-header {
padding: 80px 0;
}
.page-template-page-pricing .page-header__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
}
.page-template-page-pricing .page-header__subtitle {
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
.pricing-plans {}
.pricing-plans__intro {}
.pricing-plans__intro-title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
max-width: 70%;
line-height: 1.2;
margin-bottom: 15px;
}
.pricing-plans__intro-description {
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 16px;
line-height: 1.5;
margin-bottom: 50px;
}
.pricing-plans__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.pricing-plans__item.feature {
background-color: var(--LIGHT-CREAM);
border: 4px solid var(--OLIVE);
}
.pricing-plans__item {
background-color: var(--WHITE);
border-radius: 8px;
padding: 50px 30px;
position: relative;
}
.pricing-plans__item-title {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 25px;
line-height: 1;
text-align: center;
margin-bottom: 30px;
}
.pricing-plans__item-price span{
color: var(--BRIGHT-BLUE);
font-size: 45px;
}
.pricing-plans__item-price {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 25px;
line-height: 1;
display: flex;
justify-content: center;
gap: 15px;
align-items: center;
margin-bottom: 30px;
}
.pricing-plans__item-description ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.pricing-plans__item-description ul li {
position: relative;
padding-left: 22px; /* space for image */
margin-bottom: 10px;
}
.pricing-plans__item-description ul li:before {
content: '';
position: absolute;
left: 0;
top: 3px;
width: 11px;
height: 11px;
background-image: url('../assets/icons/check-lime.svg'); /* replace with your actual image path */
background-size: contain;
background-repeat: no-repeat;
}
.pricing-plans__item-description strong{
font-family: 'Cervo Regular';
}
.pricing-plans__item-description p{
margin-bottom: 15px;
}
.pricing-plans__item-description {
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 16px;
line-height: 1.2;
margin-bottom: 50px;
}
.pricing-plans__item-button {
position: absolute;
bottom: 50px;
left: 0px;
justify-content: center;
width: 100%;
text-align: center;
}
.page-template-page-pricing section.cta {
background-color: var(--LIGHT-OLIVE);
padding: 50px;
margin-top: 50px;
margin-bottom: 30px;
text-align: center;
}
.page-template-page-pricing section.cta .cta__description{
color: var(--ARMY-GREEN);
font-family: 'Cervo Light';
font-size: 16px;
line-height: 1.2;
margin-bottom: 50px;
}
.page-template-page-pricing section.cta .cta__heading {
color: var(--ARMY-GREEN);
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 45px;
text-align: center;
margin-bottom: 15px;
}
html[lang="ja"] .pricing-plans__item-price span{
font-weight: 700;
font-size: 35px;
}
html[lang="ja"] .page-template-page-pricing section.cta .cta__description,
html[lang="ja"] .page-template-page-pricing section.cta .cta__heading,
html[lang="ja"] .main-btn-dark .btn__text,
html[lang="ja"] .pricing-plans__item-description,
html[lang="ja"] .pricing-plans__item-price,
html[lang="ja"] .pricing-plans__item-title,
html[lang="ja"] .pricing-plans__intro-description,
html[lang="ja"] .pricing-plans__intro-title {
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
/* Default page */
html[lang="ja"] .page-template-default section.page-header .page-header__title {
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.page-template-default section.page-header .page-header__title {
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
}
.page-template-default section.page-header .page-header__subtitle {
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
.page-template-default section.page-header {
padding: 80px 0;
}
.page-template-default .page-content b, strong{
font-weight: 700;
}
.page-template-default .page-content a{
color: var(--OLIVE);
font-weight: 700;
}
.page-template-default .page-content p{
margin-bottom: 23px;
}
html[lang="ja"] .page-template-default .page-content{
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.page-template-default .page-content{
padding-bottom: 80px;
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 16px;
line-height: 1.5;
}
.page-template-default main{
background-color: var(--WHITE-700);
}
/* 404 */
html[lang="ja"] .error404 .numb404 span,
html[lang="ja"] .error404 .error404 span{
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-weight: 700;
}
.error404 .numb404 span{
font-family: 'Cervo Medium';
font-weight: 500;
font-size: 65px;
color: var( --BLUE);
margin-bottom: 15px;
}
.error404 .error404 span{
font-family: 'Cervo Medium';
color: var( --OLIVE);
font-size: 30px;
margin-bottom: 15px;
}
.error404 main{
background-color: var(--WHITE-700);
padding: 80px 0;
}
/* Search */
html[lang="ja"] section.search-results ul,
html[lang="ja"] .section.search-results h1{
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-weight: 700;
}
section.search-results ul li a{
color: var(--DARK-GREY);
}
section.search-results ul{
font-family: 'Cervo Medium';
font-size: 22px;
color: var(--DARK-GREY);
padding-left: 30px;
}
section.search-results h1{
font-family: 'Cervo Medium';
color: var( --OLIVE);
font-size: 30px;
margin-bottom: 15px;
}
.search-results main{
background-color: var(--WHITE-700);
padding: 80px 0;
}
/* Contact us */
html[lang="ja"] .contact-faq .contact-faq__list .faq__single .faq__question,
html[lang="ja"] .contact-faq .contact-faq__list .faq__single .faq__answer{
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.contact-faq .contact-faq__heading .contact-faq__title{
color: var(--DARK-GREY);
font-family: 'Cervo Medium';
font-size: 24px;
margin-top: 10px;
}
.contact-faq .contact-faq__heading .contact-faq__subtitle{
color: var(--BLUE);
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-size: 18px;
font-weight: 700;
}
.contact-faq .contact-faq__heading{
margin-bottom: 50px;
}
.contact-faq .contact-faq__list .faq__single .faq__answer{
color: var(--DARK-GREY);
font-family: 'Cervo Light';
font-size: 17px;
line-height: 1.5;
display: block;
}
.contact-faq .contact-faq__list .faq__single .faq__question{
color: var(--DARK-GREY);
font-family: 'Cervo Regular';
font-size: 17px;
line-height: 1.5;
display: block;
margin-bottom: 10px;
}
.contact-faq .contact-faq__list .faq__single.faq__single--custom .faq__answer img{
filter: brightness(0) invert(1);
margin-left: 10px;
}
.contact-faq .contact-faq__list .faq__single.faq__single--custom .faq__answer a{
color: var(--WHITE);
}
.contact-faq .contact-faq__list .faq__single.faq__single--custom .faq__question{
color: var(--WHITE);
font-size: 20px;
}
.contact-faq .contact-faq__list .faq__single.faq__single--custom{
background-color: var(--DARK-OLIVE);
}
.contact-faq .contact-faq__list .faq__single{
break-inside: avoid; /* kad elementai neskaidytųsi per stulpelius */
margin-bottom: 15px;
border: 1px solid var(--OLIVE);
padding: 30px;
}
.contact-faq .contact-faq__list{
column-count: 3;
column-gap: 15px;
}
section.contact-faq{
background-color: var(--LIGHT-CREAM);
padding: 80px 0;
}