.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.header{padding:96px 0 192px 0;width:calc(100% + 96px);margin-left:-48px;display:flex;align-items:center;justify-content:space-between;background-image:url(//psuhholoogiabi.ee/wp-content/themes/psuhholoogiabi/img/defaultimages/bg_tasakaal.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;gap:48px}.header__info{padding-left:48px;width:30%;font-weight:600}.header__info h4{color:#fda3b8;font-weight:600}@media(max-width: 900px){.header__info h4{color:#fda5a3}}.header__info .white--text{color:#fff}.header__info ul{list-style-type:none}.header__info ul li:not(:first-child){margin-top:12px}.header__info ul li:not(:first-child) a:hover{color:#d3d3d3}@media(max-width: 900px){.header__info ul li:not(:first-child) a{color:#fff}}@media(max-width: 900px){.header__info{width:100%;padding:0 24px;text-align:center}}.header__image{width:30%}.header__image img{width:100%;height:auto}@media(max-width: 900px){.header__image{width:100%;padding:0 24px}}.header__text{padding-right:48px;width:40%;color:#fff}.header__text-desc{margin-top:24px}@media(max-width: 900px){.header__text{width:100%;padding:0 24px}}@media(max-width: 900px){.header{flex-wrap:wrap;background:linear-gradient(to right, #4f8ceb 0%, #4f8ceb 50%, #003366 100%);padding:128px 0;width:calc(100% + 48px);margin-left:-24px}}.footer{padding:12px 0;margin-top:96px;display:flex;gap:24px;justify-content:center;color:#d3d3d3;font-weight:300}.footer a{color:#d3d3d3}@media(max-width: 900px){.footer{flex-direction:column;text-align:center}}.error-page{margin-top:128px;display:flex;flex-direction:row;align-items:center}.error-page__number{font-size:72px;color:#036}@media(max-width: 1200px){.error-page__number{font-size:58px}}@media(max-width: 900px){.error-page__number{font-size:44px}}.error-page__item{box-sizing:border-box;width:50%}.error-page__item img{max-width:100%;height:auto;padding:20%}.error-page__item a{color:#fda3b8;font-weight:500;margin-top:24px;display:block}@media(max-width: 900px){.error-page__item{width:100%}}@media(max-width: 900px){.error-page{flex-direction:column}}.navigation{display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;padding:12px;top:0;z-index:9;box-sizing:border-box;transition:All .3s ease-in-out;background-color:#fff;box-shadow:0px 0px 40px rgba(0,0,0,.16)}.navigation.js-nav-bg{top:0 !important;transition:All .3s ease-in-out;padding:0 12px}@media(max-width: 1200px){.navigation.js-nav-bg .navigation__logo{top:6px !important;transition:All .3s ease-in-out}}.navigation.js-nav-bg .sub-menu{top:calc(100% + 18px)}.navigation__logo img{max-width:350px;height:auto;width:100%}@media(max-width: 1200px){.navigation__logo{position:absolute;left:0;max-width:320px}.navigation__logo>a{display:flex;height:auto}}@media(max-width: 900px){.navigation__logo{top:20px;max-width:250px}}.navigation nav{display:flex;align-items:flex-end;position:relative}.navigation nav .sub-menu{display:flex;flex-direction:column;list-style:none;display:none;position:absolute;background-color:#fff;box-shadow:0px 0px 40px rgba(0,0,0,.16);top:calc(100% + 30px)}.navigation nav .sub-menu li{padding:8px 24px 8px 24px;border-bottom:1px solid #4f8ceb}.navigation nav .sub-menu li:hover{background-color:#4f8ceb}@media(max-width: 1200px){.navigation nav .sub-menu{box-shadow:unset;position:relative;width:100%}}.navigation nav .navbar-toggler{background:rgba(0,0,0,0);outline:0;border:0;display:none}@media(max-width: 1200px){.navigation nav .navbar-toggler{display:block;width:48px;height:48px}}.navigation nav .js-navbarlist{display:block}@media(max-width: 1200px){.navigation nav .js-navbarlist{display:none}}.navigation nav .navbar{padding:0 24px;font-family:"Poppins",sans-serif;margin-left:auto}.navigation nav .navbar .navbar-nav{list-style:none;display:flex;justify-content:flex-end;gap:24px}.navigation nav .navbar .navbar-nav li a{color:#fda3b8;font-weight:500}.navigation nav .navbar .navbar-nav li a:hover{color:#fda5a3}.navigation nav .navbar .navbar-nav li.current_page_item a{color:#fda5a3}@media(max-width: 1200px){.navigation nav .navbar .navbar-nav{flex-direction:column;width:100%}}@media(max-width: 1200px){.navigation nav .navbar{width:100%;text-align:center;padding:0}}@media(max-width: 1200px){.navigation nav .line{fill:none;stroke:#fda3b8;stroke-width:5;transition:stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation nav .line1{stroke-dasharray:60 207;stroke-width:6}.navigation nav .line2{stroke-dasharray:60 60;stroke-width:6}.navigation nav .line3{stroke-dasharray:60 207;stroke-width:6}.navigation nav .opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.navigation nav .opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.navigation nav .opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}}@media(max-width: 1200px){.navigation nav{flex-direction:column;width:100%}}@media(max-width: 1200px){.navigation{flex-direction:column;width:100%;background-color:#fff;box-shadow:0px 0px 40px rgba(0,0,0,.16)}}.blog{margin-top:128px;display:flex;justify-content:space-between;gap:96px}.blog__posts{display:flex;flex-direction:column;gap:48px;width:75%}.blog__posts-post img{width:100%;height:auto;max-width:100%;position:absolute;top:50%;right:50%;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.blog__posts-post h2{margin-top:24px;font-weight:500}.blog__posts-thumbnail{width:100%;position:relative;overflow:hidden;aspect-ratio:5/3}@supports not (aspect-ratio: 5/3){.blog__posts-thumbnail{padding-top:40%}}.blog__posts-desc{margin-top:24px}.blog__posts-info{margin-top:24px;color:#fda3b8;display:flex;justify-content:space-between}@media(max-width: 900px){.blog__posts{width:100%}}.blog__author{width:25%;text-align:center;display:flex;flex-direction:column}.blog__author-portrait img{border-radius:100%;width:100%;height:auto;border:20px solid #ffeef2}@media(max-width: 900px){.blog__author-portrait img{width:calc(100% - 40px)}}@media(max-width: 900px){.blog__author{width:100%}}.blog__pagination{display:flex;gap:8px;margin-top:64px}.blog__pagination svg{width:16px;height:16px;fill:#4f8ceb}.blog__pagination svg:hover{fill:#036}.blog__pagination .pagination-item{font-size:20px}.blog__pagination .unactive-pagination svg{fill:#d3d3d3}.blog__pagination a{color:#4f8ceb}.blog__pagination a:hover{color:#036}.blog__pagination a,.blog__pagination span{display:flex;align-items:center}.blog__pagination .active-page{color:#036}@media(max-width: 900px){.blog{flex-direction:column}}.single-portfolio{margin-top:128px}.single-portfolio__content{display:flex;gap:48px}.single-portfolio__content p{padding-bottom:24px;line-height:1.5}.single-portfolio__content ol li,.single-portfolio__content ul li{padding-bottom:12px}.single-portfolio__content ol,.single-portfolio__content ul{padding-bottom:24px}@media(max-width: 900px){.single-portfolio__content{flex-direction:column-reverse}}.single-portfolio__thumbnail{width:50%}.single-portfolio__thumbnail img{width:100%;height:auto}@media(max-width: 900px){.single-portfolio__thumbnail{width:100%}}.single-portfolio__info{width:50%}@media(max-width: 900px){.single-portfolio__info{width:100%}}.single-portfolio__text{margin-top:24px}.single-portfolio__latest-posts-wrapper{margin-top:96px}.single-portfolio__latest-posts{margin-top:48px;display:flex;gap:24px}.single-portfolio__latest-posts-item{width:33.3333333333%}.single-portfolio__latest-posts-item h3{margin-top:12px;color:#000}@media(max-width: 900px){.single-portfolio__latest-posts-item{width:100%}}.single-portfolio__latest-posts-thumbnail{width:100%;position:relative;overflow:hidden;aspect-ratio:5/3}@supports not (aspect-ratio: 5/3){.single-portfolio__latest-posts-thumbnail{padding-top:60%}}.single-portfolio__latest-posts-thumbnail img{width:100%;height:auto;max-width:100%;position:absolute;top:50%;right:50%;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media(max-width: 900px){.single-portfolio__latest-posts{flex-direction:column}}.posts-block-wrapper h2{margin:96px 0;text-align:center}@media(max-width: 900px){.posts-block-wrapper h2{margin:48px 0}}.posts-block-wrapper .posts-block{display:grid;gap:24px;grid-template-columns:repeat(2, 1fr)}.posts-block-wrapper .posts-block__item{box-shadow:0px 0px 40px rgba(0,0,0,.16);display:flex;gap:24px}.posts-block-wrapper .posts-block__item-inside{width:50%}.posts-block-wrapper .posts-block__item-inside.text-part{padding:24px 24px 24px 0;display:flex;flex-direction:column;justify-content:space-between}.posts-block-wrapper .posts-block__item-inside.text-part span{color:#fda3b8}@media(max-width: 900px){.posts-block-wrapper .posts-block__item-inside.text-part{padding:12px}}@media(max-width: 900px){.posts-block-wrapper .posts-block__item-inside{width:100%}}.posts-block-wrapper .posts-block__item-inside .thumbnail--link{height:100%;display:block}.posts-block-wrapper .posts-block__item-button{display:flex;justify-content:flex-end;margin-top:12px}@media(max-width: 900px){.posts-block-wrapper .posts-block__item{flex-wrap:wrap;gap:0px}}.posts-block-wrapper .posts-block__thumbnail{width:100%;position:relative;overflow:hidden;height:100%}.posts-block-wrapper .posts-block__thumbnail img{width:auto;height:100%;min-height:100%;min-width:100%;position:absolute;top:50%;right:50%;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media(max-width: 900px){.posts-block-wrapper .posts-block__thumbnail{aspect-ratio:4/3}}@media(max-width: 900px){.posts-block-wrapper .posts-block{grid-template-columns:1fr}}.contact-block{display:flex;margin-top:96px;gap:48px}.contact-block__item{width:50%}.contact-block__item img{width:100%;height:auto}@media(max-width: 900px){.contact-block__item{width:100%}}@media(max-width: 900px){.contact-block{flex-direction:column-reverse}}.about-me{display:flex;gap:48px}.about-me__image{padding:48px 10% 0 0;width:50%;z-index:-1}.about-me__image-img{position:relative;left:-20%}.about-me__image-img .js-border-element{top:50%;left:calc(50% + 30px);transform:translate(-50%, -50%);position:absolute;border-radius:100%;border:60px solid #ffeef2;width:100%;height:100%}@media(max-width: 900px){.about-me__image-img{left:-40%}}.about-me__image img{width:100%;height:auto;border-radius:100%;border:60px solid #ffeef2}@media(max-width: 900px){.about-me__image{width:100%}}.about-me__item{margin-top:128px;width:40%}@media(max-width: 900px){.about-me__item{width:100%}}@media(max-width: 900px){.about-me{flex-wrap:wrap}}.price-list{margin-top:128px}.price-list h2{color:#036}.price-list__table{width:100%;max-width:1200px;margin:0 auto;margin-top:48px;display:flex;gap:24px;flex-direction:column}.price-list__inside{display:flex;gap:24px;border-bottom:1px solid #036}.price-list__inside-desc{margin-bottom:24px;width:80%}@media(max-width: 900px){.price-list__inside-desc{width:60%}}.price-list__inside-desc h3{color:#036}.price-list__inside-price{width:20%}@media(max-width: 900px){.price-list__inside-price{width:40%;text-align:right}}.price-list__inside-price .price{font-size:32px;color:#fda3b8;font-weight:600}.price-list__inside-price .symbol{color:#036;font-weight:500}.content-page{margin-top:128px;display:flex;gap:48px}.content-page__sidemenu{width:20%;display:flex;flex-direction:column;gap:12px}.content-page__sidemenu a{font-size:20px;color:#036;font-weight:500}.content-page__sidemenu a:hover{color:#4f8ceb}@media(max-width: 900px){.content-page__sidemenu{width:100%}}.content-page__content{border-left:2px solid #036;padding-left:24px;width:80%}@media(max-width: 900px){.content-page__content{width:100%;padding:0 12px}}@media(max-width: 900px){.content-page{flex-direction:column-reverse}}.text-image-block{display:grid;align-items:center}@media(width > 900px){.text-image-block{grid-template-columns:repeat(2, 1fr)}}.text-image-block__content{display:grid;align-items:center;justify-content:center}.text-image-block__content-description{margin-top:2rem}.text-image-block__content-description ul,.text-image-block__content-description ol{padding-inline-start:1.25rem}.text-image-block__content-description ul li::marker,.text-image-block__content-description ol li::marker{color:#fda3b8}.text-image-block__content-description>p{line-height:1.75rem}.text-image-block__content-button{margin-top:1.5rem}.text-image-block__image img{width:100%}@media(width > 900px){.text-image-block__image{overflow:hidden}.text-image-block__image.left{order:1}}ul,body,h1,h2,h3,h4,h5,p{padding:0;margin:0}html,body{scroll-behavior:smooth;overflow-x:hidden !important}a{text-decoration:none}.content{padding:0 48px}@media(max-width: 900px){.content{padding:0 24px}}*{font-family:"Poppins",sans-serif}h1{font-size:52px}@media(max-width: 1200px){h1{font-size:48px}}@media(max-width: 900px){h1{font-size:34px}}h2{font-size:42px}@media(max-width: 1200px){h2{font-size:38px}}@media(max-width: 900px){h2{font-size:26px}}h3{font-size:32px}@media(max-width: 1200px){h3{font-size:28px}}@media(max-width: 900px){h3{font-size:22px}}h4{font-size:22px}@media(max-width: 1200px){h4{font-size:18px}}p,li{font-size:20px}@media(max-width: 1200px){p,li{font-size:18px}}a{font-size:18px}.blue--text{color:#036}.pink--link{background:#fda3b8;color:#fff;font-weight:500;padding:12px 48px;border-radius:36px;transition:All .3s ease-in-out}.pink--link:hover{background:#fda5a3}.wpcf7 form{padding-top:24px;border-radius:4px;width:100%;border-top-left-radius:0;border-bottom-left-radius:0;background:#fff;display:flex;flex-direction:column;margin:0 auto}.wpcf7 form label,.wpcf7 form p,.wpcf7 form textarea,.wpcf7 form input{width:100%;font-size:16px;font-weight:500}.wpcf7 form textarea{height:200px;resize:none}@media(max-width: 900px){.wpcf7 form textarea{height:128px}}.wpcf7 form input,.wpcf7 form textarea{border:0;border-bottom:1px solid #fda3b8}.wpcf7 form input:focus,.wpcf7 form textarea:focus{border:0;outline:0;border-bottom:1px solid #fda3b8}.wpcf7 form p{color:#036;text-align:left;width:100%}.wpcf7 form p:not(:first-child){margin-top:12px}.wpcf7 form input[type=submit]{width:auto;float:right;transition:All .3s ease-in-out;background:#fda3b8;color:#fff;font-weight:500;padding:12px 48px;border-radius:36px;cursor:pointer}.wpcf7 form input[type=submit]:hover{background:#fda5a3}@media(max-width: 900px){.wpcf7 form{height:auto}}  body.page .wp-site-blocks,
body.page .site,
body.page .site-content,
body.page .content,
body.page main,
body.page article.page {
box-sizing: border-box;
}
body.page main,
body.page article.page,
body.page .site-content,
body.page .content {
padding-top: 110px !important;
}
body.page h1 {
margin-bottom: 32px !important;
}
body.page .wp-block-paragraph,
body.page p {
margin-bottom: 24px !important;
line-height: 1.55;
}
body.page .wp-block-list,
body.page ul,
body.page ol {
margin-bottom: 28px !important;
padding-left: 28px !important;
}
body.page li {
margin-bottom: 10px !important;
line-height: 1.5;
}
body.page h2,
body.page h3,
body.page h4 {
margin-top: 28px !important;
margin-bottom: 18px !important;
}
body.page .wp-block-shortcode,
body.page .wpcf7 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
body.page .wpcf7 form {
padding-top: 0 !important;
}
body.page .wpcf7 p {
margin-bottom: 18px !important;
}
body.page .wpcf7 input[type=text],
body.page .wpcf7 input[type=email],
body.page .wpcf7 input[type=tel],
body.page .wpcf7 textarea {
width: 100% !important;
box-sizing: border-box;
}
body.page .wpcf7 .wpcf7-list-item {
margin-right: 18px !important;
}
body.page .wpcf7-acceptance {
display: block;
margin-top: 16px !important;
margin-bottom: 20px !important;
} .content-page__content h1 {
margin-bottom: 32px !important;
}
.content-page__content h2,
.content-page__content h3,
.content-page__content h4 {
margin-top: 28px !important;
margin-bottom: 18px !important;
}
.content-page__content p {
margin-bottom: 24px !important;
line-height: 1.6 !important;
}
.content-page__content ul,
.content-page__content ol {
margin: 0 0 28px 28px !important;
padding-left: 0 !important;
}
.content-page__content li {
margin-bottom: 10px !important;
line-height: 1.5 !important;
}
.content-page__content .wp-block-shortcode,
.content-page__content .wpcf7 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.content-page__content .wpcf7 form {
padding-top: 0 !important;
}
.content-page__content .wpcf7 p {
margin-bottom: 18px !important;
} .content-page {
margin-top: 96px !important;
gap: 36px !important;
}
.content-page__sidemenu {
gap: 18px !important;
}
.content-page__sidemenu h3 {
margin-bottom: 8px !important;
}
.content-page__sidemenu a {
line-height: 1.35 !important;
}
.content-page__content h1 {
font-size: 44px !important;
line-height: 1.1 !important;
margin-bottom: 28px !important;
}
.content-page__content p {
margin-bottom: 22px !important;
}
.content-page__content ul,
.content-page__content ol {
margin: 0 0 24px 24px !important;
}
.content-page__content .wpcf7 {
margin-top: 36px !important;
}
.content-page__content .wpcf7 form label,
.content-page__content .wpcf7 form p {
margin-bottom: 14px !important;
}
.content-page__content .wpcf7 textarea {
margin-bottom: 18px !important;
} .content-page {
margin-top: 120px !important;
gap: 44px !important;
}
.content-page__sidemenu {
gap: 14px !important;
}
.content-page__sidemenu h3 {
margin-bottom: 6px !important;
font-size: 28px !important;
}
.content-page__sidemenu a {
font-size: 18px !important;
line-height: 1.35 !important;
}
.content-page__content h1 {
font-size: 38px !important;
line-height: 1.12 !important;
margin-top: 0 !important;
margin-bottom: 24px !important;
}
.content-page__content p {
margin-bottom: 22px !important;
line-height: 1.55 !important;
}
.content-page__content ul,
.content-page__content ol {
margin: 0 0 24px 22px !important;
padding-left: 0 !important;
}
.content-page__content li {
margin-bottom: 8px !important;
line-height: 1.45 !important;
}
.content-page__content li::marker {
font-size: 0.8em !important;
}
.content-page__content .wpcf7 {
margin-top: 32px !important;
} .navigation {
padding: 8px 16px !important;
}
.navigation__logo img {
max-width: 280px !important;
}
.navigation nav .navbar {
padding: 0 8px !important;
}
.navigation nav .navbar .navbar-nav {
gap: 14px !important;
}
.navigation nav .navbar .navbar-nav li a {
font-size: 16px !important;
line-height: 1.2 !important;
white-space: nowrap;
}
@media (max-width: 1400px) {
.navigation__logo img {
max-width: 240px !important;
}
.navigation nav .navbar .navbar-nav {
gap: 10px !important;
}
.navigation nav .navbar .navbar-nav li a {
font-size: 15px !important;
}
} .navigation__logo {
max-width: 72px !important;
overflow: hidden;
}
.navigation__logo img {
max-width: 260px !important;
width: 260px !important;
position: relative;
left: 0;
}
@media (max-width: 1200px) {
.navigation__logo {
max-width: 64px !important;
}
.navigation__logo img {
max-width: 230px !important;
width: 230px !important;
}
} .navigation__logo {
width: 44px !important;
max-width: 44px !important;
min-width: 44px !important;
overflow: hidden !important;
}
.navigation__logo img {
width: 210px !important;
max-width: 210px !important;
height: auto !important;
} .content-page__content > p + h2,
.content-page__content > p + h3,
.content-page__content > p + h4,
.content-page__content > ul + h2,
.content-page__content > ul + h3,
.content-page__content > ul + h4,
.content-page__content > ol + h2,
.content-page__content > ol + h3,
.content-page__content > ol + h4 {
margin-top: 34px !important;
}
.content-page__content p + ul,
.content-page__content p + ol {
margin-top: 10px !important;
}
.content-page__content ul + p,
.content-page__content ol + p {
margin-top: 22px !important;
}
.content-page__content p strong {
font-weight: 700 !important;
}
.content-page__content > p {
max-width: 1000px;
}
.content-page__content > ul,
.content-page__content > ol {
max-width: 980px;
} .page-id-455 .content-page__sidemenu,
.page-id-457 .content-page__sidemenu,
.page-id-459 .content-page__sidemenu,
.page-id-461 .content-page__sidemenu,
.page-id-463 .content-page__sidemenu,
.page-id-465 .content-page__sidemenu,
.page-id-467 .content-page__sidemenu,
.page-id-469 .content-page__sidemenu,
.page-id-471 .content-page__sidemenu,
.page-id-477 .content-page__sidemenu,
.page-id-479 .content-page__sidemenu {
display: none !important;
}
.page-id-455 .content-page__content,
.page-id-457 .content-page__content,
.page-id-459 .content-page__content,
.page-id-461 .content-page__content,
.page-id-463 .content-page__content,
.page-id-465 .content-page__content,
.page-id-467 .content-page__content,
.page-id-469 .content-page__content,
.page-id-471 .content-page__content,
.page-id-477 .content-page__content,
.page-id-479 .content-page__content {
width: 100% !important;
border-left: 0 !important;
padding-left: 0 !important;
}
.page-id-455 .content-page,
.page-id-457 .content-page,
.page-id-459 .content-page,
.page-id-461 .content-page,
.page-id-463 .content-page,
.page-id-465 .content-page,
.page-id-467 .content-page,
.page-id-469 .content-page,
.page-id-471 .content-page,
.page-id-477 .content-page,
.page-id-479 .content-page {
display: block !important;
} .navigation nav .navbar {
padding: 0 20px !important;
}
.navigation nav .navbar .navbar-nav {
gap: 28px !important;
align-items: center !important;
}
.navigation nav .navbar .navbar-nav li {
display: flex;
align-items: center;
}
.navigation nav .navbar .navbar-nav li a {
display: inline-block;
padding: 6px 0 !important;
letter-spacing: 0.2px; .navigation {
padding: 8px 18px !important;
}
.navigation__logo {
width: 56px !important;
max-width: 56px !important;
min-width: 56px !important;
overflow: hidden !important;
margin-right: 14px !important;
}
.navigation__logo img {
width: 235px !important;
max-width: 235px !important;
height: auto !important;
position: relative;
left: 0 !important;
}
.navigation nav .navbar {
padding: 0 10px !important;
}
.navigation nav .navbar .navbar-nav {
gap: 22px !important;
align-items: center !important;
}
.navigation nav .navbar .navbar-nav li a {
font-size: 16px !important;
line-height: 1.2 !important;
display: inline-block;
padding: 6px 0 !important;
white-space: nowrap;
}
@media (max-width: 1400px) {
.navigation__logo {
width: 50px !important;
max-width: 50px !important;
min-width: 50px !important;
}
.navigation__logo img {
width: 220px !important;
max-width: 220px !important;
}
.navigation nav .navbar .navbar-nav {
gap: 18px !important;
}
.navigation nav .navbar .navbar-nav li a {
font-size: 15px !important;
}
}
} .navigation__logo {
width: 78px !important;
max-width: 78px !important;
min-width: 78px !important;
overflow: hidden !important;
margin-right: 10px !important;
}
.navigation__logo img {
width: 240px !important;
max-width: 240px !important;
height: auto !important;
position: relative;
left: 0 !important;
} .navigation__logo {
width: 34px !important;
max-width: 34px !important;
min-width: 34px !important;
overflow: visible !important;
margin-right: 12px !important;
}
.navigation__logo img {
width: 34px !important;
max-width: 34px !important;
height: auto !important;
display: block !important;
} .navigation nav .navbar {
padding: 0 24px !important;
}
.navigation nav .navbar .navbar-nav {
gap: 30px !important;
align-items: center !important;
}
.navigation nav .navbar .navbar-nav li a {
padding: 8px 0 !important;
}
@media (max-width: 1400px) {
.navigation nav .navbar .navbar-nav {
gap: 22px !important;
}
} .navigation nav .navbar {
padding: 0 30px !important;
}
.navigation nav .navbar .navbar-nav {
gap: 38px !important;
}
@media (max-width: 1400px) {
.navigation nav .navbar .navbar-nav {
gap: 28px !important;
}
}
.content-page--full {
display: block !important;
}
.content-page__content--full {
border-left: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
width: 100% !important;
max-width: 100% !important;
}.wpcf7 form input[type="submit"] {
float: none !important;
display: inline-block !important;
margin: 20px 0 0 0 !important;
}
.wpcf7-acceptance .wpcf7-list-item label {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
.wpcf7-acceptance input[type="checkbox"] {
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
margin: 4px 0 0 0 !important;
}
.wpcf7-acceptance .wpcf7-list-item-label {
display: block !important;
margin: 0 !important;
}
.wpcf7-radio .wpcf7-list-item label {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
text-align: center !important;
}
.wpcf7-radio input[type="radio"] {
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
margin: 0 !important;
}
.wpcf7-radio .wpcf7-list-item-label {
display: block !important;
text-align: center !important;
}
.content-page.content-page--full {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.content-page.content-page--full .content-page__content--full {
margin: 0 auto !important;
}
.content-page.content-page--full .content-page__content--full p {
font-size: 18px;
line-height: 1.7;
color: #1f2937;
margin-top: 0 !important;
margin-bottom: 28px !important;
}
.content-page.content-page--full .content-page__content--full li {
font-size: 18px;
line-height: 1.65;
color: #1f2937;
}
.content-page.content-page--full .content-page__content--full a {
color: #6d28d9;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.2s ease, opacity 0.2s ease;
}
.content-page.content-page--full .content-page__content--full a:hover {
color: #5b21b6;
}
.content-page.content-page--full .content-page__content--full ul,
.content-page.content-page--full .content-page__content--full ol {
padding-left: 0;
margin-left: 0;
}
.content-page.content-page--full .content-page__content--full ul li,
.content-page.content-page--full .content-page__content--full ol li {
list-style: none;
position: relative;
padding-left: 48px;
margin-bottom: 12px;
}
.content-page.content-page--full .content-page__content--full ul li::before,
.content-page.content-page--full .content-page__content--full ol li::before {
content: "";
position: absolute;
left: 0;
top: 0.7em;
width: 10px;
height: 10px;
border-radius: 999px;
background: #e89aa8;
transform: translateY(-50%);
box-shadow: 0 0 0 6px rgba(232, 154, 168, 0.12);
}
.content-page.content-page--full .content-page__content--full img {
border-radius: 24px;
max-width: 100%;
height: auto;
}
.content-page.content-page--full .content-page__content--full form {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin-top: 36px !important;
margin-bottom: 36px !important;
}
.content-page.content-page--full .content-page__content--full .wpcf7,
.content-page.content-page--full .content-page__content--full .gform_wrapper,
.content-page.content-page--full .content-page__content--full .nf-form-cont {
background: #ffffff !important;
border: 1px solid #ece7e2 !important;
border-radius: 24px !important;
padding: 36px !important;
box-shadow: 0 20px 50px rgba(17, 24, 39, 0.06) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.content-page.content-page--full .content-page__content--full form label,
.content-page.content-page--full .content-page__content--full .wpcf7 label,
.content-page.content-page--full .content-page__content--full .gform_wrapper label,
.content-page.content-page--full .content-page__content--full .nf-form-cont label {
display: block;
font-size: 16px;
font-weight: 600;
color: #163b73;
margin-bottom: 8px;
}
.content-page.content-page--full .content-page__content--full form input[type="text"],
.content-page.content-page--full .content-page__content--full form input[type="email"],
.content-page.content-page--full .content-page__content--full form input[type="tel"],
.content-page.content-page--full .content-page__content--full form input[type="url"],
.content-page.content-page--full .content-page__content--full form input[type="number"],
.content-page.content-page--full .content-page__content--full form textarea,
.content-page.content-page--full .content-page__content--full form select,
.content-page.content-page--full .content-page__content--full .wpcf7 input[type="text"],
.content-page.content-page--full .content-page__content--full .wpcf7 input[type="email"],
.content-page.content-page--full .content-page__content--full .wpcf7 input[type="tel"],
.content-page.content-page--full .content-page__content--full .wpcf7 textarea,
.content-page.content-page--full .content-page__content--full .wpcf7 select,
.content-page.content-page--full .content-page__content--full .gform_wrapper input[type="text"],
.content-page.content-page--full .content-page__content--full .gform_wrapper input[type="email"],
.content-page.content-page--full .content-page__content--full .gform_wrapper input[type="tel"],
.content-page.content-page--full .content-page__content--full .gform_wrapper textarea,
.content-page.content-page--full .content-page__content--full .gform_wrapper select,
.content-page.content-page--full .content-page__content--full .nf-form-cont input:not([type="button"]):not([type="submit"]),
.content-page.content-page--full .content-page__content--full .nf-form-cont textarea,
.content-page.content-page--full .content-page__content--full .nf-form-cont select {
width: 100%;
box-sizing: border-box !important;
max-width: 100% !important;
background: #f9fafb;
border: 1px solid #e5e7eb !important;
border-radius: 14px;
padding: 14px 16px;
font-size: 17px;
line-height: 1.4;
color: #111827;
box-shadow: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.content-page.content-page--full .content-page__content--full form input,
.content-page.content-page--full .content-page__content--full form textarea,
.content-page.content-page--full .content-page__content--full form select {
border-bottom-width: 1px !important;
}
.content-page.content-page--full .content-page__content--full form textarea,
.content-page.content-page--full .content-page__content--full .wpcf7 textarea,
.content-page.content-page--full .content-page__content--full .gform_wrapper textarea,
.content-page.content-page--full .content-page__content--full .nf-form-cont textarea {
min-height: 150px;
resize: vertical;
}
.content-page.content-page--full .content-page__content--full form input:focus,
.content-page.content-page--full .content-page__content--full form textarea:focus,
.content-page.content-page--full .content-page__content--full form select:focus,
.content-page.content-page--full .content-page__content--full .wpcf7 input:focus,
.content-page.content-page--full .content-page__content--full .wpcf7 textarea:focus,
.content-page.content-page--full .content-page__content--full .wpcf7 select:focus,
.content-page.content-page--full .content-page__content--full .gform_wrapper input:focus,
.content-page.content-page--full .content-page__content--full .gform_wrapper textarea:focus,
.content-page.content-page--full .content-page__content--full .gform_wrapper select:focus,
.content-page.content-page--full .content-page__content--full .nf-form-cont input:focus,
.content-page.content-page--full .content-page__content--full .nf-form-cont textarea:focus,
.content-page.content-page--full .content-page__content--full .nf-form-cont select:focus {
outline: none;
background: #ffffff;
border-color: #e89aa8 !important;
box-shadow: 0 0 0 4px rgba(232, 154, 168, 0.16);
}
.content-page.content-page--full .content-page__content--full ::placeholder {
color: #9ca3af;
opacity: 1;
}
.content-page.content-page--full .content-page__content--full input[type="radio"],
.content-page.content-page--full .content-page__content--full input[type="checkbox"] {
accent-color: #e89aa8;
width: 18px;
height: 18px;
}
.content-page.content-page--full .content-page__content--full .wpcf7-list-item,
.content-page.content-page--full .content-page__content--full .gchoice,
.content-page.content-page--full .content-page__content--full .nf-field-element .list-radio-wrap li,
.content-page.content-page--full .content-page__content--full .nf-field-element .list-checkbox-wrap li {
margin-right: 16px;
margin-bottom: 10px;
}
.content-page.content-page--full .content-page__content--full .wpcf7-form-control-wrap .wpcf7-radio,
.content-page.content-page--full .content-page__content--full .wpcf7-form-control-wrap .wpcf7-checkbox {
display: flex;
flex-wrap: wrap;
gap: 14px 18px;
}
.content-page.content-page--full .content-page__content--full .wpcf7-radio .wpcf7-list-item label,
.content-page.content-page--full .content-page__content--full .wpcf7-checkbox .wpcf7-list-item label {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
border: 1px solid #e5e7eb;
border-radius: 999px;
background: #ffffff;
margin-bottom: 0;
}
.content-page.content-page--full .content-page__content--full form input[type="submit"],
.content-page.content-page--full .content-page__content--full form button[type="submit"],
.content-page.content-page--full .content-page__content--full .wpcf7 input[type="submit"],
.content-page.content-page--full .content-page__content--full .gform_wrapper .gform_button,
.content-page.content-page--full .content-page__content--full .nf-form-cont input[type="button"] {
appearance: none;
border: none;
background: #e89aa8;
color: #ffffff;
border-radius: 999px;
padding: 16px 30px;
font-size: 18px;
font-weight: 700;
line-height: 1;
box-shadow: 0 12px 24px rgba(232, 154, 168, 0.28);
cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.content-page.content-page--full .content-page__content--full form input[type="submit"]:hover,
.content-page.content-page--full .content-page__content--full form button[type="submit"]:hover,
.content-page.content-page--full .content-page__content--full .wpcf7 input[type="submit"]:hover,
.content-page.content-page--full .content-page__content--full .gform_wrapper .gform_button:hover,
.content-page.content-page--full .content-page__content--full .nf-form-cont input[type="button"]:hover {
background: #d97c8c;
transform: translateY(-1px);
box-shadow: 0 16px 28px rgba(217, 124, 140, 0.3);
}
.content-page.content-page--full .content-page__content--full small,
.content-page.content-page--full .content-page__content--full .description,
.content-page.content-page--full .content-page__content--full .form-note,
.content-page.content-page--full .content-page__content--full .wpcf7-acceptance {
font-size: 14px;
line-height: 1.6;
color: #6b7280;
}
.content-page.content-page--full .content-page__content--full .wpcf7 + *,
.content-page.content-page--full .content-page__content--full .gform_wrapper + *,
.content-page.content-page--full .content-page__content--full .nf-form-cont + * {
margin-top: 28px !important;
}
.navigation {
background: rgba(255, 255, 255, 0.82);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(229, 231, 235, 0.7);
}
body:not(.home) .content-page.content-page--full .content-page__content--full {
max-width: 820px !important;
padding-top: 28px !important;
padding-bottom: 40px !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full h1 {
font-size: clamp(40px, 5vw, 56px);
line-height: 1.08;
font-weight: 700;
letter-spacing: -0.02em;
color: #111827;
margin-top: 20px;
margin-bottom: 28px;
}
body:not(.home) .content-page.content-page--full .content-page__content--full h2,
body:not(.home) .content-page.content-page--full .content-page__content--full h3,
body:not(.home) .content-page.content-page--full .content-page__content--full h4 {
font-size: clamp(28px, 3vw, 36px);
line-height: 1.2;
font-weight: 700;
color: #111827;
margin-top: 30px !important;
margin-bottom: 14px !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full h1 + p,
body:not(.home) .content-page.content-page--full .content-page__content--full h2 + p,
body:not(.home) .content-page.content-page--full .content-page__content--full h3 + p {
margin-top: 0 !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full p + p {
margin-top: -4px !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full p + h2,
body:not(.home) .content-page.content-page--full .content-page__content--full p + h3,
body:not(.home) .content-page.content-page--full .content-page__content--full p + h4 {
margin-top: 22px !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul:last-of-type,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol:last-of-type {
padding-left: 0 !important;
margin-left: 0 !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul:last-of-type li,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol:last-of-type li {
padding: 6px 0 6px 34px !important;
margin-bottom: 2px !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul:last-of-type li::before,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol:last-of-type li::before {
left: 0 !important;
top: 0.95em !important;
transform: translateY(-50%) !important;
box-shadow: 0 0 0 6px rgba(232, 154, 168, 0.10) !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul:last-of-type li a,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol:last-of-type li a {
display: inline !important;
line-height: 1.5;
}
body.home .content-page.content-page--full .content-page__content--full {
max-width: 980px !important;
padding-top: 24px !important;
padding-bottom: 40px !important;
}
body.home .content-page.content-page--full .content-page__content--full h1.wp-block-heading {
font-size: 72px !important;
line-height: 0.96 !important;
letter-spacing: -0.03em !important;
margin-top: 0 !important;
margin-bottom: 22px !important;
}
body.home .content-page.content-page--full .content-page__content--full h1.wp-block-heading + p {
font-size: 18px !important;
line-height: 1.55 !important;
margin-top: 0 !important;
margin-bottom: 26px !important;
max-width: 980px !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons {
gap: 16px !important;
margin-top: 8px !important;
margin-bottom: 18px !important;
justify-content: flex-start !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button .wp-block-button__link,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button .wp-element-button,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button a {
border-radius: 999px !important;
padding: 16px 30px !important;
min-height: 58px !important;
font-size: 18px !important;
line-height: 1 !important;
font-weight: 700 !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background-image: none !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child .wp-block-button__link,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child .wp-element-button,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child a {
background: #e89aa8 !important;
background-color: #e89aa8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #e89aa8 !important;
box-shadow: 0 10px 24px rgba(232, 154, 168, 0.22) !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child .wp-block-button__link:hover,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child .wp-element-button:hover,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child a:hover {
background: #d97c8c !important;
background-color: #d97c8c !important;
border-color: #d97c8c !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child .wp-block-button__link *,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child .wp-element-button *,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:first-child a * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) .wp-element-button,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) a {
background: #ffffff !important;
background-color: #ffffff !important;
color: #163b73 !important;
-webkit-text-fill-color: #163b73 !important;
border: 1px solid #d9e0ea !important;
box-shadow: none !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link:hover,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) .wp-element-button:hover,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) a:hover {
background: #f8fafc !important;
background-color: #f8fafc !important;
border-color: #c9d2df !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link *,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) .wp-element-button *,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons .wp-block-button:nth-child(2) a * {
color: #163b73 !important;
-webkit-text-fill-color: #163b73 !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons + p {
font-size: 15px !important;
line-height: 1.55 !important;
margin-top: 12px !important;
margin-bottom: 36px !important;
color: #1f2937 !important;
opacity: 0.9;
}
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full h3.wp-block-heading {
font-size: 46px !important;
line-height: 1.02 !important;
letter-spacing: -0.025em !important;
margin-bottom: 18px !important;
}
body.home .content-page.content-page--full .content-page__content--full p + h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full p + h3.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full ul + h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full ul + h3.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns + h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns + h3.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons + p + h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons + p + h3.wp-block-heading {
margin-top: 64px !important;
}
body.home .content-page.content-page--full .content-page__content--full ul {
margin-bottom: 28px !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns {
column-gap: 56px !important;
row-gap: 44px !important;
align-items: flex-start !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h3.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h4.wp-block-heading {
font-size: 24px !important;
line-height: 1.08 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
max-width: 360px !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h2.wp-block-heading + p,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h3.wp-block-heading + p,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h4.wp-block-heading + p {
font-size: 18px !important;
line-height: 1.5 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
max-width: 360px !important;
}
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons,
body.home .content-page.content-page--full .content-page__content--full h3.wp-block-heading + p + .wp-block-buttons {
margin-top: 16px !important;
margin-bottom: 18px !important;
}
@media (max-width: 767px) {
.content-page.content-page--full .content-page__content--full {
padding-left: 18px !important;
padding-right: 18px !important;
}
.content-page.content-page--full .content-page__content--full .wpcf7,
.content-page.content-page--full .content-page__content--full .gform_wrapper,
.content-page.content-page--full .content-page__content--full .nf-form-cont {
padding: 22px !important;
border-radius: 20px !important;
}
.content-page.content-page--full .content-page__content--full .wpcf7-form-control-wrap .wpcf7-radio,
.content-page.content-page--full .content-page__content--full .wpcf7-form-control-wrap .wpcf7-checkbox {
gap: 10px;
}
.content-page.content-page--full .content-page__content--full .wpcf7-radio .wpcf7-list-item label,
.content-page.content-page--full .content-page__content--full .wpcf7-checkbox .wpcf7-list-item label {
width: 100%;
justify-content: flex-start;
}
.content-page.content-page--full .content-page__content--full form input[type="submit"],
.content-page.content-page--full .content-page__content--full form button[type="submit"],
.content-page.content-page--full .content-page__content--full .wpcf7 input[type="submit"],
.content-page.content-page--full .content-page__content--full .gform_wrapper .gform_button,
.content-page.content-page--full .content-page__content--full .nf-form-cont input[type="button"] {
width: 100%;
}
body:not(.home) .content-page.content-page--full .content-page__content--full {
padding-top: 18px !important;
padding-bottom: 28px !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full h1 {
font-size: 38px;
line-height: 1.1;
}
body:not(.home) .content-page.content-page--full .content-page__content--full h2,
body:not(.home) .content-page.content-page--full .content-page__content--full h3,
body:not(.home) .content-page.content-page--full .content-page__content--full h4 {
font-size: 28px;
}
body:not(.home) .content-page.content-page--full .content-page__content--full p,
body:not(.home) .content-page.content-page--full .content-page__content--full li {
font-size: 17px;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul:last-of-type li,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol:last-of-type li {
padding-left: 28px !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul:last-of-type li::before,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol:last-of-type li::before {
left: 12px !important;
}
body.home .content-page.content-page--full .content-page__content--full {
padding-top: 18px !important;
padding-bottom: 28px !important;
}
body.home .content-page.content-page--full .content-page__content--full h1.wp-block-heading {
font-size: 48px !important;
}
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full h3.wp-block-heading {
font-size: 34px !important;
margin-bottom: 14px !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h3.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h4.wp-block-heading {
font-size: 22px !important;
max-width: 100% !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h2.wp-block-heading + p,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h3.wp-block-heading + p,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column h4.wp-block-heading + p {
font-size: 17px !important;
max-width: 100% !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-button,
body.home .content-page.content-page--full .content-page__content--full .wp-block-button__link,
body.home .content-page.content-page--full .content-page__content--full .wp-element-button {
width: 100% !important;
}
body.home .content-page.content-page--full .content-page__content--full p + h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full p + h3.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full ul + h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full ul + h3.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns + h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns + h3.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons + p + h2.wp-block-heading,
body.home .content-page.content-page--full .content-page__content--full .wp-block-buttons + p + h3.wp-block-heading {
margin-top: 48px !important;
}
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column > h4.wp-block-heading {
font-size: 32px !important;
line-height: 1.08 !important;
letter-spacing: -0.02em !important;
font-weight: 700 !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
max-width: 420px !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column > h4.wp-block-heading + p {
font-size: 18px !important;
line-height: 1.5 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
max-width: 420px !important;
}
@media (max-width: 767px) {
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column > h4.wp-block-heading {
font-size: 24px !important;
max-width: 100% !important;
}
body.home .content-page.content-page--full .content-page__content--full .wp-block-columns .wp-block-column > h4.wp-block-heading + p {
font-size: 17px !important;
max-width: 100% !important;
}
}
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button .wp-block-button__link,
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button .wp-element-button,
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button a {
background: #e89aa8 !important;
background-color: #e89aa8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #e89aa8 !important;
box-shadow: 0 10px 24px rgba(232,154,168,0.22) !important;
}
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button .wp-block-button__link *,
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button .wp-element-button *,
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button a * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button .wp-block-button__link:hover,
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button .wp-element-button:hover,
body.home .content-page.content-page--full .content-page__content--full h2.wp-block-heading + p + .wp-block-buttons .wp-block-button a:hover {
background: #d97c8c !important;
background-color: #d97c8c !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border-color: #d97c8c !important;
}
body.home .home-selfcheck-btn .wp-block-button__link,
body.home .home-selfcheck-btn .wp-element-button,
body.home .home-selfcheck-btn a {
background: #e89aa8 !important;
background-color: #e89aa8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #e89aa8 !important;
box-shadow: 0 10px 24px rgba(232,154,168,0.22) !important;
}
body.home .home-selfcheck-btn .wp-block-button__link *,
body.home .home-selfcheck-btn .wp-element-button *,
body.home .home-selfcheck-btn a * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.home .home-selfcheck-btn .wp-block-button__link:hover,
body.home .home-selfcheck-btn .wp-element-button:hover,
body.home .home-selfcheck-btn a:hover {
background: #d97c8c !important;
background-color: #d97c8c !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border-color: #d97c8c !important;
}
body.home .wp-block-button.home-selfcheck-btn .wp-block-button__link,
body.home .wp-block-button.home-selfcheck-btn .wp-element-button,
body.home .wp-block-button.home-selfcheck-btn a {
background: #e89aa8 !important;
background-color: #e89aa8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #e89aa8 !important;
box-shadow: 0 10px 24px rgba(232,154,168,0.22) !important;
}
body.home .wp-block-button.home-selfcheck-btn .wp-block-button__link *,
body.home .wp-block-button.home-selfcheck-btn .wp-element-button *,
body.home .wp-block-button.home-selfcheck-btn a * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.home .wp-block-button.home-selfcheck-btn .wp-block-button__link:hover,
body.home .wp-block-button.home-selfcheck-btn .wp-element-button:hover,
body.home .wp-block-button.home-selfcheck-btn a:hover {
background: #d97c8c !important;
background-color: #d97c8c !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border-color: #d97c8c !important;
}
body.home .wp-block-buttons:last-of-type .wp-block-button__link,
body.home .wp-block-buttons:last-of-type .wp-element-button,
body.home .wp-block-buttons:last-of-type a {
background: #e89aa8 !important;
background-color: #e89aa8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #e89aa8 !important;
box-shadow: 0 10px 24px rgba(232,154,168,0.22) !important;
}
body.home .wp-block-buttons:last-of-type .wp-block-button__link *,
body.home .wp-block-buttons:last-of-type .wp-element-button *,
body.home .wp-block-buttons:last-of-type a * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.home .wp-block-buttons:last-of-type .wp-block-button__link:hover,
body.home .wp-block-buttons:last-of-type .wp-element-button:hover,
body.home .wp-block-buttons:last-of-type a:hover {
background: #d97c8c !important;
background-color: #d97c8c !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border-color: #d97c8c !important;
}
body.home .content-page .wp-block-button__link {
background: #e89aa8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #e89aa8 !important;
}
body.home .content-page .wp-block-button__link:hover {
background: #d97c8c !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border-color: #d97c8c !important;
}
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button__link,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button a,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-element-button {
background: #e89aa8 !important;
background-color: #e89aa8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #e89aa8 !important;
box-shadow: 0 10px 24px rgba(232,154,168,0.22) !important;
}
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button *,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button__link *,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button a *,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-element-button * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button:hover,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button__link:hover,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-block-button a:hover,
body.home .content-page .wp-block-buttons:nth-of-type(2) .wp-element-button:hover {
background: #d97c8c !important;
background-color: #d97c8c !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border-color: #d97c8c !important;
}
body.home .content-page__content--full .wp-block-query,
body.home .content-page__content--full .wp-block-latest-posts,
body.home .content-page__content--full .wp-block-post-template {
display: none !important;
}
body.home .content-page__content--full .latest-posts,
body.home .content-page__content--full .recent-posts,
body.home .content-page__content--full .blog-posts,
body.home .content-page__content--full .inspireerivad-postitused {
display: none !important;
}
body.home .content > .latest-posts,
body.home .content > .recent-posts,
body.home .content > .blog-posts,
body.home .content > .posts-grid,
body.home .content > .articles-grid,
body.home .content > .related-posts,
body.home .content > .inspireerivad-postitused,
body.home .content > .latest-articles,
body.home .content-page + .latest-posts,
body.home .content-page + .recent-posts,
body.home .content-page + .blog-posts,
body.home .content-page + .posts-grid,
body.home .content-page + .articles-grid,
body.home .content-page + .related-posts,
body.home .content-page + .inspireerivad-postitused,
body.home .content-page + .latest-articles,
body.home .content-page--full + .latest-posts,
body.home .content-page--full + .recent-posts,
body.home .content-page--full + .blog-posts,
body.home .content-page--full + .posts-grid,
body.home .content-page--full + .articles-grid,
body.home .content-page--full + .related-posts,
body.home .content-page--full + .inspireerivad-postitused,
body.home .content-page--full + .latest-articles,
body.home .content-page .latest-posts,
body.home .content-page .recent-posts,
body.home .content-page .blog-posts,
body.home .content-page .posts-grid,
body.home .content-page .articles-grid,
body.home .content-page .related-posts,
body.home .content-page .inspireerivad-postitused,
body.home .content-page .latest-articles,
body.home .content-page--full .latest-posts,
body.home .content-page--full .recent-posts,
body.home .content-page--full .blog-posts,
body.home .content-page--full .posts-grid,
body.home .content-page--full .articles-grid,
body.home .content-page--full .related-posts,
body.home .content-page--full .inspireerivad-postitused,
body.home .content-page--full .latest-articles,
body.home .content .wp-block-query,
body.home .content .wp-block-latest-posts,
body.home .content .wp-block-post-template {
display: none !important;
}
body.home .content-page__content--full + *,
body.home .content-page__content--full ~ * {
display: none !important;
}
.no-radius-photo img {
border-radius: 0 !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol {
padding-left: 0 !important;
margin-left: 0 !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul li,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol li {
list-style: none !important;
position: relative !important;
padding: 6px 0 6px 34px !important;
margin-bottom: 2px !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body:not(.home) .content-page.content-page--full .content-page__content--full > ul li::before,
body:not(.home) .content-page.content-page--full .content-page__content--full > ol li::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0.95em !important;
width: 10px !important;
height: 10px !important;
border-radius: 999px !important;
background: #e89aa8 !important;
transform: translateY(-50%) !important;
box-shadow: 0 0 0 6px rgba(232, 154, 168, 0.10) !important;
}
@media (max-width: 768px) {
.navigation {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.navigation__logo {
display: flex !important;
align-items: center !important;
max-width: calc(100% - 90px);
}
.navigation__logo::after {
content: "Psühholoog Kersti Kivil";
display: inline-block;
margin-left: 30px;
font-size: 21px;
font-weight: 500;
line-height: 1.1;
color: #6f9fe8;
white-space: nowrap;
}
}
@media (max-width: 768px) {
.navigation {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.navigation__logo {
display: flex !important;
align-items: center !important;
max-width: calc(100% - 90px);
}
@media (max-width: 768px) {
.navigation {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.navigation__logo {
display: flex !important;
align-items: center !important;
max-width: calc(100% - 90px);
}
.navigation__logo::after {
content: "Psühholoog Kersti Kivil";
display: inline-block;
margin-left: 30px;
font-size: 21px;
font-weight: 500;
line-height: 1.1;
color: #6f9fe8;
white-space: nowrap;
}
.navbar ul,
.navbar .menu,
.navbar .nav-menu {
margin-top: 42px !important;
}
}
}:root {
--ps-navy: #2C4034; --ps-navy-soft: #4C6153;
--ps-blue: #8FA99B; --ps-blue-deep: #5E7C6B;
--ps-pink: #E3BCA0; --ps-pink-deep: #B98055;
--ps-blush: #F3EDE2; --ps-sky: #EDF2EC; --ps-ink: #2F3A33;
--ps-muted: #63736A;
--ps-line: #E6E1D6;
--ps-alert: #E2B53E; --ps-alert-ink: #5C4410;
--ps-alert-bg: #FCF4D8;
--ps-radius: 22px;
--ps-shadow: 0 24px 60px -28px rgba(45, 62, 50, 0.35);
--ps-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M33 7C18 6 8 13 8 24c0 4 1.4 7 3.6 9.2' stroke='%236F8A79' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M33 7c1 12-6 20-17 20 0-12 7-19 17-20z' fill='%238FA99B'/%3E%3Cpath d='M33 7c-12 1-20 8-20 18 11 1 19-6 20-18z' fill='%23A9C0B0' opacity='.75'/%3E%3C/svg%3E");
--ps-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23EAF0E9'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' stroke='%236F8A79' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.ps-design {
background: #FAF7F2;
color: var(--ps-ink);
-webkit-font-smoothing: antialiased;
}
body.ps-design .content { padding: 0 !important; }
.ps-design .ps-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
box-sizing: border-box;
}
.ps-design .ps-main h1,
.ps-design .ps-main h2,
.ps-design .ps-main h3 {
font-family: "Poppins", sans-serif;
letter-spacing: -0.015em;
text-wrap: balance;
}
.ps-design .ps-main h2 {
font-size: clamp(28px, 3vw, 40px);
line-height: 1.18;
color: var(--ps-navy);
font-weight: 700;
margin: 0 0 20px;
}
.ps-design .ps-main p,
.ps-design .ps-main li {
font-size: 18px;
line-height: 1.7;
}
.ps-design .ps-main p { margin: 0 0 16px; }
.ps-design .ps-center { text-align: center; }
.ps-design .ps-kicker {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--ps-pink-deep);
margin-bottom: 12px;
} .ps-design .ps-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 30px;
border-radius: 999px;
font-size: 17px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.ps-design .ps-btn:hover { transform: translateY(-2px); }
.ps-design .ps-btn--pink {
background: var(--ps-pink);
color: var(--ps-navy);
box-shadow: 0 14px 30px -12px rgba(185, 128, 85, 0.45);
}
.ps-design .ps-btn--pink:hover { background: #EFCBB0; color: var(--ps-navy); }
.ps-design .ps-btn--ghost {
color: var(--ps-navy);
box-shadow: inset 0 0 0 2px rgba(110, 138, 121, 0.55);
}
.ps-design .ps-btn--ghost:hover { background: rgba(255, 255, 255, 0.6); color: var(--ps-navy); }
.ps-design .ps-btn--line {
color: var(--ps-navy);
box-shadow: inset 0 0 0 2px var(--ps-pink);
}
.ps-design .ps-btn--line:hover { background: var(--ps-blush); color: var(--ps-navy); } .ps-design .navigation {
background: rgba(250, 247, 242, 0.92) !important;
backdrop-filter: blur(12px);
box-shadow: 0 10px 30px -20px rgba(45, 62, 50, 0.35) !important;
border-bottom: 0 !important;
padding: 10px 28px !important;
}
.ps-design .navigation.js-nav-bg { padding: 4px 28px !important; }
.ps-design .navigation__logo::after { content: none !important; }
.ps-design .navigation__logo {
flex: none !important;
width: auto !important;
max-width: none !important;
}
.ps-design .navigation nav { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
.ps-design .navigation__logo .custom-logo-link {
display: flex !important;
align-items: center;
gap: 12px;
text-decoration: none;
}
.ps-design .navigation__logo img.custom-logo {
width: auto !important;
height: 44px !important;
max-width: none !important;
}
.ps-design .ps-wordmark { display: flex; flex-direction: column; line-height: 1.15; white-space: nowrap; }
.ps-design .ps-wordmark strong { font-size: 19px; font-weight: 600; color: var(--ps-navy); letter-spacing: -0.01em; }
.ps-design .ps-wordmark small { font-size: 12.5px; font-weight: 500; color: var(--ps-pink-deep); letter-spacing: 0.04em; }
.ps-design .navigation nav .navbar .navbar-nav { gap: 22px; align-items: center; }
.ps-design .navigation nav .navbar .navbar-nav li a {
color: var(--ps-navy-soft) !important;
font-size: 15px !important;
font-weight: 500 !important;
position: relative;
padding: 6px 0 !important;
transition: color 0.2s ease;
}
.ps-design .navigation nav .navbar .navbar-nav li a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
border-radius: 2px;
background: var(--ps-pink);
transform: scaleX(0);
transition: transform 0.25s ease;
}
.ps-design .navigation nav .navbar .navbar-nav li a:hover { color: var(--ps-navy); }
.ps-design .navigation nav .navbar .navbar-nav li a:hover::after,
.ps-design .navigation nav .navbar .navbar-nav li.current_page_item a::after { transform: scaleX(1); }
.ps-design .navigation nav .navbar .navbar-nav li.current_page_item a { color: var(--ps-navy); }
.ps-design .navigation nav .navbar .navbar-nav li:last-child a {
display: inline-block;
background: var(--ps-pink);
color: var(--ps-navy) !important;
padding: 10px 22px !important;
border-radius: 999px;
font-weight: 600 !important;
}
.ps-design .navigation nav .navbar .navbar-nav li:last-child a::after { content: none; }
.ps-design .navigation nav .navbar .navbar-nav li:last-child a:hover { background: #EFCBB0; }
@media (max-width: 1400px) {
.ps-design .navigation nav .navbar { padding: 0 0 0 20px !important; }
.ps-design .navigation nav .navbar .navbar-nav { gap: 16px; }
.ps-design .navigation nav .navbar .navbar-nav li a { font-size: 14px !important; }
.ps-design .navigation nav .navbar .navbar-nav li:last-child a { padding: 9px 18px !important; }
}
@media (min-width: 1201px) and (max-width: 1300px) {
.ps-design .ps-wordmark strong { font-size: 17px; }
.ps-design .navigation nav .navbar .navbar-nav { gap: 13px; }
}
@media (min-width: 1201px) and (max-width: 1260px) {
.ps-design .ps-wordmark strong { font-size: 16px; }
.ps-design .navigation nav .navbar .navbar-nav { gap: 10px; }
.ps-design .navigation nav .navbar .navbar-nav li a { font-size: 13.5px !important; }
}
@media (max-width: 1200px) {
.ps-design .navigation { padding: 10px 16px !important; } .ps-design .navigation nav .navbar { padding: 0 !important; }
.ps-design .navigation__logo { top: 12px !important; left: 16px !important; }
.ps-design .navigation nav .navbar .navbar-nav { gap: 6px; padding: 12px 0 18px; }
.ps-design .navigation nav .navbar .navbar-nav li a { font-size: 17px; display: inline-block; padding: 10px 0; }
.ps-design .navigation nav .navbar .navbar-nav li:last-child a { margin-top: 8px; padding: 12px 28px; }
}
@media (max-width: 480px) {
.ps-design .ps-wordmark strong { font-size: 16.5px; }
} .ps-design .ps-hero {
position: relative;
color: #fff;
padding: 150px 0 190px;
background: linear-gradient(168deg, #EFF3EC 0%, #E4EDE3 46%, #DCE8DC 100%);
overflow: hidden;
}
.ps-design .ps-hero::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 120px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 64c180 40 360 56 560 38S980 20 1160 30s220 36 280 50v40H0z' fill='%23FAF7F2'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
pointer-events: none;
}
.ps-design .ps-hero__grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 40px;
align-items: center;
}
.ps-design .ps-hero .ps-kicker { color: var(--ps-pink-deep); }
.ps-design .ps-main .ps-hero h1 {
font-size: clamp(36px, 4.4vw, 60px);
line-height: 1.1;
font-weight: 700;
color: var(--ps-navy);
margin: 6px 0 22px;
}
.ps-design .ps-main .ps-hero .ps-lead {
font-size: 20px;
line-height: 1.65;
color: var(--ps-navy-soft);
max-width: 34em;
margin-bottom: 34px;
}
.ps-design .ps-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.ps-design .ps-lead + .ps-hero__info { margin-top: 10px; }
.ps-design .ps-hero__info {
display: grid;
grid-template-columns: repeat(3, max-content);
gap: 18px 34px;
margin: 46px 0 0;
padding: 0;
}
.ps-design .ps-hero__info div { margin: 0; }
.ps-design .ps-hero__info dt { font-size: 15px; font-weight: 600; color: var(--ps-pink-deep); margin-bottom: 2px; }
.ps-design .ps-hero__info dd { margin: 0; font-size: 16px; font-weight: 600; color: var(--ps-navy); }
.ps-design .ps-hero__info a { color: var(--ps-navy); text-decoration: none; }
.ps-design .ps-hero__info a:hover { text-decoration: underline; }
.ps-design .ps-hero__art { position: relative; justify-self: center; width: min(100%, 580px); }
.ps-design .ps-hero__art::before {
content: "";
position: absolute;
inset: 8%;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 70%);
}
.ps-design .ps-hero__art img {
position: relative;
width: 100%;
height: auto;
display: block;
filter: drop-shadow(0 34px 38px rgba(45, 62, 50, 0.22));
}
@keyframes ps-breathe {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.02); }
}
@keyframes ps-sway {
0%, 100% { transform: scaleX(-1) rotate(-28deg); }
50% { transform: scaleX(-1) rotate(-25deg); }
}
@keyframes ps-float {
0%, 100% { transform: translate(0, 0); }
50% { transform: translate(0, -12px); }
} .ps-design .ps-hero--page { padding: 150px 0 170px; }
.ps-design .ps-hero--page .ps-hero__grid { grid-template-columns: 1fr 260px; }
.ps-design .ps-hero--page .ps-hero__art { width: 240px; } .ps-design .ps-section { padding: 96px 0; position: relative; }
.ps-design .ps-section--tight { padding: 40px 0 72px; }
.ps-design .ps-section__head { max-width: 760px; margin: 0 auto 44px; text-align: center; } .ps-design .ps-about__grid {
display: grid;
grid-template-columns: 400px 1fr;
gap: 80px;
align-items: center;
}
.ps-design .ps-portrait { position: relative; width: 100%; max-width: 400px; aspect-ratio: 1; margin: 0 auto; }
.ps-design .ps-portrait img.ps-portrait__photo {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
border: 18px solid var(--ps-blush);
box-sizing: border-box;
box-shadow: var(--ps-shadow);
}
.ps-design .ps-portrait__btrfly {
position: absolute;
width: 50%;
height: auto;
left: -34%;
top: 12%;
z-index: 0;
transform: scaleX(-1) rotate(-28deg);
filter: drop-shadow(0 14px 16px rgba(45, 62, 50, 0.25));
transform-origin: 50% 90%;
animation: ps-sway 8s ease-in-out infinite;
}
.ps-design .ps-about p { color: var(--ps-ink); }
.ps-design .ps-contact-list { list-style: none; margin: 28px 0 32px; padding: 0; display: grid; gap: 12px; }
.ps-design .ps-contact-list li {
display: flex;
align-items: center;
gap: 14px;
font-size: 17px;
margin: 0;
padding: 0;
}
.ps-design .ps-contact-list li::before { content: none !important; }
.ps-design .ps-ico {
flex: none;
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--ps-blush);
display: grid;
place-items: center;
}
.ps-design .ps-ico svg { width: 18px; height: 18px; stroke: var(--ps-pink-deep); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ps-design .ps-contact-list a { color: var(--ps-navy); text-decoration: none; font-weight: 500; }
.ps-design .ps-contact-list a:hover { color: var(--ps-blue-deep); } .ps-design .ps-soft { background: var(--ps-blush); margin: 40px 0; }
.ps-design .ps-soft::before,
.ps-design .ps-soft::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 60px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60V28C240 4 480 0 720 18s480 40 720 14v28z' fill='%23F3EDE2'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.ps-design .ps-soft::before { top: -59px; }
.ps-design .ps-soft::after { bottom: -59px; transform: scaleY(-1); }
.ps-design .ps-tiles {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.ps-design .ps-main .ps-tiles li {
position: relative;
margin: 0;
padding: 22px 26px 22px 78px;
background: #fff;
border-radius: 18px;
box-shadow: 0 16px 36px -24px rgba(45, 62, 50, 0.35);
font-size: 17.5px;
line-height: 1.55;
display: flex;
align-items: center;
min-height: 60px;
}
.ps-design .ps-main .ps-tiles li::before {
content: "" !important;
position: absolute !important;
left: 24px !important;
top: 50% !important;
width: 36px !important;
height: 27px !important;
transform: translateY(-50%) !important;
background: var(--ps-leaf) center / contain no-repeat !important;
border-radius: 0 !important;
box-shadow: none !important;
} .ps-design .ps-steps {
list-style: none;
counter-reset: ps-step;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.ps-design .ps-main .ps-steps li {
counter-increment: ps-step;
position: relative;
margin: 0;
padding: 34px 30px 32px;
background: #fff;
border: 1px solid var(--ps-line);
border-radius: var(--ps-radius);
font-size: 18px;
line-height: 1.6;
color: var(--ps-ink);
} .ps-design .ps-main .ps-steps li::before {
content: "" !important;
position: static !important;
display: block !important;
width: 92px !important;
height: 104px !important;
margin: -10px 0 14px -14px;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
background: url(//psuhholoogiabi.ee/wp-content/themes/psuhholoogiabi/img/ps/step-1.svg) left bottom / contain no-repeat !important;
}
.ps-design .ps-main .ps-steps li:nth-child(2)::before { background-image: url(//psuhholoogiabi.ee/wp-content/themes/psuhholoogiabi/img/ps/step-2.svg) !important; }
.ps-design .ps-main .ps-steps li:nth-child(3)::before { background-image: url(//psuhholoogiabi.ee/wp-content/themes/psuhholoogiabi/img/ps/step-3.svg) !important; }
.ps-design .ps-main .ps-note {
max-width: 640px;
margin: 36px auto 0;
text-align: center;
color: var(--ps-muted);
font-style: italic;
} .ps-design .ps-duo {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
align-items: stretch;
}
.ps-design .ps-card {
border-radius: 28px;
padding: 48px 46px;
background: #fff;
border: 1px solid var(--ps-line);
box-shadow: 0 24px 60px -40px rgba(45, 62, 50, 0.4);
position: relative;
overflow: hidden;
}
.ps-design .ps-card--blue {
background: linear-gradient(150deg, #8CA898 0%, #5E7C6B 100%);
border: 0;
color: #fff;
}
.ps-design .ps-main .ps-card--blue h2 { color: #fff; }
.ps-design .ps-main .ps-card--blue p { color: rgba(255, 255, 255, 0.93); }
.ps-design .ps-card--blue a { color: #fff; }
.ps-design .ps-card--blue::after {
content: "";
position: absolute;
width: 220px;
height: 165px;
right: -40px;
bottom: -30px;
background: var(--ps-leaf) center / contain no-repeat;
opacity: 0.16;
transform: rotate(-14deg);
}
.ps-design .ps-card__meta {
margin-top: 26px;
padding-top: 22px;
border-top: 1px solid rgba(255, 255, 255, 0.28);
font-weight: 600;
line-height: 1.8 !important;
}
.ps-design .ps-card__meta span { color: var(--ps-pink); }
.ps-design .ps-checks { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 14px; }
.ps-design .ps-main .ps-checks li {
position: relative;
margin: 0;
padding: 0 0 0 42px;
font-size: 18px;
line-height: 1.55;
}
.ps-design .ps-main .ps-checks li::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 1px !important;
width: 26px !important;
height: 26px !important;
transform: none !important;
background: var(--ps-check) center / contain no-repeat !important;
border-radius: 0 !important;
box-shadow: none !important;
} .ps-design .ps-contact {
background: linear-gradient(180deg, var(--ps-cream, #FAF7F2) 0%, var(--ps-sky) 45%, var(--ps-sky) 100%);
padding: 110px 0 120px;
overflow: hidden;
}
.ps-design .ps-contact__grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 56px;
align-items: start;
}
.ps-design .ps-contact__art { position: sticky; top: 120px; }
.ps-design .ps-contact__art img { width: 100%; height: auto; display: block; }
.ps-design .ps-contact__photo {
border-radius: 30px;
overflow: hidden;
box-shadow: var(--ps-shadow);
position: relative;
z-index: 0;
margin: 70px 40px 0 0;
}
.ps-design .ps-contact__photo img { aspect-ratio: 1; object-fit: cover; }
.ps-design .ps-contact__swarm { position: absolute; z-index: 1; width: 46% !important; right: -46px; bottom: -120px; pointer-events: none; }
.ps-design .ps-form-card {
background: #fff;
border-radius: 28px;
padding: 40px 42px 38px;
box-shadow: 0 34px 80px -40px rgba(45, 62, 50, 0.45);
margin-top: 30px;
}
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form { padding: 0; background: transparent; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form p { margin: 0 0 20px !important; color: var(--ps-navy); line-height: 1.4 !important; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form label {
display: block;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
color: var(--ps-navy) !important;
margin: 0 !important;
}
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form label > br { display: none; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7-form-control-wrap { display: block; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form p:empty { display: none; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form input[type="text"],
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form input[type="email"],
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form input[type="tel"],
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form textarea {
display: block;
width: 100% !important;
box-sizing: border-box;
margin-top: 8px !important;
padding: 14px 16px !important;
border: 1.5px solid var(--ps-line) !important;
border-radius: 14px !important;
background: #FBF9F4 !important;
font-size: 16px !important;
font-weight: 400 !important;
color: var(--ps-ink) !important;
box-shadow: none !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form textarea { height: 150px !important; resize: vertical; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form input:focus,
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form textarea:focus {
outline: 0 !important;
border-color: var(--ps-pink) !important;
background: #fff !important;
box-shadow: 0 0 0 4px rgba(227, 188, 160, 0.45) !important;
}
.ps-design :is(.ps-form-card, .ps-prose) .cf7-choice-block { margin: 6px 0 8px; }
.ps-design :is(.ps-form-card, .ps-prose) .cf7-choice-title { font-size: 15px; font-weight: 600; color: var(--ps-navy); margin-bottom: 10px; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7-radio { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7-radio .wpcf7-list-item { margin: 0 !important; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7-radio .wpcf7-list-item label {
box-sizing: border-box !important;
width: auto !important;
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
padding: 10px 18px !important;
border: 1.5px solid var(--ps-line) !important;
border-radius: 999px !important;
background: #fff !important;
cursor: pointer;
font-size: 15px !important;
font-weight: 500 !important;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7-radio .wpcf7-list-item label:hover { border-color: var(--ps-pink) !important; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7-radio .wpcf7-list-item label:has(input:checked) { border-color: var(--ps-pink) !important; background: var(--ps-blush) !important; }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7-radio input[type="radio"] {
width: 16px !important;
height: 16px !important;
margin: 0 !important;
accent-color: var(--ps-pink-deep);
}
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form input[type="submit"] {
float: none !important;
display: inline-block !important;
width: auto !important;
margin: 12px 0 0 !important;
padding: 16px 40px !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--ps-pink) !important;
color: var(--ps-navy) !important;
font-size: 17px !important;
font-weight: 600 !important;
cursor: pointer;
box-shadow: 0 16px 32px -14px rgba(185, 128, 85, 0.45) !important;
transition: transform 0.2s ease, background-color 0.2s ease;
}
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7 form input[type="submit"]:hover { background: #EFCBB0 !important; transform: translateY(-2px); }
.ps-design :is(.ps-form-card, .ps-prose) .wpcf7-spinner { vertical-align: middle; }
.ps-design .ps-after-form { margin-top: 22px; color: var(--ps-muted); font-size: 16px !important; } .ps-design .ps-guide {
display: grid;
grid-template-columns: 0.8fr 1.2fr;
gap: 48px;
align-items: start;
background: var(--ps-blush);
border-radius: 30px;
padding: 54px 56px;
}
.ps-design .ps-guide h2 { margin: 0; }
.ps-design .ps-prices {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 22px;
}
.ps-design .ps-prices > .ps-price { flex: 0 1 calc((100% - 44px) / 3); box-sizing: border-box; }
.ps-design .ps-prices--deep > .ps-price { flex-basis: calc((100% - 22px) / 2); }
.ps-design .ps-price {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid var(--ps-line);
border-radius: var(--ps-radius);
padding: 30px 30px 28px;
}
.ps-design .ps-main .ps-price h3 { font-size: 21px; line-height: 1.3; color: var(--ps-navy); margin: 0 0 10px; font-weight: 600; }
.ps-design .ps-price__time {
align-self: flex-start;
font-size: 14px;
font-weight: 600;
color: var(--ps-blue-deep);
background: var(--ps-sky);
border-radius: 999px;
padding: 5px 12px;
margin-bottom: 16px;
}
.ps-design .ps-main .ps-price p { font-size: 16.5px; line-height: 1.6; color: var(--ps-muted); margin: 0 0 22px; flex: 1; }
.ps-design .ps-price__sum { font-size: 38px; font-weight: 700; color: var(--ps-navy); line-height: 1; letter-spacing: -0.02em; }
.ps-design .ps-price__sum span { font-size: 22px; color: var(--ps-pink-deep); margin-left: 4px; }
.ps-design .ps-prices--deep { margin-top: 22px; }
.ps-design .ps-price--blue {
background: linear-gradient(150deg, #8CA898 0%, #5E7C6B 100%);
border: 0;
position: relative;
overflow: hidden;
}
.ps-design .ps-main .ps-price--blue h3,
.ps-design .ps-price--blue .ps-price__sum { color: #fff; }
.ps-design .ps-main .ps-price--blue p { color: rgba(255, 255, 255, 0.9); }
.ps-design .ps-price--blue .ps-price__time { background: rgba(255, 255, 255, 0.18); color: #fff; }
.ps-design .ps-price--blue .ps-price__sum span { color: var(--ps-pink); }
.ps-design .ps-price--blue::after {
content: "";
position: absolute;
width: 170px;
height: 128px;
right: -26px;
top: -18px;
background: var(--ps-leaf) center / contain no-repeat;
opacity: 0.18;
transform: rotate(18deg);
}
.ps-design .ps-subhead { margin: 70px 0 26px; display: flex; align-items: center; gap: 16px; }
.ps-design .ps-main .ps-subhead h3 { font-size: clamp(22px, 2.2vw, 28px); color: var(--ps-navy); margin: 0; font-weight: 600; } .ps-design .footer {
position: relative;
margin-top: 0 !important;
background: var(--ps-navy);
color: #c9d8f2 !important;
padding: 70px 24px 44px !important;
gap: 18px 44px !important;
flex-wrap: wrap;
align-items: center;
font-size: 16px;
}
.ps-design .footer::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -58px;
height: 60px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60V32C260 0 520 0 760 20s440 34 680 8v32z' fill='%232C4034'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.ps-design .footer::after {
content: "";
order: -1;
flex-basis: 100%;
height: 34px;
background: var(--ps-leaf) center / contain no-repeat;
margin-bottom: 6px;
}
.ps-design .footer a { color: #fff !important; font-size: 16px; }
.ps-design .footer a:hover { color: var(--ps-pink) !important; } @media (max-width: 1024px) {
.ps-design .ps-hero__grid,
.ps-design .ps-hero--page .ps-hero__grid { grid-template-columns: 1fr; }
.ps-design .ps-hero__art { width: min(62%, 360px); order: -1; margin-bottom: -10px; }
.ps-design .ps-hero--page .ps-hero__art { width: 150px; }
.ps-design .ps-about__grid { grid-template-columns: 1fr; gap: 56px; }
.ps-design .ps-portrait { max-width: 340px; }
.ps-design .ps-duo,
.ps-design .ps-contact__grid,
.ps-design .ps-guide { grid-template-columns: 1fr; }
.ps-design .ps-contact__art { position: relative; top: 0; max-width: 520px; margin: 0 auto; order: -1; }
.ps-design .ps-contact__art > img:only-child { width: 62%; margin: 0 0 -30px auto; }
.ps-design .ps-prices > .ps-price { flex-basis: calc((100% - 22px) / 2); }
.ps-design .ps-steps { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.ps-design .ps-container { padding: 0 20px; }
.ps-design .ps-hero { padding: 120px 0 130px; }
.ps-design .ps-hero--page { padding: 120px 0 120px; }
.ps-design .ps-main .ps-hero .ps-lead { font-size: 18px; }
.ps-design .ps-hero__info { grid-template-columns: 1fr; gap: 14px; margin-top: 34px; }
.ps-design .ps-actions .ps-btn { width: 100%; justify-content: center; box-sizing: border-box; }
.ps-design .ps-section { padding: 70px 0; }
.ps-design .ps-tiles { grid-template-columns: 1fr; }
.ps-design .ps-prices > .ps-price,
.ps-design .ps-prices--deep > .ps-price { flex-basis: 100%; }
.ps-design .ps-card { padding: 34px 26px; }
.ps-design .ps-guide { padding: 36px 26px; gap: 20px; }
.ps-design .ps-form-card { padding: 28px 22px; border-radius: 22px; }
.ps-design .ps-contact { padding: 70px 0 90px; }
.ps-design .ps-contact__photo { margin: 0 28px 90px 0; }
.ps-design .ps-contact__swarm { right: -10px; bottom: -40px; width: 55% !important; }
.ps-design .ps-main p,
.ps-design .ps-main li { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-design .ps-hero__art,
.ps-design .ps-hero__art img,
.ps-design .ps-portrait__btrfly { animation: none; }
.ps-design .ps-btn,
.ps-design .ps-postcard { transition: none; }
} .ps-design .ps-article { padding: 84px 0 96px; }
.ps-design .ps-article__grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.ps-design .ps-article__grid--side { grid-template-columns: 280px minmax(0, 1fr); gap: 64px; align-items: start; }
.ps-design .ps-article__grid--thumb { grid-template-columns: minmax(0, 1fr) 380px; gap: 64px; align-items: start; }
.ps-design .ps-prose { width: 100%; max-width: 780px; margin: 0 auto; }
.ps-design .ps-article__grid--side .ps-prose,
.ps-design .ps-article__grid--thumb .ps-prose { margin: 0; }
.ps-design .ps-prose > *:first-child { margin-top: 0 !important; }
.ps-design .ps-prose p:empty,
.ps-design .ps-prose h2:empty,
.ps-design .ps-prose h3:empty { display: none; }
.ps-design .ps-main .ps-prose > p:first-of-type { font-size: 21px; line-height: 1.65; color: var(--ps-navy-soft); }
.ps-design .ps-main .ps-prose h2 { margin: 64px 0 18px; font-size: clamp(26px, 2.6vw, 34px); }
.ps-design .ps-main .ps-prose h3 { margin: 44px 0 14px; font-size: clamp(21px, 2vw, 25px); line-height: 1.3; color: var(--ps-navy); font-weight: 600; }
.ps-design .ps-main .ps-prose h4 { margin: 36px 0 12px; font-size: 20px; line-height: 1.35; color: var(--ps-navy); font-weight: 600; }
.ps-design .ps-main .ps-prose h4 br:first-child { display: none; }
.ps-design .ps-main .ps-prose p { color: var(--ps-ink); margin: 0 0 18px; }
.ps-design .ps-main .ps-prose strong { color: var(--ps-navy); font-weight: 600; }
.ps-design .ps-prose a:not(.wp-block-button__link) {
color: var(--ps-blue-deep);
text-decoration: underline;
text-decoration-color: var(--ps-pink);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
transition: color 0.2s ease;
}
.ps-design .ps-prose a:not(.wp-block-button__link):hover { color: var(--ps-navy); }
.ps-design .ps-main .ps-prose ul:not(.ps-checks):not(.ps-tiles),
.ps-design .ps-main .ps-prose ol {
margin: 8px 0 26px !important;
padding: 0 !important;
list-style: none !important;
}
.ps-design .ps-main .ps-prose ul:not(.ps-checks):not(.ps-tiles) > li {
position: relative !important;
margin: 0 0 12px !important;
padding: 0 0 0 44px !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
.ps-design .ps-main .ps-prose ul:not(.ps-checks):not(.ps-tiles) > li::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 4px !important;
width: 28px !important;
height: 21px !important;
transform: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: var(--ps-leaf) center / contain no-repeat !important;
}
.ps-design .ps-main .ps-prose ol { counter-reset: ps-ol; }
.ps-design .ps-main .ps-prose ol > li {
counter-increment: ps-ol;
position: relative !important;
margin: 0 0 14px !important;
padding: 0 0 0 48px !important;
}
.ps-design .ps-main .ps-prose ol > li::before {
content: counter(ps-ol) !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
background: var(--ps-blush) !important;
color: var(--ps-pink-deep) !important;
font-weight: 700;
font-size: 15px;
display: grid !important;
place-items: center;
transform: none !important;
box-shadow: none !important;
}
.ps-design .ps-prose .wp-block-image { margin: 36px 0; }
.ps-design .ps-prose .wp-block-image img { border-radius: 24px; box-shadow: var(--ps-shadow); max-width: 100%; height: auto !important; }
.ps-design .ps-prose .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0 !important; }
.ps-design .ps-prose .wp-block-button__link,
.ps-design .ps-prose .wp-element-button {
display: inline-flex !important;
align-items: center;
padding: 15px 30px !important;
border-radius: 999px !important;
background: var(--ps-pink) !important;
color: var(--ps-navy) !important;
font-size: 17px !important;
font-weight: 600 !important;
text-decoration: none !important;
border: 0 !important;
box-shadow: 0 14px 30px -14px rgba(185, 128, 85, 0.45) !important;
transition: transform 0.2s ease, background-color 0.2s ease;
}
.ps-design .ps-prose .wp-block-button__link:hover { background: #EFCBB0 !important; transform: translateY(-2px); }
.ps-design .ps-prose .wp-block-button.is-style-outline .wp-block-button__link,
.ps-design .ps-prose .wp-block-buttons .wp-block-button + .wp-block-button .wp-block-button__link {
background: transparent !important;
box-shadow: inset 0 0 0 2px var(--ps-pink) !important;
}
.ps-design .ps-prose .wp-block-columns { display: flex !important; flex-wrap: wrap; gap: 28px 40px; margin: 32px 0; align-items: flex-start; }
.ps-design .ps-prose .wp-block-column { flex: 1 1 0 !important; min-width: 240px; background: none !important; border: 0 !important; padding: 0 !important; }
.ps-design .ps-prose .wp-block-column:not(:has(*)) { display: none; }
.ps-design .ps-prose .wp-block-column:has(> .wp-block-image:only-child) { flex: 0 0 auto !important; min-width: 0; }
.ps-design .ps-prose .wp-block-column .wp-block-image { margin: 0; }
.ps-design .ps-prose .wp-block-column > h3:first-child,
.ps-design .ps-prose .wp-block-column > h4:first-child { margin-top: 0; }
.ps-design .ps-prose .wp-block-spacer { max-height: 32px; } .ps-design .ps-prose .wpcf7 {
background: #fff;
border-radius: 28px;
padding: 40px 42px 30px;
margin: 34px 0;
box-shadow: 0 34px 80px -40px rgba(45, 62, 50, 0.45);
border: 1px solid var(--ps-line);
} .ps-design .ps-sidenav {
position: sticky;
top: 110px;
background: var(--ps-blush);
border-radius: 24px;
padding: 26px 22px;
}
.ps-design .ps-main .ps-sidenav h3 { font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ps-pink-deep); margin: 0 0 12px 10px; font-weight: 600; }
.ps-design .ps-sidenav a { display: block; padding: 10px 12px; border-radius: 12px; color: var(--ps-navy); font-size: 15.5px; font-weight: 500; text-decoration: none; line-height: 1.35; transition: background-color 0.2s ease; }
.ps-design .ps-sidenav a:hover { background: #fff; }
.ps-design .ps-sidenav a.is-current { background: #fff; color: var(--ps-pink-deep); box-shadow: 0 8px 20px -14px rgba(45, 62, 50, 0.4); } .ps-design .ps-thumb { position: sticky; top: 110px; }
.ps-design .ps-thumb img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 28px; box-shadow: var(--ps-shadow); display: block; }
.ps-design .ps-thumb::after {
content: "";
position: absolute;
width: 120px;
height: 90px;
right: -30px;
bottom: -30px;
background: var(--ps-leaf) center / contain no-repeat;
transform: rotate(-12deg);
} .ps-design .ps-reading { background: var(--ps-blush); padding: 90px 0 100px; margin-top: 30px; position: relative; }
.ps-design .ps-reading::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -59px;
height: 60px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60V28C240 4 480 0 720 18s480 40 720 14v28z' fill='%23F3EDE2'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.ps-design .ps-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ps-design .ps-postcard {
display: flex;
flex-direction: column;
background: #fff;
border-radius: var(--ps-radius);
overflow: hidden;
text-decoration: none !important;
color: inherit;
box-shadow: 0 18px 40px -30px rgba(45, 62, 50, 0.45);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ps-design .ps-postcard:hover { transform: translateY(-5px); box-shadow: var(--ps-shadow); }
.ps-design .ps-postcard__img { aspect-ratio: 16 / 10; overflow: hidden; background: var(--ps-sky); }
.ps-design .ps-postcard__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ps-design .ps-postcard:hover .ps-postcard__img img { transform: scale(1.04); }
.ps-design .ps-postcard__body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.ps-design .ps-postcard__date { font-size: 13.5px; font-weight: 600; color: var(--ps-pink-deep); letter-spacing: 0.03em; }
.ps-design .ps-main .ps-postcard h3 { font-size: 19px; line-height: 1.35; color: var(--ps-navy); margin: 0; font-weight: 600; }
.ps-design .ps-main .ps-postcard p { font-size: 15.5px; line-height: 1.6; color: var(--ps-muted); margin: 0; }
.ps-design .ps-postcard__more { margin-top: auto; padding-top: 8px; font-size: 15px; font-weight: 600; color: var(--ps-navy); }
.ps-design .ps-postcard__more::after { content: " →"; color: var(--ps-pink-deep); }
.ps-design .ps-cards--archive { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1024px) {
.ps-design .ps-article__grid--side,
.ps-design .ps-article__grid--thumb { grid-template-columns: minmax(0, 1fr); gap: 36px; }
.ps-design .ps-sidenav,
.ps-design .ps-thumb { position: relative; top: 0; }
.ps-design .ps-thumb { max-width: 420px; }
.ps-design .ps-cards,
.ps-design .ps-cards--archive { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
.ps-design .ps-article { padding: 56px 0 70px; }
.ps-design .ps-main .ps-prose > p:first-of-type { font-size: 19px; }
.ps-design .ps-prose .wpcf7 { padding: 28px 22px 20px; border-radius: 22px; }
.ps-design .ps-cards,
.ps-design .ps-cards--archive { grid-template-columns: 1fr; }
.ps-design .ps-sidenav { padding: 18px 14px; }
} .ps-design .ps-postcard__img:has(img[src*="tasakaalthumbnail"]),
.ps-design .ps-thumb:has(img[src*="tasakaalthumbnail"]) {
background: var(--ps-leaf) center / 30% auto no-repeat, linear-gradient(135deg, #F3EDE2 0%, #E7EFE6 100%);
}
.ps-design .ps-thumb:has(img[src*="tasakaalthumbnail"]) { aspect-ratio: 4 / 5; border-radius: 28px; box-shadow: var(--ps-shadow); }
.ps-design .ps-postcard__img img[src*="tasakaalthumbnail"],
.ps-design .ps-thumb img[src*="tasakaalthumbnail"] { opacity: 0; }
.ps-design .ps-thumb:has(img[src*="tasakaalthumbnail"]) img { position: absolute; inset: 0; height: 100%; } .ps-design .navigation nav .line { stroke: var(--ps-navy) !important; } .ps-design .ps-hero--about { padding: 130px 0 150px; }
.ps-design .ps-hero--about .ps-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 64px; }
.ps-design .ps-main .ps-hero--about h1 { margin-bottom: 10px; }
.ps-design .ps-main .ps-hero__role { font-size: 20px; font-weight: 600; color: var(--ps-blue-deep); margin: 0 0 18px; }
.ps-design .ps-hero__portrait { justify-self: center; width: min(100%, 400px); }
.ps-design .ps-hero__portrait .ps-portrait { max-width: none; }
.ps-design .ps-hero--about .ps-portrait img.ps-portrait__photo { border-color: #F7F2EA; }
.ps-design .ps-hero--about + .ps-article { padding-top: 24px; }
.ps-design .ps-prose > .wp-block-columns:first-child { margin-top: 0; }
@media (max-width: 1024px) {
.ps-design .ps-hero--about .ps-hero__grid { grid-template-columns: 1fr; gap: 36px; }
.ps-design .ps-hero__portrait { order: -1; width: min(78%, 340px); }
}
@media (max-width: 720px) {
.ps-design .ps-hero--about { padding: 110px 0 110px; }
.ps-design .ps-main .ps-hero__role { font-size: 18px; }
} .ps-design .ps-portrait img.ps-portrait__photo { position: relative; z-index: 1; }
@media (max-width: 720px) {
.ps-design .ps-about .ps-portrait__btrfly { left: -16%; width: 44%; }
}
@media (min-width: 1201px) and (max-width: 1240px) {
.ps-design .navigation { padding-left: 20px !important; padding-right: 20px !important; }
.ps-design .navigation__logo img.custom-logo { height: 38px !important; }
.ps-design .navigation nav .navbar { padding-left: 12px !important; }
} .ps-design .ps-prose .wp-block-columns:has(.ps-photo-lg) { align-items: center !important; gap: 28px 48px; }
.ps-design .ps-prose .wp-block-columns:has(.ps-photo-lg) > .wp-block-column { align-self: center; }
.ps-design .ps-prose .wp-block-columns:has(.ps-photo-lg) p:last-child { margin-bottom: 0; }
.ps-design .ps-prose .wp-block-columns > .wp-block-column:has(img.ps-photo-lg) { flex: 0 1 340px !important; min-width: 0; }
.ps-design .ps-prose img.ps-photo-lg { width: 100% !important; border-radius: 28px; }
@media (max-width: 720px) {
.ps-design .ps-prose .wp-block-columns > .wp-block-column:has(img.ps-photo-lg) { flex-basis: 100% !important; }
} .ps-design .ps-article__grid > :empty:not(.ps-prose):not(.ps-sidenav):not(.ps-thumb) { display: none; } .ps-design .ps-prose a.ps-btn { color: var(--ps-navy); text-decoration: none; } .ps-design .ps-notice {
display: flex;
gap: 18px;
align-items: center;
margin: 0 0 32px;
background: var(--ps-alert-bg);
border: 2px solid var(--ps-alert);
border-radius: 20px;
padding: 22px 26px;
}
.ps-design .ps-notice--wide { max-width: 860px; margin: 44px auto 0; }
.ps-design .ps-notice .ps-ico { width: 46px; height: 46px; background: var(--ps-alert); }
.ps-design .ps-notice .ps-ico svg { width: 24px; height: 24px; stroke: var(--ps-alert-ink); stroke-width: 2.8; }
.ps-design .ps-main .ps-notice p { margin: 0; color: var(--ps-alert-ink); font-size: clamp(19px, 2vw, 23px); line-height: 1.35; font-weight: 700; }
.ps-design .ps-main .ps-notice p + p { margin-top: 8px; }
@media (max-width: 720px) {
.ps-design .ps-notice { align-items: flex-start; gap: 14px; padding: 18px; }
.ps-design .ps-notice .ps-ico { width: 38px; height: 38px; }
.ps-design .ps-notice .ps-ico svg { width: 20px; height: 20px; }
}