:where(*),
:where(*):before,
:where(*):after {
box-sizing: border-box;
}
:where(html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, ins, kbd, q, s, samp, small, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video) {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
-webkit-text-size-adjust: none !important;
} :where(img) {
margin: 0;
padding: 0;
border: 0;
line-height: 0;
vertical-align: top;
}
:where(ol, ul) {
list-style: none;
}
:where(blockquote, q) {
quotes: none;
}
:where(blockquote):before,
:where(blockquote):after,
:where(q):before,
:where(q):after {
content: none;
}
:where(table) {
border-collapse: collapse;
border-spacing: 0;
}
:where(html) {
line-height: 1.15;
}
:where(code, pre, kbd, samp) {
font-family: monospace, monospace;
font-size: 1em;
}
:where(sub, sup) {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
:where(sub) {
bottom: -0.25em;
}
:where(sup) {
top: -0.5em;
}:root {
--gap: 30px;
}
.content-box {
max-width: 1440px !important;
margin: 0 auto;
padding: 0 1rem;
}
.row {
display: flex;
gap: var(--gap);
}
.column-2,
.column-3,
.column-4 {
display: flex;
gap: var(--gap);
flex-wrap: wrap;
}
.column-2 > div {
width: calc((100% - (1* var(--gap))) /2);
}
.column-3 > div {
width: calc((100% - (2* var(--gap))) /3);
}
.column-4 > div {
width: calc((100% - (3* var(--gap))) /4);
}
.col-1-2 {
flex-basis: calc(100%/2);
}
.col-1-3 {
flex-basis: calc(100%/3);
}
.col-2-3 {
flex-basis: calc(100%/3 *2);
}
@media only screen and (max-width: 1089px) {
:root {
--gap: 15px;
}
.column-3 > div,
.column-4 > div {
width: calc((100% - (1* var(--gap))) /2);
}
}
@media only screen and (max-width: 783px) {
.column-2 > div,
.column-3 > div,
.column-4 > div {
width: 100%;
}
.row {
flex-wrap: wrap;
}
.col-1-2,
.col-1-3,
.col-2-3 {
flex-basis: 100%;
}
}.inner-page {
background: var(--darkblue);
}
#logo {
max-width: 8rem;
margin: 0 auto;
padding: 1rem 0;
}
#logo svg {
fill: var(--beige);
transition: all 0.5s ease;
}
#logo svg:hover {
fill: var(--brown);
}  nav.main-menu {
border-top: solid 2px var(--beige);
justify-content: center; color: var(--beige);
}
.main-menu .wp-block-navigation__container {
justify-content: center;
gap: 0;
}
.main-menu .wp-block-navigation-item {
margin: 1.5rem;
text-transform: uppercase;
font-weight: 400;
} .main-menu .wp-block-navigation-item__content.wp-block-navigation-item__content {
color: var(--beige);
padding: 0.5rem;
border-top: 1px solid transparent;
transition: all 0.5s ease;
} .main-menu .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.main-menu .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible {
color: var(--brown);
border-top-color: var(--brown);
} .main-menu .wp-block-navigation__submenu-icon {
color: var(--beige);
margin-left: 0.3rem;
} .main-menu .wp-block-navigation__submenu-container {
background-color: var(--darkblue) !important;
border: none !important;
min-width: 28rem !important;
padding: 0.5rem; z-index: 10 !important;
}
.main-menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
margin: 0;
border-bottom: 1px solid var(--beige);
}
.main-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content {
display: block;
text-align: left;
margin-top: 1rem;
border-top: none;
} .main-menu .wp-block-navigation__responsive-container-open,
.main-menu .wp-block-navigation__responsive-container-close {
color: var(--beige);
}
.main-menu .wp-block-navigation__responsive-container-open svg,
.main-menu .wp-block-navigation__responsive-container-close svg {
width: 2rem;
height: 2rem;
} @media only screen and (min-width: 600px) and (max-width: 1022px) {
.main-menu .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.main-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
}
@media only screen and (max-width: 1022px) {
header.wp-block-template-part {
padding-bottom: 1rem;
}
nav.main-menu {
border-top: none;
border-bottom: 2px solid var(--beige);
padding-bottom: 1rem;
}
.main-menu .wp-block-navigation__responsive-container-open {
margin: 0 auto;
}
.main-menu .wp-block-navigation__responsive-container.is-menu-open {
background-color: var(--darkblue) !important;
color: var(--beige) !important;
padding: 2rem 1.5rem;
} .main-menu .is-menu-open .wp-block-navigation__responsive-container-content {
align-items: stretch !important;
padding-top: 3rem;
}
.main-menu .is-menu-open .wp-block-navigation__container {
align-items: stretch !important;
gap: 0 !important;
width: 100%;
}
.main-menu .is-menu-open .wp-block-navigation-item {
margin: 0;
padding: 0.9rem 0;
border-bottom: solid 1px var(--beige);
width: 100%;
align-items: flex-start !important;
text-align: left;
}
.main-menu .is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content {
padding: 0;
border-top: none;
} .main-menu .is-menu-open .wp-block-navigation__submenu-container {
min-width: 0 !important;
width: 100%;
padding: 0.5rem 0 0 1.5rem !important;
gap: 0 !important;
}
.main-menu .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
padding: 0.6rem 0;
border-bottom: none;
font-size: 0.9em;
}
.main-menu .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content {
margin-top: 0;
}  .main-menu .is-menu-open li.wp-block-navigation-submenu {
position: relative;
cursor: pointer;
}
.main-menu .is-menu-open li.wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
display: none !important;
}
.main-menu .is-menu-open li.wp-block-navigation-submenu.submenu-open > .wp-block-navigation__submenu-container {
display: flex !important;
flex-direction: column;
} .main-menu .is-menu-open .wp-block-navigation__submenu-icon {
display: none !important;
} .main-menu .is-menu-open li.wp-block-navigation-submenu::after {
content: "";
position: absolute;
top: 1.1rem;
right: 0.5rem;
width: 0.6rem;
height: 0.6rem;
border-left: 2px solid var(--beige);
border-bottom: 2px solid var(--beige);
transform: rotate(-45deg);
transition: transform 0.3s; outline: 0.9rem solid transparent;
}
.main-menu .is-menu-open li.wp-block-navigation-submenu.submenu-open::after {
border-left: none;
border-bottom: none;
border-top: 2px solid var(--brown);
width: 15px;
transform: rotate(0deg);
}
} #copyright .wp-block-navigation__container {
justify-content: center;
gap: 0;
} #copyright .wp-block-navigation-item {
display: flex;
flex-direction: row;
align-items: center;
}
#copyright .wp-block-navigation-item::after {
position: static;
}
#copyright .wp-block-navigation-item__content:hover {
color: var(--brown) !important;
transition: all 0.5s ease;
}:root { --white: var(--wp--preset--color--neutral);
--beige: var(--wp--preset--color--beige);
--brown: var(--wp--preset--color--secondary);
--blue: var(--wp--preset--color--accent);
--darkblue: var(--wp--preset--color--primary);
--light-blue: var(--wp--preset--color--light-blue);
}
html {
font-size: 20px;
}
@media only screen and (max-width: 968px) {
html {
font-size: 18px;
}
}
@media only screen and (max-width: 392px) {
html {
font-size: 15px;
}
} body {
overflow-x: hidden;
}
.full-wide {
width: 100vw;
position: relative;
left: 50%;
margin-left: -50vw;
}
img {
max-width: 100%;
height: auto;
} p,
li {
line-height: 1.5;
padding-bottom: 0.8rem;
}
ol {
list-style: decimal;
padding-left: 3rem;
} .nav-previous a:hover,
.nav-next a:hover {
color: var(--brown);
}
a:hover,
input[type=submit]:hover,
.footer-icon:hover,
#back-to-top:hover,
.contact-icon:hover,
.button:hover {
cursor: pointer;
transition: all 0.5s ease;
} .wp-element-button {
display: inline-block;
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.5s ease;
}
input[type=submit] {
display: inline-block;
color: var(--brown) !important;
background: var(--blue);
padding: 0.8rem 1.5rem 0.7rem 1.5rem;
text-transform: uppercase;
border: 2px solid var(--brown);
font-size: 0.8rem;
line-height: 1.2;
border-radius: 0;
font-weight: 500;
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
input[type=submit]::before,
.wp-element-button::before {
content: '';
position: absolute;
top: 50%;
left: -95%;
width: 200%;
height: 200%;
background: rgba(251, 250, 248, 0.3);
transform: rotate(45deg);
transition: all 0.5s ease;
pointer-events: none;
z-index: 1;
}
input[type=submit]:hover::before,
.wp-element-button:hover::before {
left: 100%;
}
input[type=submit]:hover {
background: transparent;
} input[type=submit]:active,
.wp-element-button:active {
transform: scale(0.95);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
input[type=submit]:active::before,
.wp-element-button:active::before {
background: rgba(251, 250, 248, 0.5);
}
.wp-block-pullquote {
padding: 2rem !important;
margin: 2rem;
text-align: left;
background-color: var(--beige);
font-size: 1rem;
position: relative;
}
.wp-block-pullquote::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 10px;
background-color: var(--brown);
}
.narrow {
max-width: 70%;
margin: 0 auto;
}
.decor-text {
font-family: 'Allura', cursive;
color: var(--brown);
font-size: 2.5rem;
margin-bottom: -1.8rem;
line-height: 1;
}
.subtext {
padding-top: 5rem;
margin-bottom: -1rem;
}
.align-center {
text-align: center;
}
#back-to-top {
position: fixed;
bottom: 1rem;
right: 1rem;
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: var(--blue);
color: var(--brown);
text-align: center;
line-height: 2rem;
font-size: 1.2rem; border: 3px solid rgba(190, 146, 110, 0.3);
background-clip: padding-box;
border-radius: 50%;
z-index: 100;
cursor: pointer;
transition: opacity 1s ease;
} #back-to-top::before {
content: "";
position: absolute;
inset: -3px;
border-radius: 50%;
background: conic-gradient(var(--brown) calc(var(--scroll-progress, 0) * 100%), transparent 0);
mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
pointer-events: none;
}
#back-to-top:hover {
background-color: transparent;
}
@keyframes appears {
from {
opacity: 0;
}
to {
opacity: 1;
}
} .upslide {
opacity: 0;
transform: translateY(1.5rem);
transition: opacity 2s ease, transform 3s ease;
}
.upslide.active {
opacity: 1;
transform: translateY(0);
} .appear {
opacity: 0;
transition: opacity 2s ease;
}
.appear.active {
opacity: 1;
} #top {
background-image: linear-gradient(rgba(1, 0, 61, 0.7), rgba(1, 0, 61, 0.7)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/hero.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
#hero {
text-align: center;
margin-bottom: 5rem;
}
#hero h1 {
color: var(--brown);
font-size: 4rem;
margin: 4rem 0 2rem 0;
text-transform: none;
opacity: 0;
animation: 2s appears linear 0.1s forwards;
}
.uppercase {
text-transform: uppercase;
color: var(--white);
opacity: 0;
animation: 2s appears linear 0.5s forwards;
}
.hero-help {
font-family: 'Allura', cursive;
color: var(--brown);
font-size: 5rem;
position: relative;
padding: 3rem 0 5rem 0;
opacity: 0;
animation: 2s appears linear 1s forwards;
}
.hero-help::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 5rem;
height: 2px;
background-color: var(--brown);
}
.hero-help::after {
content: "";
position: absolute;
left: 50%;
top: 70%;
width: 2px;
height: 8rem;
background-color: var(--brown);
}
.home-about {
background-color: var(--darkblue);
margin-top: 5rem;
}
.home-about-me-picture {
background: url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/about-me-front.jpg) top center no-repeat;
background-size: cover;
height: auto;
min-height: 40rem;
}
.home-about-me-text {
padding: 0 1rem 1rem 1rem;
position: relative;
background-color: var(--darkblue);
}
.home-about-me-text::before {
content: "";
position: absolute;
left: -0.5%;
top: 10%;
width: 2px;
height: 80%;
background-color: var(--brown);
}
.home-about h2 {
text-transform: none;
text-align: left;
margin-top: 5rem;
margin-bottom: 2rem;
}
.home-about .decor-text {
padding-top: 0;
}
.home-about .wp-block-button {
margin-top: 4rem;
margin-bottom: 4rem;
}
.services {
padding: 0 2rem;
position: relative;
}
.services::before {
content: '';
background-color: var(--beige);
position: absolute;
width: 100%;
height: 80%;
top: -4rem;
left: 0;
z-index: -2;
}
.service-item {
text-align: center;
}
.service-item p {
padding-bottom: 0;
}
.service-item .wp-block-cover {
min-height: 15rem;
}
.service-item .wp-block-cover span {
background-color: var(--darkblue) !important;
border: 4px solid var(--brown);
opacity: 0.8;
}
.service-item-name {
font-family: "Instrument Serif", serif;
font-size: 1.2rem !important;
font-weight: 500;
text-transform: uppercase;
color: var(--brown);
}
.service-item a:hover {
color: var(--beige);
} .reviews-slider {
background-image: linear-gradient(rgba(251, 250, 248, 0.8), rgba(251, 250, 248, 0.8)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/velemeny.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 5rem 0 15rem 0;
text-align: center;
}
.reviews-title {
margin-bottom: 4rem;
}
.reviews-wrap {
width: 80%;
overflow: hidden;
position: relative;
background: rgba(232, 213, 196, 0.6);
margin: 0 auto;
}
.reviews-slider ul {
display: block;
white-space: nowrap;
position: relative;
padding: 0;
margin: 0;
vertical-align: top;
}
.reviews-slider li {
display: inline-block;
position: relative;
width: 100%;
white-space: initial;
vertical-align: top;
margin: 0;
padding: 4rem 3rem;
}
.reviews-slider li:before {
content: none;
}
.next-review,
.prev-review {
display: block;
position: absolute;
width: 2rem;
height: 2rem;
bottom: 16rem;
z-index: 5;
cursor: pointer;
border-radius: 50%;
}
.next-review {
right: 50%;
margin-right: -3rem;
}
.prev-review {
left: 50%;
margin-left: -3rem;
}
.next-review:before {
position: absolute;
top: 50%;
left: 50%;
margin-right: -3px;
margin-top: -6px;
content: "";
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid var(--blue);
}
.prev-review:before {
position: absolute;
top: 50%;
right: 50%;
margin-left: -3px;
margin-top: -6px;
content: "";
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 10px solid var(--blue);
}
.reviews span {
display: inline-block;
color: var(--brown);
font-family: "Instrument Serif", serif;
font-style: italic;
font-weight: 500;
margin-top: 2rem;
}
.home-offer {
background: var(--darkblue);
max-width: 70%;
margin: 0 auto -4rem auto;
position: relative;
padding: 3rem;
bottom: 9rem;
border: solid 2px var(--brown);
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.home-offer p {
margin-bottom: 2.2rem;
}
.newsletter-widget {
background-image: linear-gradient(rgba(1, 0, 61, 0.7), rgba(1, 0, 61, 0.7)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/hirlevel-background.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
padding: 5rem 1rem 2rem 1rem;
}
.newsletter-widget .wp-block-list {
display: flex;
flex-direction: column;
align-items: center;
}
.newsletter-widget .wp-block-list li {
position: relative;
padding-left: 1.5rem;
padding-bottom: 0;
margin-left: 2rem;
}
.newsletter-widget form {
max-width: 70%;
margin: 0 auto;
}
.newsletter-widget form input[type=submit],
.blog-newsletter-widget form input[type=submit] {
display: flex;
margin: 0 auto;
}
.newsletter-widget form .wpcf7-form-control-wrap,
.blog-newsletter-widget form .wpcf7-form-control-wrap {
color: var(--white);
}
.newsletter-widget .wpcf7 form .wpcf7-response-output,
.blog-newsletter-widget .wpcf7 form .wpcf7-response-output {
margin: 1rem !important;
border: 2px solid var(--brown) !important;
color: var(--white) !important;
} footer {
background: var(--darkblue);
padding: 3rem 0 3rem 0;
color: var(--beige);
}
.footer-logo {
max-width: 15rem;
margin-top: 0.5rem;
}
.footer-email {
margin: 1rem 0;
}
.footer-icon {
max-width: 2.5rem;
border: 3px solid var(--beige);
border-radius: 50%;
padding: 0.1rem;
}
.footer-icon:hover {
border: 3px solid var(--brown);
}
footer h3 {
margin-bottom: 1rem;
font-size: 1.5rem;
text-transform: uppercase;
color: var(--brown);
}
#sb_instagram {
height: auto !important;
margin-top: -0.8rem;
}
#sb_instagram #sbi_images {
padding: 1.5rem 1rem 0 0 !important;
}
footer ul li {
margin-bottom: 1rem;
}
footer a {
color: var(--beige);
}
time {
font-style: italic;
}
.footer-blog p {
margin: 0.5rem 0 1rem 0;
}
#copyright {
background: var(--darkblue);
padding: 1rem 0 1.5rem 0;
font-size: smaller;
line-height: 1.5;
text-transform: uppercase;
color: var(--beige);
}
#copyright p {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid var(--beige);
}
#copyright ul li {
display: inline-block;
position: relative;
}
#copyright ul li::after {
content: '|';
position: absolute;
}
#copyright ul li:last-of-type::after {
content: '';
}
#copyright a {
color: var(--beige);
padding: 0 0.5rem;
} .services-intro {
background: var(--beige);
padding: 4rem 0 3.2rem 0;
}
.servicepage-item {
margin: 3rem 2rem;
}
.service-img {
position: relative;
border: 2px solid var(--brown);
z-index: 0
}
.service-img::before {
content: '';
background-color: var(--darkblue);
position: absolute;
opacity: 0.5;
width: 100%;
height: 100%;
z-index: 1;
}
.service-text {
border-bottom: 2px solid var(--brown);
padding-bottom: 1rem;
}
.service-text h2 {
font-size: 2rem;
color: var(--brown);
margin-bottom: 2rem;
}
.service-text a:hover {
color: var(--blue);
} .service-hero {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5rem;
margin-bottom: 5rem;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.service-hero h1 {
z-index: 3;
}
.service-intro-text {
background: var(--darkblue);
padding: 1.5rem;
}
.service-intro-text .decor-text {
padding: 0 0 2rem 0;
font-size: 2rem;
}
.service-intro-offer {
border-left: 2px solid var(--brown);
padding-left: 2rem;
}
.service-intro-offer .wp-block-button {
margin-top: 1rem;
}
.hook {
font-family: "Instrument Serif", serif;
font-size: 2rem;
margin-bottom: 1.5rem;
line-height: 1.2;
}
.hook em {
color: var(--brown);
}
.service-intro-offer ul {
padding-left: 1rem;
}
.service-intro-offer ul li,
.logo-give li {
position: relative;
padding-left: 2rem;
}
.service-intro-offer ul li::before,
.logo-give li::before {
content: '';
position: absolute;
left: 0;
top: 0.15em;
width: 1em;
height: 1em;
background-image: url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/check.svg);
background-size: contain;
background-repeat: no-repeat;
}
.usp {
background: var(--beige);
padding: 1.2rem 3rem 0.8rem 3rem;
text-transform: uppercase;
font-size: smaller;
margin-top: 5rem;
margin-bottom: 5rem;
column-count: 4;
}
.usp-icon {
width: 15%;
margin-bottom: 0.5rem;
}
.how-work-together {
position: relative;
margin-bottom: 10rem;
}
.how-work-together::before,
.about-me-title::before {
content: "";
position: absolute;
left: 50%;
top: 5rem;
width: 2px;
height: 6rem;
background-color: var(--brown);
}
.work-step {
margin-bottom: 4rem;
position: relative;
}
.work-step-title span {
font-family: 'Allura', cursive;
font-size: 5rem;
color: var(--brown);
line-height: 0.5;
}
.work-step-text {
padding-right: 2rem;
}
.work-step-text li {
position: relative;
padding-left: 1.5rem;
margin-left: 2rem;
margin-bottom: 0.8rem;
}
.work-step-text li::before,
.blog-text ul li::before,
.newsletter-widget ul li::before {
content: '';
position: absolute;
left: 0;
top: 0.8rem;
transform: translateY(-50%) rotate(45deg); width: 0.5rem;
height: 0.5rem;
background-color: var(--beige); }
.work-step-img img {
border: 2px solid var(--brown);
padding: 0.5rem;
}
.logo-give {
padding-left: 3rem;
}  .wp-block-group[class*="column-"] {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
width: 100%;
align-items: stretch;
} .service-prices {
margin-bottom: 5rem;
}
.service-prices > .decor-text:not(:first-child) {
margin-top: 5rem;
} .price-factors {
margin-top: 2rem;
}
.price-factor {
background: var(--white);
border-left: 3px solid var(--brown);
padding: 1.5rem 1.5rem 0.4rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.price-factor h4 {
display: flex;
align-items: center;
gap: 0.8rem;
margin-bottom: 0.8rem;
}
.price-factor h4::before {
content: '';
flex: 0 0 2.6rem;
height: 2.6rem;
border-radius: 50%;
background-color: var(--light-blue);
background-position: center;
background-size: 55%;
background-repeat: no-repeat;
}
.pf-arculat h4::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BE926E%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2213.5%22 cy=%226.5%22 r=%221%22 fill=%22%23BE926E%22/%3E%3Ccircle cx=%2217.5%22 cy=%2210.5%22 r=%221%22 fill=%22%23BE926E%22/%3E%3Ccircle cx=%228.5%22 cy=%227.5%22 r=%221%22 fill=%22%23BE926E%22/%3E%3Ccircle cx=%226.5%22 cy=%2212.5%22 r=%221%22 fill=%22%23BE926E%22/%3E%3Cpath d=%22M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.93 0 1.65-.75 1.65-1.69 0-.44-.18-.84-.44-1.13-.29-.29-.44-.65-.44-1.13a1.64 1.64 0 0 1 1.67-1.67h2c3.05 0 5.55-2.5 5.55-5.55C21.97 6.01 17.46 2 12 2z%22/%3E%3C/svg%3E"); }
.pf-kepanyag h4::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BE926E%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z%22/%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%223%22/%3E%3C/svg%3E"); }
.pf-szovegek h4::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BE926E%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20h9%22/%3E%3Cpath d=%22M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z%22/%3E%3C/svg%3E"); }
.pf-kulcsszo h4::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BE926E%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22/%3E%3Cpath d=%22m21 21-4.3-4.3%22/%3E%3C/svg%3E"); }
.pf-terjedelem h4::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BE926E%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z%22/%3E%3Cpath d=%22m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65%22/%3E%3Cpath d=%22m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65%22/%3E%3C/svg%3E"); }
.pf-modulok h4::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BE926E%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%227%22 height=%227%22 x=%2214%22 y=%223%22 rx=%221%22/%3E%3Cpath d=%22M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3%22/%3E%3C/svg%3E"); } .addon-list {
list-style: none;
margin: 0 0 1.5rem;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.8rem;
}
.addon-list li {
display: flex;
align-items: center;
gap: 0.7rem;
padding: 0.8rem 1rem;
border: 1px solid rgba(190, 146, 110, 0.6);
background: rgba(251, 250, 248, 0.6);
font-size: 0.85rem;
line-height: 1.3;
transition: border-color 0.3s ease, transform 0.3s ease, background 0.3s ease;
}
.addon-list li:hover {
border-color: var(--brown);
background: var(--white);
transform: translateY(-2px);
}
.addon-list li::before {
content: '+';
flex: 0 0 1.6rem;
height: 1.6rem;
border-radius: 50%;
background: var(--brown);
color: var(--white);
font-weight: 700;
font-size: 1.1rem;
line-height: 1.6rem;
text-align: center;
}
@media only screen and (max-width: 1089px) {
.addon-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 783px) {
.addon-list {
grid-template-columns: 1fr;
}
} .faq .wp-block-details {
border-bottom: 1px solid var(--beige);
padding: 1.2rem 0;
margin: 0;
}
.faq .wp-block-details:first-of-type {
border-top: 1px solid var(--beige);
}
.faq .wp-block-details summary {
font-family: "Instrument Serif", serif;
font-size: 1.3rem;
line-height: 1.3;
cursor: pointer;
list-style: none;
position: relative;
padding-right: 2.5rem;
}
.faq .wp-block-details summary::-webkit-details-marker {
display: none;
}
.faq .wp-block-details summary::after {
content: '+';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-family: "Albert Sans", sans-serif;
font-size: 1.5rem;
color: var(--brown);
}
.faq .wp-block-details[open] summary::after {
content: '−';
}
.faq .wp-block-details p {
margin-top: 0.8rem;
padding-bottom: 0;
} .column-3 > .upslide:nth-child(3n+2) {
transition-delay: 0.3s;
}
.column-3 > .upslide:nth-child(3n) {
transition-delay: 0.6s;
}
@media only screen and (max-width: 1089px) {
.column-3 > .upslide:nth-child(n) {
transition-delay: 0s;
}
} .discount-banner {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0.75rem;
text-transform: uppercase;
font-size: smaller;
letter-spacing: 0.05em;
margin: 0 auto 2rem;
}
.discount-banner strong {
background: var(--brown);
color: var(--white);
padding: 0.4rem 1rem;
border-radius: 999px;
font-size: 1rem;
text-transform: none;
letter-spacing: 0;
} .page-hero {
background: url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/page-hero-background.jpg) center center no-repeat;
background-size: cover;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.page-hero h1 {
padding-bottom: 5rem;
}
.about-me-intro {
background: var(--darkblue);
margin-bottom: 6rem;
}
.about-me-intro-text {
padding: 2rem 2rem 3rem 4rem;
}
.about-me-img {
margin-top: -3rem;
margin-bottom: -3em;
display: block;
}
.about-me-intro-text strong {
color: var(--brown);
}
.about-me-intro .decor-text,
.online-calendar .decor-text {
padding-top: 1.2rem;
}
.about-me-title em {
color: var(--brown);
}
.about-me-title {
position: relative;
margin-bottom: 12rem;
}
.about-me-usp {
margin-bottom: 4rem;
gap: 3rem !important;
}
.about-me-usp .decor-text {
padding-top: 5rem;
}
.me-usp-extra {
background-image: linear-gradient(rgba(251, 250, 248, 0.8), rgba(251, 250, 248, 0.8)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/aboutme-extra.jpg);
}
.me-usp-figyelem {
background-image: linear-gradient(rgba(251, 250, 248, 0.8), rgba(251, 250, 248, 0.8)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/aboutme-figyelem.jpg);
}
.me-usp-hand {
background-image: linear-gradient(rgba(251, 250, 248, 0.8), rgba(251, 250, 248, 0.8)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/aboutme-egykezben.jpg);
}
.me-usp-marketing {
background-image: linear-gradient(rgba(251, 250, 248, 0.8), rgba(251, 250, 248, 0.8)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/aboutme-marketing.jpg);
}
.me-usp-extra,
.me-usp-figyelem,
.me-usp-hand,
.me-usp-marketing {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 6.5rem;
border: solid 2px var(--brown);
}
.experience {
margin-top: 5rem;
margin-bottom: 5rem;
background: var(--beige);
padding: 3rem;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.experience strong {
text-transform: uppercase;
color: var(--brown);
}
.proud {
background: var(--darkblue);
padding: 4rem 0 5rem 0;
margin-bottom: 5rem;
position: relative;
}
.proud::before {
content: "";
position: absolute;
left: 50%;
bottom: -3rem;
width: 2px;
height: 6rem;
background-color: var(--brown);
}
.proud .decor-text {
margin-bottom: 3rem;
}
.about-me-review strong {
color: var(--brown);
} .about-reviews-slider {
background: var(--darkblue);
position: relative;
padding: 5rem 0 5rem 0;
text-align: center;
margin-bottom: 5rem;
color: var(--beige);
}
.about-reviews-wrap {
width: 80%;
overflow: hidden;
position: relative;
margin: 0 auto;
}
.about-reviews-slider ul {
display: block;
white-space: nowrap;
position: relative;
padding: 0;
margin: 0;
vertical-align: top;
}
.about-reviews-slider li {
display: inline-block;
position: relative;
width: 100%;
white-space: initial;
vertical-align: top;
margin: 0;
padding: 2rem 1rem;
}
.about-reviews-slider li:before {
content: none;
}
.about-next-review,
.about-prev-review {
display: block;
position: absolute;
width: 2rem;
height: 2rem;
z-index: 5;
cursor: pointer;
border-radius: 50%;
}
.about-next-review {
right: 50%;
margin-right: -3rem;
}
.about-prev-review {
left: 50%;
margin-left: -3rem;
}
.about-next-review:before {
position: absolute;
top: 50%;
left: 50%;
margin-right: -3px;
margin-top: -6px;
content: "";
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid var(--brown);
}
.about-prev-review:before {
position: absolute;
top: 50%;
right: 50%;
margin-left: -3px;
margin-top: -6px;
content: "";
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 10px solid var(--brown);
}
.about-reviews span {
display: inline-block;
color: var(--brown);
font-family: "Instrument Serif", serif;
font-style: italic;
font-weight: 500;
margin-top: 2rem;
}
.portfolio-cta {
background: url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/portfolio-cta.jpg) center center no-repeat;
background-size: cover;
position: relative;
padding: 2rem 0 3rem 0;
}
.portfolio-cta .wp-block-group__inner-container {
background-color: rgba(251, 250, 248, 0.8);
padding: 2rem;
}
.portfolio-cta .decor-text {
padding: 0 0 2rem 0;
} .portfolio-gallery {
margin: 2rem 0 2.5rem;
}
.portfolio-gallery img {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
} .tag-cloud {
padding: 3rem 4rem 2.2rem 4rem;
background: var(--beige);
margin-bottom: 5rem;
}
.tag-cloud h4 {
margin-bottom: 0.2rem;
}
.blog-post-card {
border: solid 2px var(--brown);
padding: 2rem;
margin-bottom: 3rem;
}
.blog-post-card h2 {
font-size: 1.3rem;
margin-bottom: 0.8rem;
margin-top: 0.8rem;
text-transform: none;
}
.blog-post-card time {
font-size: smaller;
}
.blog-post-card p {
margin-bottom: 1.2rem;
}
.bulb-icon {
max-width: 1.5rem;
height: auto;
}
.button {
position: relative;
display: inline-block;
font-weight: 600;
border-bottom: 2px solid var(--brown);
padding-bottom: 0.5rem;
padding-right: 3rem;
}
.button:hover {
border-bottom: 2px solid var(--blue);
}
.button::after {
content: "→";
position: absolute;
right: -0.1rem;
}
.nav-links {
text-align: center;
font-family: "Instrument Serif", serif;
margin: 3rem 0;
font-size: 1.2rem;
}
.nav-links span,
.nav-links a {
display: inline-block;
width: 2rem;
height: 2rem;
line-height: 1;
text-align: center;
}
.page-numbers.current {
color: var(--brown);
} .single-hero {
padding: 8rem 0 8rem 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.single-hero h1 {
text-transform: none;
margin-top: 2.5rem;
position: relative;
}
.single-hero h1::before {
content: "";
position: absolute;
left: 50%;
top: -1rem;
width: 15rem;
height: 2px;
background-color: var(--brown);
transform: translateX(-50%);
}
.blog-text h2 {
font-size: 2rem;
text-transform: none;
padding: 1rem 0;
}
.blog-text h3 {
font-size: 1.3rem;
margin: 2rem 0 1.5rem 0;
}
.blog-text {
padding-right: 3rem;
border-right: 2px solid var(--brown);
margin-bottom: 5rem;
}
.blog-text ul li {
position: relative;
padding-left: 1.5rem;
margin-left: 2rem;
}
.blog-text ol li::marker {
color: var(--brown);
font-weight: 700;
}
.post-navigation {
display: flex;
justify-content: space-between;
padding: 2rem 0;
border-top: 2px solid var(--brown);
margin-top: 3rem;
}
.nav-previous a,
.nav-next a {
color: var(--blue);
text-decoration: none;
font-weight: 600;
}
.sidebar {
padding-left: 2rem;
}
.sidebar h3 {
margin-bottom: 1.5rem;
}
.sidebar li {
margin-bottom: 2rem;
}
.sidebar li a {
font-family: "Instrument Serif", serif;
font-weight: 500;
line-height: 1.2;
font-size: 1.3rem;
}
.sidebar time {
margin-top: 0.5rem;
}
.blog-newsletter-widget {
background-image: linear-gradient(rgba(1, 0, 61, 0.7), rgba(1, 0, 61, 0.7)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/hirlevel-background.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
padding: 2rem 3rem 0.8rem 3rem;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.wp-block-separator {
border-top: 2px dotted var(--brown);
}
.wp-block-pullquote p {
padding-bottom: 0;
} .contact-img {
background: url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/contact.jpg) top right no-repeat;
background-size: cover;
height: auto;
border: 2px solid var(--brown);
min-height: 30rem;
}
.online-calendar {
padding: 3rem 1rem;
}
.contacts {
background: var(--beige);
max-width: 70%;
margin: -12rem auto 0 auto;
position: relative;
padding: 3rem 3rem 4rem 3rem;
top: 18rem;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.contact-item {
padding-left: 1rem;
}
.contacts::after {
content: "";
position: absolute;
left: 50%;
width: 2px;
height: 6rem;
bottom: -3rem;
background-color: var(--brown);
}
.contact-form {
background-image: linear-gradient(rgba(1, 0, 61, 0.8), rgba(1, 0, 61, 0.8)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/contact-form.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 20rem 3rem 5rem 3rem;
color: var(--white) !important;
}
input[type=text],
input[type=email],
input[type=tel] {
background: none;
font-size: inherit;
padding: 0.5rem;
border-bottom: 2px solid var(--brown);
border-top: none;
border-left: none;
border-right: none;
width: 100%;
margin-bottom: 1rem;
}
textarea {
background: none;
font-size: inherit;
padding: 0.5rem;
border: 2px solid var(--brown);
width: 100%;
margin-top: 1rem;
}
.wpcf7-list-item {
display: block;
}
.wpcf7-list-item:last-child {
margin-bottom: 1rem;
}
::placeholder {
color: var(--white);
opacity: 1;
} .wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
color: white;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
color: white;
} .wpcf7 input:focus::placeholder,
.wpcf7 textarea:focus::placeholder {
opacity: 0;
transition: opacity 0.2s ease;
}
.wpcf7-acceptance {
font-size: smaller;
}
.contact-form a {
font-weight: 600;
font-style: italic;
}
.contact-icon {
max-width: 2.5rem;
border: 4px solid var(--brown);
border-radius: 50%;
padding: 0.1rem;
}
.contact-icon:hover {
border: 4px solid var(--blue);
} .portfolio-item .wp-block-column,
.work-together-item .wp-block-column,
.work-progress .wp-block-column {
flex: 1;
}
.portfolio-text {
padding: 2rem 2rem 1.2rem 2rem;
background: var(--beige);
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.portfolio-hero-img .wp-block-image {
padding: 0.5rem;
border: 2px solid var(--brown);
}
.portfolio-item h3 {
border-bottom: 2px solid var(--brown);
margin: 0.5rem 0 1rem 0;
padding-bottom: 1rem;
} #content-404 {
margin: 5rem 0;
} #content-404 .col-1-2 {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
}
#content-404 h1 {
text-transform: none;
color: var(--brown);
font-size: 2rem;
margin-bottom: 2rem;
}
#content-404 p {
margin-bottom: 0.5rem;
}
#content-404 .img {
text-align: center;
} @media only screen and (max-width: 1198px) { .services {
flex-wrap: wrap !important;
}
.services > .service-item {
flex: 0 0 calc(50% - 1rem) !important;
}
}
@media only screen and (max-width: 862px) {
.services {
display: block !important;
}
.service-item {
padding: 1rem 5rem;
}
.narrow {
max-width: 90%;
}
}
@media only screen and (max-width: 782px) {
#hero h1 {
font-size: 2.5rem;
}
.home-offer {
max-width: 90%;
padding: 2rem;
}
.home-about h2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.home-about .wp-block-button {
margin-top: 3rem;
margin-bottom: 3rem;
}
.newsletter-widget form {
max-width: 90%;
}
footer h3 {
margin-top: 2rem;
}
.how-work-together::before {
top: 7rem;
}
.about-me-intro-text {
padding: 3rem 2rem 5rem 2rem;
}
.work-together-item {
padding: 0 3rem;
}
.portfolio-item h3 {
margin: 0.5rem 1rem 1rem 1rem;
}
.proud {
text-align: center;
padding: 4rem 2rem 5rem 2rem;
}
.portfolio-item-reverse {
display: flex;
flex-direction: column-reverse;
}
.blog-text {
padding-right: 0;
border-right: none;
}
.sidebar {
padding-left: 0;
}
.usp {
column-count: 2;
padding: 1.5rem 1rem;
}
.work-step-text {
padding-right: 0;
}
#content-404 img {
margin-top: 3rem;
}
.online-calendar {
padding: 1rem 0 0 0;
}
.contacts {
max-width: 90%;
padding: 2rem 2rem 3rem 2rem;
}
.contacts::after {
bottom: -4rem;
}
}
@media only screen and (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
margin-bottom: 1rem;
}
}
@media only screen and (max-width: 537px) {
#hero h1 {
font-size: 2rem;
}
.subtext {
font-size: 2rem;
}
.service-item {
padding: 1rem 0;
}
.tag-cloud {
padding: 3rem 2rem 2.2rem 2rem;
}
.work-together-item {
padding: 0;
}
.experience {
padding: 3rem 1rem;
}
.service-text h2 {
font-size: 1.5rem;
}
}  .wp-site-blocks > * {
margin-block-start: 0;
margin-block-end: 0;
} .is-layout-constrained > .full-wide {
margin-left: -50vw !important;
max-width: none !important;
} .wp-block-post-template.column-3 {
list-style: none;
margin: 0;
padding: 0;
align-items: stretch;
}
.wp-block-post-template.column-3 > li {
display: flex;
width: calc((100% - (2 * var(--gap))) / 3);
margin: 0;
}
@media only screen and (max-width: 1089px) {
.wp-block-post-template.column-3 > li {
width: calc((100% - var(--gap)) / 2);
}
}
@media only screen and (max-width: 783px) {
.wp-block-post-template.column-3 > li {
width: 100%;
}
}
.blog-post-card {
display: flex;
flex-direction: column;
width: 100%;
}
.blog-post-card .wp-block-read-more {
margin-top: auto;
align-self: flex-start;
} .blog-post-card .wp-block-post-featured-image img {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
} .tag-cloud .wp-block-term-description {
text-transform: uppercase;
color: var(--brown);
font-weight: 700;
line-height: 1.3;
margin-bottom: 0.2rem;
} .single-hero .wp-block-post-date {
font-style: italic;
} .buttons-404 {
gap: 1rem;
margin-top: 1rem;
} .service-hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(rgba(232, 213, 196, 0.9), rgba(232, 213, 196, 0.85));
pointer-events: none;
}
.service-hero > * {
position: relative;
z-index: 1;
} p.subtext {
padding-bottom: 0;
} .alignfull {
position: relative;
}   .wp-block-list.is-style-check-list li {
position: relative;
padding-left: 2rem;
margin-left: 0;
}
.wp-block-list.is-style-check-list li::before {
content: '';
position: absolute;
left: 0;
top: 0.3em;
width: 1em;
height: 1em;
transform: none;
background-color: transparent;
background-image: url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/check.svg);
background-size: contain;
background-repeat: no-repeat;
} .wp-block-list.is-style-diamond-list li {
position: relative;
padding-left: 1.5rem;
margin-left: 2rem;
}
.wp-block-list.is-style-diamond-list li::before {
content: '';
position: absolute;
left: 0;
top: 0.8rem;
width: 0.5rem;
height: 0.5rem;
transform: translateY(-50%) rotate(45deg);
background-image: none;
background-color: var(--beige);
} :is(.is-style-price-card, .is-style-price-card-featured, .has-beige-background-color) .wp-block-list.is-style-diamond-list li::before {
background-color: var(--brown);
} .wp-block-template-part {
margin: 0;
}  .is-style-decor-text {
font-family: 'Allura', cursive;
color: var(--brown);
font-size: 2.5rem;
margin-bottom: -1.8rem;
line-height: 1;
}
.home-about .is-style-decor-text {
padding-top: 0;
}
.service-intro-text .is-style-decor-text {
padding: 0 0 2rem 0;
font-size: 2rem;
}
.service-prices > .is-style-decor-text:not(:first-child) {
margin-top: 5rem;
}
.about-me-intro .is-style-decor-text,
.online-calendar .is-style-decor-text {
padding-top: 1.2rem;
}
.about-me-usp .is-style-decor-text {
padding-top: 5rem;
}
.proud .is-style-decor-text {
margin-bottom: 3rem;
}
.portfolio-cta .is-style-decor-text {
padding: 0 0 2rem 0;
} .is-style-cta-band {
background-image: linear-gradient(rgba(232, 213, 196, 0.8), rgba(232, 213, 196, 0.8)), url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/aboutme-cta.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 5rem 0 5rem 0;
text-align: center;
}
.is-style-cta-band .decor-text,
.is-style-cta-band .is-style-decor-text {
margin-bottom: 2rem;
}
.is-style-cta-band .wp-block-button {
margin-top: 3rem;
} .is-style-price-card,
.is-style-price-card-featured {
display: flex;
flex-direction: column;
height: auto;
align-self: stretch;
background: var(--beige);
border: 2px solid var(--brown);
padding: 2rem 1.5rem;
text-align: center;
color: var(--darkblue);
}
.is-style-price-card-featured {
background: var(--light-blue);
border: 3px solid var(--brown);
}
.is-style-price-card h3,
.is-style-price-card-featured h3 {
color: var(--darkblue);
font-size: 2rem;
text-transform: uppercase;
margin-bottom: 1rem;
}
.is-style-price-card .price,
.is-style-price-card-featured .price {
font-family: "Instrument Serif", serif;
font-size: 2rem;
color: var(--brown);
margin-bottom: 0.25rem;
}
.is-style-price-card ul,
.is-style-price-card-featured ul {
text-align: left;
padding-left: 1rem;
margin-bottom: 1.5rem;
}
.is-style-price-card ul li,
.is-style-price-card-featured ul li {
position: relative;
padding-left: 2rem;
}
.is-style-price-card ul li::before,
.is-style-price-card-featured ul li::before {
content: '';
position: absolute;
left: 0;
top: 0.3em;
width: 1em;
height: 1em;
background-image: url(//wingeffectstudio.hu/wp-content/themes/wingeffect-fse/img/check.svg);
background-size: contain;
background-repeat: no-repeat;
}
.is-style-price-card .price-card-button,
.is-style-price-card-featured .price-card-button {
margin-top: auto;
justify-content: center;
padding-top: 1rem;
} .is-style-price-card .price-includes,
.is-style-price-card-featured .price-includes {
text-align: left;
font-size: 0.9rem;
color: var(--brown);
padding-left: 1rem;
padding-bottom: 0.5rem;
}
.is-style-price-card .price-discount,
.is-style-price-card-featured .price-discount {
font-size: 0.9rem;
margin-bottom: 1.5rem;
opacity: 0.9;
}
.is-style-price-card .price-discount strong,
.is-style-price-card-featured .price-discount strong {
color: var(--brown);
} .is-style-addon-box {
background: var(--light-blue);
border: 2px solid var(--brown);
padding: 2.5rem 3rem 1.2rem;
margin-bottom: 4rem;
color: var(--darkblue);
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.is-style-addon-box .hook {
color: var(--darkblue);
margin-bottom: 1.5rem;
padding-bottom: 0;
}
.is-style-addon-box .addon-note {
font-size: 0.85rem;
font-style: italic;
color: var(--darkblue);
opacity: 0.75;
}
@media only screen and (max-width: 783px) {
.is-style-addon-box {
padding: 2rem 1.2rem 1rem;
}
}