/*
Theme Name: Dyw-2025
Theme URI: https://devyourway.com/
Author: the WordPress team
Author URI: https://devyourway.com/
Description: Basic Theme by Tóth Kitti
Tags: one-column, custom-colors, custom-menu
Version: 1.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dyw-2025
*/
@font-face {
font-family: 'Inter';
src: url('/wp-content/themes/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/wp-content/themes/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Crimson Pro';
src: url('/wp-content/themes/fonts/Crimson Pro/CrimsonPro-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Crimson Pro';
src: url('/wp-content/themes/fonts/Crimson Pro/CrimsonPro-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Royal Palms';
src: url('/wp-content/themes/fonts/Royal Palms/royalpalms.woff2') format('woff2'),
url('/wp-content/themes/fonts/Royal Palms/royalpalms.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.wp-caption {
font-size: smaller;
}
.wp-caption-text {
font-size: smaller;
}
.sticky {}
.screen-reader-text {}
.gallery-caption {
font-size: smaller;
}
.bypostauthor {}
.alignright,
.align-right {
text-align: right;
}
.alignleft,
.align-left {
text-align: left;
}
.aligncenter,
.align-center {
text-align: center;
}
strong {
font-weight: 600;
}
/* === RESET === */
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body,
html {
overflow-x: hidden;
}
img {
margin: 0;
padding: 0;
border: 0;
line-height: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
.font-60.has-subheading-font-family,
.font-60.has-heading-font-family {
font-size: 60px !important;
}
ul.ul-align {
text-align: center;
}
ul.ul-align li {
list-style-type: none;
}
ul.ul-align li::before {
position: static;
content: url('data:image/svg+xml,');
left: 0;
top: 3px;
padding-right: 20px;
}
#gotop {
width: 2.5rem;
height: 2.5rem;
line-height: 2rem;
background: #FBFAF6;
position: fixed;
bottom: 2rem;
right: 1rem;
border-radius: 50%;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
padding: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10000;
}
#gotop svg {
width: 20px;
display: block;
}
/* === STYLE === */
:root {
--main-color: #ff7b5b;
}
.wp-block-button.is-style-outline--1 .wp-block-button__link {
border-color: var(--wp--preset--color--accent-pink);
color: var(--wp--preset--color--accent-pink);
}
.space-between,
#top-head {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 768px) {
.mobile-none {
display: block !important;
}
.desktop-none {
display: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
margin-top: 4rem;
}
body .site-search__btn svg,
body #search-icon svg {
width: 25px;
}
}
@media only screen and (min-width: 769px) {
.mobile-none {
display: none !important;
}
.desktop-none {
display: block !important;
}
}
/**/
.list-svg .wp-block-columns {
gap: 1.5rem;
justify-content: space-between;
}
.alahuzas,
.csillogas,
.pink-alahuzas,
.csillogas-2 {
position: relative;
}
.alahuzas::before {
position: absolute;
content: url('data:image/svg+xml,');
width: 500px;
height: 0px;
bottom: 0;
left: 0;
transform: scale(0.3);
}
.csillogas::before {
position: absolute;
content: url('data:image/svg+xml,');
width: 500px;
height: 0px;
top: -40px;
left: -40px;
transform: scale(1);
}
.pink-alahuzas::before {
position: absolute;
content: url('data:image/svg+xml,');
width: 0;
height: 0;
bottom: 30px;
left: 200px;
transform: scale(1);
}
.csillogas-2::before {
position: absolute;
content: url('data:image/svg+xml,');
height: 0px;
top: -20px;
left: -30px;
transform: scale(1);
}
/* == Home Scroll-ticker == */
.scroll-ticker {
width: 100%;
overflow: hidden;
}
.scroll-ticker .ticker {
width: 100%;
overflow: hidden;
}
.scroll-ticker .ticker__track {
display: flex;
width: max-content;
align-items: center;
gap: 48px;
white-space: nowrap;
animation: tickerMove 16s linear infinite !important;
transform: translate3d(0, 0, 0);
will-change: transform;
}
.scroll-ticker .ticker__item {
display: inline-block;
font-weight: 400;
font-size: clamp(1.3755rem, 3vw, 1.562rem);
text-transform: uppercase;
}
@keyframes tickerMove {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
.arrow-first img,
.megoldas-desktop img,
.arrow-second img {
position: relative;
}
.arrow-first img {
top: -3rem;
left: -8rem;
transform: rotate(10deg);
}
.megoldas-desktop img {
top: -10rem;
left: -5rem;
transform: rotate(10deg);
}
.arrow-second img {
top: -18rem;
left: -8rem;
margin-bottom: -12rem;
}
.arrow-second {
height: 0;
}
.rotate {
transform: rotate(-5deg);
}
.rotate2 {
transform: rotate(10deg);
}
.cycle-group {
left: -5rem;
}
.list-svg-top img {
top: -7px;
position: relative;
}
.col-6 figure {
overflow: hidden;
}
.col-6 img {
margin-top: -20px;
}
.gap-8 {
gap: 8rem !important;
}
.pink-line,
.lesson-thumb img {
width: 100%;
}
.pink-line img {
transform: rotate(10deg);
}
.cream-bg {
position: relative;
}
.cream-bg:before {
position: absolute;
content: '';
background-color: var(--wp--preset--color--cream) !important;
width: 75%;
height: 100%;
top: 0;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
z-index: 0;
}
.cream-bg .wp-block-columns {
z-index: 1;
position: relative;
}
.opinion-box {
width: 60%;
position: relative;
margin-left: auto !important;
margin-right: auto !important;
}
.opinion-box img {
margin-top: -80px;
}
.opinion-box:before {
position: absolute;
content: url('data:image/svg+xml,');
top: -70px;
left: -70px;
}
.opinion-box:after {
position: absolute;
content: url('data:image/svg+xml,');
bottom: -70px;
right: -70px;
}
.wp-block-cb-faqs .faq-label {
border-radius: 12px;
background-color: #f5f5f5;
transition:
border-radius 0.35s ease,
background-color 0.35s ease;
}
.wp-block-cb-faqs .faq-label.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.contact-col2,
.contact-col3 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#sb_instagram {
padding-bottom: 0 !important;
}
/* == Footer up == */
.footer-up-col2,
.footer-up-col3 {
display: grid;
align-content: space-between;
}
/* == Footer == */
footer {
background-color: var(--wp--preset--color--cream);
padding: 2rem 0;
}
footer ul {
margin: 0;
padding: 0;
}
footer li {
list-style-type: none;
padding: 3px 0;
}
footer a {
color: var(--wp--preset--color--plum);
}
.footer-col2 ul {
text-align: right;
}
/* == Hírlevél == */
body #mlb2-36683744.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input,
body #mlb2-36683744.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
border-radius: 50px !important;
}
body #mlb2-36683744.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
font-style: italic;
}
body #mlb2-36683744.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
margin-top: 2rem;
max-width: 450px;
}
body #mlb2-36683744.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
margin: 0 0 20px 0;
}
body #mlb2-36683744.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
margin-top: 1rem;
}
body #mlb2-36683744.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
body #mlb2-36683744.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
padding: 20px 0 0 0;
}
/* == Reszposive == */
@media screen and (max-width: 1367px) {
.pink-alahuzas::before {
bottom: 20px;
left: 170px;
transform: scale(0.9);
}
}
@media screen and (max-width: 1025px) {
.hero .full-box {
display: inline-block !important;
}
.hero .offset-left {
margin-bottom: 5rem;
}
.hero-img .alignright {
float: inherit !important;
margin: 0 auto !important;
}
.landing-group2 .offset-right {
padding-bottom: 6rem;
}
.pink-alahuzas::before {
left: 120px;
}
.knowledge-group .wp-block-buttons {
margin-top: 3rem !important;
}
.width-100,
.system-group .wp-block-buttons {
max-width: 100% !important;
width: 100%;
}
.cycle-group,
.arrow-first img,
.megoldas-desktop img,
.arrow-second img {
left: 0;
}
.arrow-second img {
top: -15rem;
}
.login-box {
padding: 2rem !important;
}
}
@media screen and (max-width: 769px) {
.landing-group2 .offset-right {
padding: 2rem 2rem 6rem 2rem;
}
.csillogas::before {
top: -30px;
left: -50px;
transform: scale(0.9);
}
.method {
padding: 1rem 2rem 11rem 2rem !important;
}
.method2 {
padding: 0rem 2rem 5rem 2rem !important;
}
.method-box .content-box {
padding: 0 1rem !important;
}
.club-col {
padding-left: 2rem !important;
padding-right: 2rem !important;
padding-bottom: 4rem !important;
}
.mobile-none {
display: block !important;
}
.desktop-none {
display: none !important;
}
.order-2 {
order: 2;
}
.order-1 {
order: 1
}
.choose-block figure {
margin: 0 auto;
max-width: 190px;
}
.mobile-arrow img {
max-width: 150px !important;
}
.img-100 .content-box {
width: 100%;
padding: 0;
}
.opinion-img {
padding-bottom: 4rem;
}
.didit-img {
padding-bottom: 1rem;
}
.whatdo-col1 {
padding-bottom: 0;
}
.gap-8,
.whatdo-cols {
gap: 1rem !important;
}
.club-cols,
.col-6 .wp-block-columns {
gap: 2rem !important;
}
.whom-cols {
gap: 4rem !important;
}
.img-left {
margin-left: -30px !important;
}
.whom-list {
padding-left: 0 !important;
padding-top: 2rem;
}
.club-group .club-cols {
padding-top: 1rem;
}
.img-pink {
padding-top: 4rem;
}
.knowledge-group {
position: relative;
padding-bottom: 0 !important;
}
.knowledge-group:after {
position: absolute;
content: '';
width: 100%;
height: 30%;
background-color: var(--wp--preset--color--light-blush);
bottom: 0;
}
.knowledge-group .wp-block-columns {
z-index: 1;
position: relative;
}
.top-0,
.whatdo-col2 .list-svg {
padding-top: 0 !important;
}
.whatdo-col1 .list-svg {
padding-bottom: 0 !important;
}
.didit-img {
text-align: center;
}
.full-img {
padding-left: 0;
padding-right: 0;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw !important;
margin-right: -50vw !important;
position: relative;
}
.width-90 {
width: 90%;
}
.margin-2 {
margin-right: -2rem;
}
.cream-bg:before {
width: 92%;
}
.opinion-box {
width: 90% !important;
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.opinion-box:before {
content: url('data:image/svg+xml,');
top: -40px;
left: -60px;
transform: rotate(-25deg) scale(0.8);
}
.opinion-box:after {
content: url('data:image/svg+xml,');
bottom: -40px;
right: -60px;
transform: rotate(150deg) scale(0.8);
}
.about-mod-col1 {
padding-top: 0 !important;
padding-bottom: 6rem !important;
}
.about-mod {
padding-top: 6rem !important;
}
.rolam .wp-block-buttons {
margin-top: 3rem !important;
}
.gyik-cols {
gap: 0 !important
}
.login-col2 {
display: none;
}
.login-x {
margin-bottom: 3rem !important
}
}
@media screen and (max-width: 541px) {
.pink-alahuzas::before {
left: 0;
}
.login-col1 {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.login-page .content-box {
padding-left: 0;
padding-right: 1rem;
}
.try-block .content-box {
padding-left: 1rem;
padding-right: 1rem;
}
.try-block {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.wp-block-buttons>.wp-block-button,
body .woocommerce form.login,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
display: block !important;
width: 100% !important;
}
.img-75 {
width: 75px;
}
.list5-cols {
display: block !important;
}
.list5-cols .wp-block-column:nth-of-type(2) {
padding-left: 1rem;
}
.system-text {
margin-bottom: 3rem !important;
}
.faq-cols {
gap: 0 !important;
}
.opinion-box:before {
top: -50px;
left: -50px;
transform: rotate(-25deg) scale(0.7);
}
.opinion-box:after {
bottom: -50px;
right: -50px;
transform: rotate(150deg) scale(0.7);
}
.hero .list-svg {
padding-left: 0 !important;
}
.pink-box {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.opinion-img {
padding-top: 3rem !important;
}
.alahuzas::before {
width: 0;
}
.try-box {
padding: 0 !important;
}
.try-box .wp-block-group {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.footer-up-ask{
margin-bottom: 0 !important;
}
footer .column-2{
gap: 3rem;}
}
/* == Search == */
.wp-block-search .wp-block-search__button .search-icon {
display: none !important;
}
.wp-block-search .wp-block-search__button {
width: 44px !important;
height: 44px !important;
background-color: transparent !important;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 25px 25px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.wp-block-search__inside-wrapper,
.wp-block-search__input {
background-color: transparent;
}
/* == Bejelentkezés == */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
box-shadow: 0 0 0 1000px #ffffff inset !important;
-webkit-text-fill-color: #000 !important;
}
body .woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
border: var(--wc-form-border-width) solid #564256;
border-radius: 20px;
}
body .woocommerce form.login {
width: 60%;
border: none;
padding: 0;
margin: 0;
}
.login-col1 {
background-color: rgba(251, 250, 246, 0.9);
}
.login-col2 {
margin-left: -50px !important;
}
.login-x {
z-index: 1;
position: relative;
}
body .woocommerce form .form-row {
margin-bottom: 15px;
}
.lost_password {
margin-top: 2rem;
}
/* == Mark kereső == */
.pts__icon {
width: 20px;
height: 20px;
cursor: pointer;
}
.pts__count {
font-size: 14px;
opacity: .75;
margin-left: auto;
}
.pts__input,
.pts__iconbtn {
background: transparent;
border-color: transparent;
}
.pts__iconbtn:active {
transform: translateY(1px);
}
.pts__box {
border: 1px solid #949494;
width: 25%;
border-radius: 50px;
padding: 10px;
display: flex;
margin: 0 auto;
}
.pts__input {
border: none;
}
/* Kiemelés */
.pts-mark {
background: #fff59d;
padding: 0 .08em;
border-radius: .2em;
}
.pts-mark--active {
outline: 2px solid #564256;
}
/* == Header kereső == */
.site-search {
max-width: 320px;
}
.site-search__field {
border: 1px solid #949494;
border-radius: 50px;
padding: 10px;
display: flex;
background: white;
}
.site-search__input {
border: none;
}
.site-search__btn svg {
width: 30px;
}
.site-search button {
background: transparent;
border: none;
}
#top-search {
position: relative;
}
#header-search {
position: absolute;
top: 100%;
right: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-8px);
transition:
opacity 0.25s ease,
transform 0.25s ease,
visibility 0.25s ease;
}
#header-search.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
#search-icon {
cursor: pointer;
padding-left: 2rem;
}
#search-icon svg {
width: 30px;
}
/* == Péztár == */
.wc-block-components-checkout-step__content path,
.wc-block-components-checkout-step__content textarea {
display: none;
}
/* == Fiókom == */
.woocommerce-MyAccount-navigation {
position: relative;
left: 0;
transform: none;
top: 0;
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation li {
list-style: none;
text-align: center;
text-transform: uppercase;
margin-bottom: 5px;
}
.woocommerce-MyAccount-navigation li a {
padding: 1rem;
background: white;
display: block;
}
.woocommerce-MyAccount-navigation li a:hover {
background: var(--wp--preset--color--light-blush);
color: #333;
}
.woocommerce-MyAccount-navigation li.is-active a {
background: var(--wp--preset--color--dusty-rose);
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 63% !important;
}