.elementor-kit-8371{--e-global-color-primary:#08A4B2;--e-global-color-secondary:#892AE1;--e-global-color-text:#555555;--e-global-color-accent:#EF2756;--e-global-color-af9968d:#FFFFFF;--e-global-color-af5c65e:#F6F6F6;--e-global-color-46b57aed:#410BAE;--e-global-color-0f83268:#E70037;--e-global-color-e7e5ada:#EEEEEE;--e-global-color-a28d976:#F2B703;--e-global-color-065bac9:#F6A400;--e-global-color-2a48672:#6500C3;--e-global-color-71b75cd:#01828E;--e-global-typography-primary-font-family:"Gilroy";--e-global-typography-primary-font-size:3.4rem;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Gilroy";--e-global-typography-secondary-font-size:1.8rem;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1.2rem;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-7130c27-font-family:"Gilroy";--e-global-typography-7130c27-font-size:1.2rem;--e-global-typography-7130c27-font-weight:300;--e-global-typography-7130c27-line-height:1.3em;--e-global-typography-7130c27-letter-spacing:2px;--e-global-typography-a0c0906-font-family:"Gilroy";--e-global-typography-a0c0906-font-size:1.6rem;--e-global-typography-a0c0906-font-weight:500;--e-global-typography-a0c0906-line-height:1.2em;--e-global-typography-8e9aeb5-font-family:"Montserrat";--e-global-typography-8e9aeb5-font-size:1.6rem;--e-global-typography-8e9aeb5-font-weight:800;--e-global-typography-8e9aeb5-line-height:1.2em;--e-global-typography-952d2a7-font-size:1.2rem;--e-global-typography-952d2a7-font-weight:800;--e-global-typography-952d2a7-line-height:1.3em;--e-global-typography-6fc77d4-font-family:"Gilroy";--e-global-typography-6fc77d4-font-size:2.7rem;--e-global-typography-6fc77d4-font-weight:800;--e-global-typography-6fc77d4-line-height:1.2em;--e-global-typography-2f23a04-font-family:"Gilroy";--e-global-typography-2f23a04-font-size:4rem;--e-global-typography-2f23a04-font-weight:800;--e-global-typography-2f23a04-line-height:1.2em;--e-global-typography-2a5f3d8-font-family:"Gilroy";--e-global-typography-2a5f3d8-font-size:1.8rem;--e-global-typography-2a5f3d8-line-height:1.2em;background-color:var( --e-global-color-af9968d );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8371 button,.elementor-kit-8371 input[type="button"],.elementor-kit-8371 input[type="submit"],.elementor-kit-8371 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-af9968d );background-image:linear-gradient(90deg, var( --e-global-color-accent ) 0%, var( --e-global-color-a28d976 ) 100%);box-shadow:30px 15px -25px 0px rgba(0, 0, 0, 0.35);border-radius:50px 50px 50px 50px;padding:13px 25px 13px 25px;}.elementor-kit-8371 button:hover,.elementor-kit-8371 button:focus,.elementor-kit-8371 input[type="button"]:hover,.elementor-kit-8371 input[type="button"]:focus,.elementor-kit-8371 input[type="submit"]:hover,.elementor-kit-8371 input[type="submit"]:focus,.elementor-kit-8371 .elementor-button:hover,.elementor-kit-8371 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-0f83268 ) 0%, #FFD200 100%);}.elementor-kit-8371 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8371 a{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-kit-8371 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-6fc77d4-font-family ), Sans-serif;font-size:var( --e-global-typography-6fc77d4-font-size );font-weight:var( --e-global-typography-6fc77d4-font-weight );line-height:var( --e-global-typography-6fc77d4-line-height );}.elementor-kit-8371 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8371 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-8e9aeb5-font-family ), Sans-serif;font-size:var( --e-global-typography-8e9aeb5-font-size );font-weight:var( --e-global-typography-8e9aeb5-font-weight );line-height:var( --e-global-typography-8e9aeb5-line-height );}.elementor-kit-8371 h4{color:var( --e-global-color-primary );font-size:var( --e-global-typography-952d2a7-font-size );font-weight:var( --e-global-typography-952d2a7-font-weight );line-height:var( --e-global-typography-952d2a7-line-height );}.elementor-kit-8371 h5{color:var( --e-global-color-primary );font-family:"Gilroy", Sans-serif;font-size:1.1em;font-weight:800;line-height:1.4em;}.elementor-kit-8371 h6{color:var( --e-global-color-primary );font-family:"Gilroy", Sans-serif;font-size:1em;font-weight:800;line-height:1.5em;}.elementor-kit-8371 input:not([type="button"]):not([type="submit"]),.elementor-kit-8371 textarea,.elementor-kit-8371 .elementor-field-textual{font-size:16px;background-color:var( --e-global-color-af9968d );border-style:solid;border-color:#888888;border-radius:5px 5px 5px 5px;padding:16px 16px 16px 16px;}.elementor-kit-8371 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-8371 textarea:focus,.elementor-kit-8371 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:1921px){.elementor-kit-8371{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8371 h1{font-size:var( --e-global-typography-6fc77d4-font-size );line-height:var( --e-global-typography-6fc77d4-line-height );}.elementor-kit-8371 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8371 h3{font-size:var( --e-global-typography-8e9aeb5-font-size );line-height:var( --e-global-typography-8e9aeb5-line-height );}.elementor-kit-8371 h4{font-size:var( --e-global-typography-952d2a7-font-size );line-height:var( --e-global-typography-952d2a7-line-height );}.elementor-kit-8371 button,.elementor-kit-8371 input[type="button"],.elementor-kit-8371 input[type="submit"],.elementor-kit-8371 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1280px){.elementor-kit-8371{--e-global-typography-primary-font-size:3.2rem;--e-global-typography-secondary-font-size:1.7rem;--e-global-typography-8e9aeb5-font-size:1.5rem;--e-global-typography-6fc77d4-font-size:2.7rem;--e-global-typography-2f23a04-font-size:3.8rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8371 h1{font-size:var( --e-global-typography-6fc77d4-font-size );line-height:var( --e-global-typography-6fc77d4-line-height );}.elementor-kit-8371 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8371 h3{font-size:var( --e-global-typography-8e9aeb5-font-size );line-height:var( --e-global-typography-8e9aeb5-line-height );}.elementor-kit-8371 h4{font-size:var( --e-global-typography-952d2a7-font-size );line-height:var( --e-global-typography-952d2a7-line-height );}.elementor-kit-8371 button,.elementor-kit-8371 input[type="button"],.elementor-kit-8371 input[type="submit"],.elementor-kit-8371 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1024px){.elementor-kit-8371{--e-global-typography-primary-font-size:3rem;--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-accent-font-size:1.1rem;--e-global-typography-7130c27-font-size:1.1rem;--e-global-typography-7130c27-line-height:1.25em;--e-global-typography-a0c0906-font-size:1.5rem;--e-global-typography-8e9aeb5-font-size:1.4rem;--e-global-typography-6fc77d4-font-size:2.6rem;--e-global-typography-2f23a04-font-size:3.6rem;--e-global-typography-2a5f3d8-font-size:1.7rem;}}@media(max-width:768px){.elementor-kit-8371{--e-global-typography-primary-font-size:2.8rem;--e-global-typography-secondary-font-size:1.6rem;--e-global-typography-text-line-height:1.6em;--e-global-typography-a0c0906-font-size:1.4rem;--e-global-typography-a0c0906-line-height:1.3em;--e-global-typography-8e9aeb5-font-size:1.3rem;--e-global-typography-952d2a7-font-size:1.1rem;--e-global-typography-6fc77d4-font-size:2.4rem;--e-global-typography-2f23a04-font-size:3.4rem;--e-global-typography-2a5f3d8-font-size:1.6rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8371 h1{font-size:var( --e-global-typography-6fc77d4-font-size );line-height:var( --e-global-typography-6fc77d4-line-height );}.elementor-kit-8371 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8371 h3{font-size:var( --e-global-typography-8e9aeb5-font-size );line-height:var( --e-global-typography-8e9aeb5-line-height );}.elementor-kit-8371 h4{font-size:var( --e-global-typography-952d2a7-font-size );line-height:var( --e-global-typography-952d2a7-line-height );}.elementor-kit-8371 button,.elementor-kit-8371 input[type="button"],.elementor-kit-8371 input[type="submit"],.elementor-kit-8371 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:560px){.elementor-kit-8371{--e-global-typography-primary-font-size:2.4rem;--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-accent-letter-spacing:0.5px;--e-global-typography-7130c27-font-size:1rem;--e-global-typography-7130c27-line-height:1.3em;--e-global-typography-a0c0906-font-size:1.3rem;--e-global-typography-8e9aeb5-font-size:1.2rem;--e-global-typography-6fc77d4-font-size:2.2rem;--e-global-typography-2f23a04-font-size:2.8rem;--e-global-typography-2a5f3d8-font-size:1.3rem;}.elementor-kit-8371 button,.elementor-kit-8371 input[type="button"],.elementor-kit-8371 input[type="submit"],.elementor-kit-8371 .elementor-button{padding:15px 20px 15px 20px;}}@media(max-width:360px){.elementor-kit-8371{--e-global-typography-primary-font-size:2.3rem;--e-global-typography-primary-line-height:1.15em;--e-global-typography-secondary-font-size:1.4rem;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-size:1.1rem;--e-global-typography-2f23a04-font-size:2.6rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8371 h1{font-size:var( --e-global-typography-6fc77d4-font-size );line-height:var( --e-global-typography-6fc77d4-line-height );}.elementor-kit-8371 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8371 h3{font-size:var( --e-global-typography-8e9aeb5-font-size );line-height:var( --e-global-typography-8e9aeb5-line-height );}.elementor-kit-8371 h4{font-size:var( --e-global-typography-952d2a7-font-size );line-height:var( --e-global-typography-952d2a7-line-height );}.elementor-kit-8371 button,.elementor-kit-8371 input[type="button"],.elementor-kit-8371 input[type="submit"],.elementor-kit-8371 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//****************************************************** ############## CUSTOM STYLES START ############## ******************************************************/ /* =============== CUSTOM STYLES END =============== */ /* Gomb stílus probléma megoldása */ .elementor-button-text { color:#fff; font-weight: 800; line-height:1.4; text-transform:uppercase; } .gomb2 .elementor-button-text { color: var(--e-global-color-accent); } .gomb2:hover .elementor-button-text { color: #fff; } /***** JELENTKEZÉSI DÁTUM MEZŐ ELREJTÉSE *****/ .elementor-field-group-datum { display: none; } /*** GRADIENT BETŰK ***/ .gradient-12 h1, .gradient-12 h2, .gradient-12 h3, .gradient-12 h4, .gradient-12 h5, .gradient-12 h6, .gradient-12 p, .gradient-12 span { background: linear-gradient(to right, var(--gradient-color1), var(--gradient-color2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom:2px; } .gradient-21 h1, .gradient-21 h2, .gradient-21 h3, .gradient-21 h4, .gradient-21 h5, .gradient-21 h6, .gradient-21 p, .gradient-21 span { background: linear-gradient(to right, var(--gradient-color2), var(--gradient-color1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom:2px; } .gradient-121 h1, .gradient-121 h2, .gradient-121 h3, .gradient-121 h4, .gradient-121 h5, .gradient-121 h6, .gradient-121 p, .gradient-121 span { background: linear-gradient(to right, var(--gradient-color1), var(--gradient-color2), var(--gradient-color1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom:2px; } .gradient-212 h1, .gradient-212 h2, .gradient-212 h3, .gradient-212 h4, .gradient-212 h5, .gradient-212 h6, .gradient-212 p, .gradient-212 span { background: linear-gradient(to right, var(--gradient-color2), var(--gradient-color1), var(--gradient-color2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom:2px; } /*** GRADIENT BG ***/ .gradient-12-bg, .elem-gradient-12-bg .elementor-widget, .cont-gradient-12-bg > .e-con-inner > .e-con, .gradient-12-bg.e-con, .img-gradient-12-bg img { background-image: linear-gradient(to right, var(--gradient-color1), var(--gradient-color2)); } .gradient-21-bg, .elem-gradient-21-bg .elementor-widget, .cont-gradient-21-bg > .e-con-inner > .e-con, .gradient-21-bg.e-con, .img-gradient-21-bg img { background-image: linear-gradient(to right, var(--gradient-color2), var(--gradient-color1)); } .gradient-121-bg, .elem-gradient-121-bg .elementor-widget, .cont-gradient-121-bg > .e-con-inner > .e-con, .gradient-121-bg.e-con, .img-gradient-121-bg img { background-image: linear-gradient(to right, var(--gradient-color1), var(--gradient-color2), var(--gradient-color1)); } .gradient-212-bg, .elem-gradient-212-bg .elementor-widget, .cont-gradient-212-bg > .e-con-inner > .e-con, .gradient-212-bg.e-con, .img-gradient-212-bg img { background-image: linear-gradient(to right, var(--gradient-color2), var(--gradient-color1), var(--gradient-color2)); } .gradient-updown-12-bg, .elem-gradient-updown-12-bg .elementor-widget, .cont-gradient-updown-12-bg > .e-con-inner > .e-con, .gradient-updown-12-bg.e-con, .img-gradien-updownt-12-bg img { background-image: linear-gradient(180deg, var(--gradient-color1) 0%, var(--gradient-color2) 100%); } .gradient-updown-21-bg, .elem-gradient-updown-21-bg .elementor-widget, .cont-gradient-updown-21-bg > .e-con-inner > .e-con, .gradient-updown-21-bg.e-con, .img-gradien-updownt-21-bg img { background-image: linear-gradient(180deg, var(--gradient-color1) 0%, var(--gradient-color2) 100%); } /* Ally gomb */ @media (max-width:420px) { .ea11y-widget button { bottom: 10px !important; right: 10px !important; } .ea11y-widget-button--open-widget.ea11y-widget-open-button--icon.ea11y-widget-open-button--medium { width: 30px !important; height: 30px !important; } .ea11y-widget-button--open-widget.ea11y-widget-open-button--icon.ea11y-widget-open-button--medium .ea11y-widget-open-button__icon-border { width: 25px !important; height: 25px !important; } } /* PhotoSwipe lightbox gombok */ button.pswp__button { background-image: none!important; padding: 0!important; } button.pswp__button:hover { transform: scale(1); } /* REFERENCIÁK */ .referenciak .gallery-item { height: 200px; overflow: hidden; margin:0 10px 15px!important; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius:5px; } .referenciak img { width:100%; } @media (min-width: 361px) { .referenciak .gallery-item { max-width: 23.3%!important; } } @media (max-width: 1280px) { .referenciak .gallery-item { height: 180px; max-width: 23.2%!important; margin:0 10px 18px!important; } } @media (max-width: 1024px) { .referenciak .gallery-item { height: 150px; max-width: 22.8%!important; margin:0 10px 20px!important; } } @media (max-width: 768px) { .referenciak .gallery-item { max-width: 30.4%!important; } } @media (max-width:560px) { .referenciak .gallery-item { height: 160px; max-width:43.6%!important; } } @media (max-width:360px) { .referenciak .gallery-item { height: 160px; max-width:100%!important; margin:0 0 25px!important; } } /***** ANIMÁLT LINK ALÁHÚZÁS *****/ :not(#footer) .elementor-widget-text-editor a, .elementor-widget-theme-post-content p a { position: relative; } :not(#footer) .elementor-widget-text-editor a:after, .elementor-widget-theme-post-content p a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: var(--e-global-color-primary); transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .elementor-widget-text-editor a:hover:after, .elementor-widget-theme-post-content p a:hover:after { width: 100%; left: 0; } #footer .elementor-widget-text-editor a:hover { text-decoration: underline; } /***** GY.I.K. STYLE START *****/ /*********** old .gyikstyle start - ez is kell ***********/ .gyikstyle .elementor-toggle-item { background-image: linear-gradient(to right, var(--color1), var(--color2)); border-radius: 10px; padding-bottom:5px; margin-bottom:15px; } .gyikstyle .elementor-toggle-item a.elementor-toggle-title { color:#fff; font-size:1.3em; line-height:1.2; } .gyikstyle .elementor-toggle .elementor-tab-title { padding:10px 15px 8px; } .gyikstyle .elementor-toggle-icon { top:3px; position: relative; margin-bottom:15px; } .elementor-toggle-icon svg { fill:#fff; } .gyikstyle .elementor-tab-content { margin:0 5px; border-radius:7px; background:#fff; } .gyikstyle .elementor-tab-title, .elementor-tab-content { border-bottom:0px!important; } /*********** new .gyikstyle start ***********/ .gyikstyle details { background-image: linear-gradient(to right, var(--color1), var(--color2)); border-radius: 10px; margin-bottom:15px; } .gyikstyle details[open] { padding-bottom:5px; } .gyikstyle summary, .gyikstyle details > div { border:0!important; } .gyikstyle summary { justify-content: space-between!important; flex-direction: row-reverse!important; color:#fff!important; line-height: 1.3; padding:7px 10px!important; } .gyikstyle summary .e-n-accordion-item-title-text { font-size:1.1em!important; font-weight:700; } .gyikstyle .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon svg path { fill: #fff!important; } .gyikstyle details > div { padding:0; } .gyikstyle details .e-con .elementor-widget-container { padding:20px; } .gyikstyle details .elementor-widget { background: #fff; margin:0 5px 5px 5px; padding: 10px; border-radius: 5px; color: var(--e-global-color-text)!important; } .gyikstyle .e-n-accordion details:not(last-child) { margin-bottom:20px!important; } .gyikstyle details p { font-size:0.95em; line-height: 1.6; } /*********** new .gyikstyle start ***********/ .elementor-toggle-icon { margin-top:0.2em; } .elementor-widget-toggle .elementor-toggle-item .elementor-tab-content { padding:25px; font-size:0.9em; } .simple.elementor-widget-toggle .elementor-tab-content { padding-top:0; } .elementor-toggle .elementor-tab-content, .elementor-toggle .elementor-tab-title { border-bottom: 1px solid #d4d4d4; } .elementor-toggle .elementor-toggle-item:last-child .elementor-tab-content, .elementor-toggle .elementor-toggle-item:last-child .elementor-tab-title { border-bottom:0 } .elementor-tab-content p:last-child { margin-bottom:0; } /******** Keretes, "beágyazott" válasz start ********/ .embedded-answer .elementor-toggle-item { margin-top:20px; background:var(--e-global-color-primary); padding:3px 7px 7px 7px; } .embedded-answer .elementor-tab-content { background:#ffff; } .embedded-answer .elementor-toggle .elementor-tab-content, .embedded-answer .elementor-toggle .elementor-tab-title { border-bottom: 0; } .embedded-answer .elementor-toggle { box-shadow:none; } .embedded-answer.small-borderradius .elementor-toggle-item { border-radius: var(--small-border-radius); } .embedded-answer.med-borderradius .elementor-toggle-item { border-radius: var(--med-border-radius); } .embedded-answer.big-borderradius .elementor-toggle-item { border-radius: var(--big-border-radius); } .embedded-answer.small-borderradius .elementor-tab-content { border-radius: calc(var(--small-border-radius) - 3px); } .embedded-answer.med-borderradius .elementor-tab-content { border-radius: calc(var(--med-border-radius) - 5px); } .embedded-answer.big-borderradius .elementor-tab-content { border-radius: calc(var(--big-border-radius) - 5px); } /******** Keretes, "beágyazott" válasz end ********/ /*** ALACSONY Alakzati Elválasztó Reszponzív Magassága ***/ .small-shape .elementor-shape svg { height: calc(var(--separator-height) * 0.7); } @media (max-width:1280px) { .small-shape .elementor-shape svg { height: calc(var(--separator-height) * 0.6); } } @media (max-width:1024px) { .small-shape .elementor-shape svg { height: calc(var(--separator-height) * 0.5); } } @media (max-width:768px) { .small-shape .elementor-shape svg { height: calc(var(--separator-height) * 0.4); } } @media (max-width:580px) { .small-shape .elementor-shape svg { height: calc(var(--separator-height) * 0.3); } } .small-shape.e-parent:has(.elementor-shape-top) { padding-top: 10px; } .small-shape.e-parent:has(.elementor-shape-bottom) { padding-bottom: 10px; } .e-parent:has(+ .small-shape.e-parent:has(.elementor-shape-top)) > .e-con-inner > :last-child { margin-bottom: 0px; } .small-shape.e-parent:has(.elementor-shape-bottom) + .e-parent > .e-con-inner > :first-child { margin-top: 0px; } @media (max-width: 1280px) { .small-shape.e-parent:has(.elementor-shape-top) { padding-top: 5px; } .small-shape.e-parent:has(.elementor-shape-bottom) { padding-bottom: 5px; } } /****************************************************** ############## GLOBAL VARIABLES START ############## ******************************************************/ .elementor-kit-8371 { --small-padding: 20px; --med-padding: 30px; --big-padding: 40px; --small-borderradius: 5px; --med-borderradius: 10px; --big-borderradius: 20px; --small-border: 1px; --med-border: 2px; --big-border: 4px; --small-boxshadow: 0 15px 10px -10px rgba(0,0,0,0.25); --med-boxshadow: 0 20px 30px -20px rgba(0,0,0,0.5); --big-boxshadow: 0 25px 20px -15px rgba(0,0,0,0.2); --small-textshadow: 0 0 5px rgba(0,0,0,1); --med-textshadow: 0 0 10px rgba(0,0,0,1); --big-textshadow: 0 0 20px rgba(0,0,0,1); --small-icon-list-icon: 25px; --med-icon-list-icon: 35px; --big-icon-list-icon: 50px; --headline-fontfamily: var(--e-global-typography-primary-font-family); --headline-fontsize: var(--e-global-typography-primary-font-size); --headline-fontweight: var(--e-global-typography-primary-font-weight); --headline-lineheight: var(--e-global-typography-primary-line-height); --headline-letterspacing: var(--e-global-typography-primary-letter-spacing); --boxheadline-fontfamily: var(--e-global-typography-secondary-font-family); --boxheadline-fontsize: var(--e-global-typography-secondary-font-size); --boxheadline-fontweight: var(--e-global-typography-secondary-font-weight); --boxheadline-lineheight: var(--e-global-typography-secondary-line-height); --boxheadline-letterspacing: var(--e-global-typography-secondary-letter-spacing); --text-fontfamily: var(--e-global-typography-text-font-family); --text-fontsize: var(--e-global-typography-text-font-size); --text-fontweight: var(--e-global-typography-text-font-weight); --text-lineheight: var(--e-global-typography-text-line-height); --text-letterspacing: var(--e-global-typography-text-letter-spacing); --button-fontfamily: var(--e-global-typography-accent-font-family); --button-fontsize: var(--e-global-typography-accent-font-size); --button-fontweight: var(--e-global-typography-accent-font-weight); --button-lineheight: var(--e-global-typography-accent-line-height); --button-letterspacing: var(--e-global-typography-accent-letter-spacing); --button-boxhsadow: 0 15px 15px -10px rgba(0, 0, 0, .4); --preheadline-fontfamily: var(--e-global-typography-7130c27-font-family); --preheadline-fontsize: var(--e-global-typography-7130c27-font-size); --preheadline-fontweight: var(--e-global-typography-7130c27-font-weight); --preheadline-lineheight: var(--e-global-typography-7130c27-line-height); --preheadline-letterspacing: var(--e-global-typography-7130c27-letter-spacing); --subheadline-fontfamily: var(--e-global-typography-a0c0906-font-family); --subheadline-fontsize: var(--e-global-typography-a0c0906-font-size); --subheadline-fontweight: var(--e-global-typography-a0c0906-font-weight); --subheadline-lineheight: var(--e-global-typography-a0c0906-line-height); --subheadline-letterspacing: var(--e-global-typography-a0c0906-letter-spacing); --textheadline-fontfamily: var(--e-global-typography-8e9aeb5-font-family); --textheadline-fontsize: var(--e-global-typography-8e9aeb5-font-size); --textheadline-fontweight: var(--e-global-typography-8e9aeb5-font-weight); --textheadline-lineheight: var(--e-global-typography-8e9aeb5-line-height); --textheadline-letterspacing: var(--e-global-typography-8e9aeb5-letter-spacing); --pageheadline-fontfamily: var(--e-global-typography-6fc77d4-font-family); --pageheadline-fontsize: var(--e-global-typography-6fc77d4-font-size); --pageheadline-fontweight: var(--e-global-typography-6fc77d4-font-weight); --pageheadline-lineheight: var(--e-global-typography-6fc77d4-line-height); --pageheadline-letterspacing: var(--e-global-typography-6fc77d4-letter-spacing); --box-subheadline-color: var(--color1); --box-subheadline-fontfamily: var(--boxheadline-fontfamily); --box-subheadline-fontsize: calc(var(--boxheadline-fontsize) * 0.8); --box-subheadline-fontweight: calc(var(--boxheadline-fontweight) * 0.6 ); --box-subheadline-lineheight: 1em; --box-subheadline-margintop: -25px; --box-subheadline-marginbottom: 10px; --color1: var(--e-global-color-primary); --color2: var(--e-global-color-secondary); --color3: var(--e-global-color-accent); --color-text: var(--e-global-color-text); --small-blur: blur(3px); --med-blur: blur(6px); --big-blur: blur(10px); --noise: linear-gradient(180deg, rgba(250,250,255,.3), rgba(240,240,240,.3)), url(https://grainy-gradients.vercel.app/noise.svg); --button-color: #fff; --button-bg: linear-gradient(90deg, var(--e-global-color-accent) 0%, var(--e-global-color-a28d976) 100%); --button-hover-color: #fff; --button-hover-bg: linear-gradient(90deg, var(--e-global-color-0f83268) 0%, #FFD200 100%); --button2-color: var(--color3); --button2-bg: transparent; --button2-border: linear-gradient(45deg, var(--color3), var(--e-global-color-a28d976)); --button2-hover-color: #fff; --button2-hover-border: linear-gradient(45deg, var(--e-global-color-0f83268), #FFD200); --button2-hover-bg: linear-gradient(45deg, var(--e-global-color-0f83268), #FFD200); --button2-borderradius: 50px; --gradient-color1: var(--color1); --gradient-color2: var(--color2); --grey: #efefef; --icon-color: var(--e-global-color-primary); --messagebox-bg-color: #efefef; --messagebox-success-bg-color: #c5edd4; --messagebox-success-text-color: #157439; --messagebox-error-bg-color: #eed3d3; --messagebox-error-text-color: #971616; --section-padding-top-bottom: 100px; --small-section-padding-top-bottom: 50px; --extra-small-section-padding-top-bottom: 25px; --section-padding-left-right: 20px; --maxw1024-section-padding-top-bottom: 80px; --maxw1024-small-section-padding-top-bottom: 30px; --maxw1024-extra-small-section-padding-top-bottom: 20px; --maxw1024-section-padding-left-right: 25px; --maxw768-section-padding-top-bottom: 60px; --maxw768-small-section-padding-top-bottom: 20px; --maxw768-small-section-padding-top-bottom: 15px; --maxw768-section-padding-left-right: 20px; --small-imgup: -60px; --med-imgup: -80px; --big-imgup: -100px; --buttons-hover-zoom: scale(1.02); --hover-zoom: scale(1.05); --hover-up: translate(0,-10px); --hover-rotate: rotate(4deg); --separator-height: 70px; } .elementor-kit-8371 h1 { font-family: var(--pageheadline-fontfamily), Sans-serif; font-size: var(--pageheadline-fontsize); font-weight: var(--pageheadline-fontweight); line-height: var(--pageheadline-lineheight); } .elementor-kit-8371 h2 { font-family: var(--headline-fontfamily); font-size: var(--headline-fontsize); font-weight: var(--headline-fontweight); line-height: var(--headline-lineheight); } .elementor-kit-8371 h3, .elementor-kit-8371 h4, .elementor-kit-8371 h5, .elementor-kit-8371 h6 { font-family: var(--textheadline-fontfamily); line-height: var(--textheadline-lineheight); } .elementor-kit-8371 h3 { font-size: var(--textheadline-fontsize); font-weight: var(--textheadline-fontweight); } .elementor-kit-8371 h4 { font-size: calc(var(--textheadline-fontsize) * 0.9); font-weight: var(--textheadline-fontweight); } .elementor-kit-8371 h5 { font-size: calc(var(--textheadline-fontsize) * 0.8); font-weight: calc(var(--textheadline-fontweight) * 0.8); } .elementor-kit-8371 h6 { font-size: calc(var(--textheadline-fontsize) * 0.7); font-weight: calc(var(--textheadline-fontweight) * 0.7); } @media(max-width:1280px) { .elementor-kit-8371 { --small-padding: 18px; --med-padding: 25px; --big-padding: 35px; } } @media(max-width:1024px) { .elementor-kit-8371 { --small-padding: 16px; --med-padding: 22px; --big-padding: 30px; } } @media(max-width:768px) { .elementor-kit-8371 { --small-padding: 14px; --med-padding: 20px; --big-padding: 25px; } } @media(max-width:580px) { .elementor-kit-8371 { --small-padding: 12px; --med-padding: 18px; --big-padding: 20px; } } /* =============== GLOBAL VARIABLES END =============== */ /***************************************************** ############ LEHETSÉGES ÁTÍRANDÓK START ############ ******************************************************/ /* Kiemelt szövegdoboz */ .kiemeltbox { background-image: linear-gradient(to right, var(--gradient-color1), var(--gradient-color2)); border-radius: var(--med-borderradius); padding: var(--small-padding); font-weight: 500; line-height: 1.5em; box-shadow: var(--small-boxshadow); color: #fff!important; } /* Egyedi ikonos UL lista */ .custom-list ul { list-style-type: none; padding-left: 15px; } .custom-list li { position: relative; padding-left: 30px; margin-bottom: 10px; } .custom-list li:not(.elementor-editor-element-setting)::before { content: ""; position: absolute; width: 20px; height: 20px; top: 4px; left: 0; background: url(/wp-content/uploads/2025/01/icon-check-1.svg) no-repeat; } /* ========= LEHETSÉGES ÁTÍRANDÓK END ========= */ /****************************************************** ################# ALAPOK START ################# ******************************************************/ /* Dupla scroll bar és felesleges oldal scroll bar elkerülése */ html, body { overflow-x: hidden !important; } body { overflow-y: hidden; margin:0; } /* Ténylegesen jó helyen legyen a tablet töréspont */ @media (max-width: 768px) { .e-con.e-flex { --width: 100%; --flex-wrap: var(--flex-wrap-mobile); } } /* Max. 100% Szélességű elemek */ .elementor-element { max-width:100%; } /* Alap betűméret */ html { font-size: var(--basic-font-size); } /* Címsorok */ h1 { font-family: var(--pageheadline-fontfamily), Sans-serif; font-size: var(--pageheadline-fontsize); font-weight: var(--pageheadline-fontweight); line-height: var(--pageheadline-lineheight); } h2 { font-family: var(--headline-fontfamily); font-size: var(--headline-fontsize); font-weight: var(--headline-fontweight); line-height: var(--headline-lineheight); } h3, h4, h5, h6 { font-family: var(--textheadline-fontfamily); line-height: var(--textheadline-lineheight); } h3 { font-size: var(--textheadline-fontsize); font-weight: var(--textheadline-fontweight); } h4 { font-size: calc(var(--textheadline-fontsize) * 0.9); font-weight: var(--textheadline-fontweight); } h5 { font-size: calc(var(--textheadline-fontsize) * 0.8); font-weight: calc(var(--textheadline-fontweight) * 0.8); } h6 { font-size: calc(var(--textheadline-fontsize) * 0.7); font-weight: calc(var(--textheadline-fontweight) * 0.7); } /* Címsor alsó és felső margók */ h1, h2, h3 { margin-block-end: 0.5em; } h4, h5, h6 { margin-block-end: 0.3em; } .elementor-widget-text-editor :not(.elementor-element-overlay) ul { margin-block-start: 0.9rem; margin-block-end: 0.9rem; } /* felső margó ne legyen kép- és ikon-doboz címsorán és szövegdoboz első címsorán*/ .elementor-widget-icon-box h2, .elementor-widget-icon-box h3, .elementor-widget-icon-box h4, .elementor-widget-icon-box h5, .elementor-widget-image-box h2, .elementor-widget-image-box h3, .elementor-widget-image-box h4, .elementor-widget-image-box h5, .elementor-widget h1:first-child, .elementor-widget h2:first-child, .elementor-widget h3:first-child, .elementor-widget h4:first-child, .elementor-widget h5:first-child { margin-block-start: 0; } /* címsorok felső és alsó margók */ .elementor-widget-text-editor h3, .elementor-widget-text-editor h4 { margin-bottom:5px; } .elementor-widget-text-editor h5, .elementor-widget-text-editor h6 { margin-bottom:0px; } .elementor-widget-text-editor h3 { margin-top:25px; } .elementor-widget-text-editor h4 { margin-top:20px; } /* Alsó Margó Listáknak */ ol, ul { margin-bottom: 15px } /* Vertikálisan középre igazított tartalom */ .elem-centervertical .elementor-widget { display: flex; align-items: center; } .elem-centervertical > .e-con-inner > .e-con > .e-con-inner { display: flex; justify-content: center; } /* Csak desktopon / csak tableten / csak mobilon megjelenő elemek */ @media (max-width:1023px) { .onlyondesktop { display: none; } } @media (max-width:580px), (min-width:1024px) { .onlyontablet { display: none; } } @media (min-width:581px) { .onlyonmobile { display: none; } } @media (min-width:1025px) { .onlyonontabletandmobile { display: none; } } /* ========= ALAPOK END ========= */ /****************************************************** ################# COLUMNS START ################# ******************************************************/ /*** ALAPÉRTELMEZETT GAPS & PADDINGS ***/ /*.elementor-element { --widgets-spacing: 0 0; --widgets-spacing-row: 0; --widgets-spacing-column: 0; }*/ /*.e-con-inner .e-con { --padding-inline-start: 0; --padding-inline-end: 0; }*/ /*** ALAPVETŐ TULAJDONSÁGOK ***/ .col2.e-con, .col3.e-con, .col4.e-con, .col5.e-con, .col6.e-con, .col2.e-con > .e-con-inner, .col3.e-con > .e-con-inner, .col4.e-con > .e-con-inner, .col5.e-con > .e-con-inner, .col6.e-con > .e-con-inner { flex-direction: row; flex-wrap: wrap; justify-content: space-between; } /***** KÖZÉPRE IGAZÍTOTT TARTALOM *****/ .col2.elem-center.e-con, .col3.elem-center.e-con, .col4.elem-center.e-con, .col5.elem-center.e-con, .col6.elem-center.e-con, .col2.elem-center.e-con > .e-con-inner, .col3.elem-center.e-con > .e-con-inner, .col4.elem-center.e-con > .e-con-inner, .col5.elem-center.e-con > .e-con-inner, .col6.elem-center.e-con > .e-con-inner, .col2.cont-center.e-con > .e-con-inner, .col3.cont-center.e-con > .e-con-inner, .col4.cont-center.e-con > .e-con-inner, .col5.cont-center.e-con > .e-con-inner, .col6.cont-center.e-con > .e-con-inner { justify-content: center; } /***** OSZLOP SZÉLESSÉGEK *****/ .col2.e-con > .e-con-inner > .elementor-widget, .col2.e-con > .elementor-widget, .col2.e-con > .e-con-inner > .e-con, .col2.e-con > .e-con { width: 47%; } .col3.e-con > .e-con-inner > .elementor-widget, .col3.e-con > .elementor-widget, .col3.e-con > .e-con-inner > .e-con, .col3.e-con > .e-con { width: 30%; } .col4.e-con > .e-con-inner > .elementor-widget, .col4.e-con > .elementor-widget, .col4.e-con > .e-con-inner > .e-con, .col4.e-con > .e-con { width: 22%; } .col5.e-con > .e-con-inner > .elementor-widget, .col5.e-con > .elementor-widget, .col5.e-con > .e-con-inner > .e-con, .col5.e-con > .e-con { width: 18%; } .col6.e-con > .e-con-inner > .elementor-widget, .col6.e-con > .elementor-widget, .col6.e-con > .e-con-inner > .e-con, .col6.e-con > .e-con { width: 15%; } /***** OSZLOP SZÉLESSÉGEK IN small-gap *****/ .col2.small-gap.e-con > .e-con-inner > .elementor-widget, .col2.small-gap.e-con > .elementor-widget, .col2.small-gap.e-con > .e-con-inner > .e-con, .col2.small-gap.e-con > .e-con { width: 48.5%; } .col3.small-gap.e-con > .e-con-inner > .elementor-widget, .col3.small-gap.e-con > .elementor-widget, .col3.small-gap.e-con > .e-con-inner > .e-con, .col3.small-gap.e-con > .e-con { width: 31.6%; } .col4.small-gap.e-con > .e-con-inner > .elementor-widget, .col4.small-gap.e-con > .elementor-widget, .col4.small-gap.e-con > .e-con-inner > .e-con, .col4.small-gap.e-con > .e-con { width: 23.5%; } .col5.small-gap.e-con > .e-con-inner > .elementor-widget, .col5.small-gap.e-con > .elementor-widget, .col5.small-gap.e-con > .e-con-inner > .e-con, .col5.small-gap.e-con > .e-con { width: 18.9%; } .col6.small-gap.e-con > .e-con-inner > .elementor-widget, .col6.small-gap.e-con > .elementor-widget, .col6.small-gap.e-con > .e-con-inner > .e-con, .col6.small-gap.e-con > .e-con { width: 15.8%; } /***** OSZLOP SZÉLESSÉGEK IN no-gap *****/ .col2.no-gap.e-con > .e-con-inner > .elementor-widget, .col2.no-gap.e-con > .elementor-widget, .col2.no-gap.e-con > .e-con-inner > .e-con, .col2.no-gap.e-con > .e-con { width: 50%; } .col3.no-gap.e-con > .e-con-inner > .elementor-widget, .col3.no-gap.e-con > .elementor-widget, .col3.no-gap.e-con > .e-con-inner > .e-con, .col3.no-gap.e-con > .e-con { width: 33.333%; } .col4.no-gap.e-con > .e-con-inner > .elementor-widget, .col4.no-gap.e-con > .elementor-widget, .col4.no-gap.e-con > .e-con-inner > .e-con, .col4.no-gap.e-con > .e-con { width: 25%; } .col5.no-gap.e-con > .e-con-inner > .elementor-widget, .col5.no-gap.e-con > .elementor-widget, .col5.no-gap.e-con > .e-con-inner > .e-con, .col5.no-gap.e-con > .e-con { width: 20%; } .col6.no-gap.e-con > .e-con-inner > .elementor-widget, .col6.no-gap.e-con > .elementor-widget, .col6.no-gap.e-con > .e-con-inner > .e-con, .col6.no-gap.e-con > .e-con { width: 16.666%; } /***** OSZLOP SZÉLESSÉGEK IN c60-40, c40-60, c70-30, c30-70 *****/ .col2.c60-40.e-con > .e-con-inner > .elementor-widget, .col2.c60-40.e-con > .elementor-widget, .col2.c60-40.e-con > .e-con-inner > .e-con, .col2.c60-40.e-con > .e-con { width: 57%; } .col2.c60-40.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c60-40.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c60-40.e-con > .elementor-widget + .elementor-widget, .col2.c60-40.e-con > .elementor-widget + .e-con, .col2.c60-40.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c60-40.e-con > .e-con-inner > .e-con + .e-con, .col2.c60-40.e-con > .e-con + .elementor-widget, .col2.c60-40.e-con > .e-con + .e-con { width: 37%; } .col2.c40-60.e-con > .e-con-inner > .elementor-widget, .col2.c40-60.e-con > .elementor-widget, .col2.c40-60.e-con > .e-con-inner > .e-con, .col2.c40-60.e-con > .e-con{ width: 37%; } .col2.c40-60.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c40-60.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c40-60.e-con > .elementor-widget + .elementor-widget, .col2.c40-60.e-con > .elementor-widget + .e-con, .col2.c40-60.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c40-60.e-con > .e-con-inner > .e-con + .e-con, .col2.c40-60.e-con > .e-con + .elementor-widget, .col2.c40-60.e-con > .e-con + .e-con { width: 57%; } .col2.c70-30.e-con > .e-con-inner > .elementor-widget, .col2.c70-30.e-con > .elementor-widget, .col2.c70-30.e-con > .e-con-inner > .e-con, .col2.c70-30.e-con > .e-con { width: 66%; } .col2.c70-30.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c70-30.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c70-30.e-con > .elementor-widget + .elementor-widget, .col2.c70-30.e-con > .elementor-widget + .e-con, .col2.c70-30.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c70-30.e-con > .e-con-inner > .e-con + .e-con, .col2.c70-30.e-con > .e-con + .elementor-widget, .col2.c70-30.e-con > .e-con + .e-con { width: 28%; } .col2.c30-70.e-con > .e-con-inner > .elementor-widget, .col2.c30-70.e-con > .elementor-widget, .col2.c30-70.e-con > .e-con-inner > .e-con, .col2.c30-70.e-con > .e-con{ width: 28%; } .col2.c30-70.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c30-70.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c30-70.e-con > .elementor-widget + .elementor-widget, .col2.c30-70.e-con > .elementor-widget + .e-con, .col2.c30-70.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c30-70.e-con > .e-con-inner > .e-con + .e-con, .col2.c30-70.e-con > .e-con + .elementor-widget, .col2.c30-70.e-con > .e-con + .e-con { width: 66%; } /***** OSZLOP SZÉLESSÉGEK IN in small-gap c60-40, c40-60, c70-30, c30-70 *****/ .col2.c60-40.small-gap.e-con > .e-con-inner > .elementor-widget, .col2.c60-40.small-gap.e-con > .elementor-widget, .col2.c60-40.small-gap.e-con > .e-con-inner > .e-con, .col2.c60-40.small-gap.e-con > .e-con { width: 58%; } .col2.c60-40.small-gap.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c60-40.small-gap.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c60-40.small-gap.e-con > .elementor-widget + .elementor-widget, .col2.c60-40.small-gap.e-con > .elementor-widget + .e-con, .col2.c60-40.small-gap.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c60-40.small-gap.e-con > .e-con-inner > .e-con + .e-con, .col2.c60-40.small-gap.e-con > .e-con + .elementor-widget, .col2.c60-40.small-gap.e-con > .e-con + .e-con { width: 39%; } .col2.c40-60.small-gap.e-con > .e-con-inner > .elementor-widget, .col2.c40-60.small-gap.e-con > .elementor-widget, .col2.c40-60.small-gap.e-con > .e-con-inner > .e-con, .col2.c40-60.small-gap.e-con > .e-con{ width: 39%; } .col2.c40-60.small-gap.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c40-60.small-gap.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c40-60.small-gap.e-con > .elementor-widget + .elementor-widget, .col2.c40-60.small-gap.e-con > .elementor-widget + .e-con, .col2.c40-60.small-gap.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c40-60.small-gap.e-con > .e-con-inner > .e-con + .e-con, .col2.c40-60.small-gap.e-con > .e-con + .elementor-widget, .col2.c40-60.small-gap.e-con > .e-con + .e-con { width: 58%; } .col2.c70-30.small-gap.e-con > .e-con-inner > .elementor-widget, .col2.c70-30.small-gap.e-con > .elementor-widget, .col2.c70-30.small-gap.e-con > .e-con-inner > .e-con, .col2.c70-30.small-gap.e-con > .e-con { width: 68%; } .col2.c70-30.small-gap.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c70-30.small-gap.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c70-30.small-gap.e-con > .elementor-widget + .elementor-widget, .col2.c70-30.small-gap.e-con > .elementor-widget + .e-con, .col2.c70-30.small-gap.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c70-30.small-gap.e-con > .e-con-inner > .e-con + .e-con, .col2.c70-30.small-gap.e-con > .e-con + .elementor-widget, .col2.c70-30.small-gap.e-con > .e-con + .e-con { width: 29%; } .col2.c30-70.small-gap.e-con > .e-con-inner > .elementor-widget, .col2.c30-70.small-gap.e-con > .elementor-widget, .col2.c30-70.small-gap.e-con > .e-con-inner > .e-con, .col2.c30-70.small-gap.e-con > .e-con{ width: 29%; } .col2.c30-70.small-gap.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c30-70.small-gap.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c30-70.small-gap.e-con > .elementor-widget + .elementor-widget, .col2.c30-70.small-gap.e-con > .elementor-widget + .e-con, .col2.c30-70.small-gap.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c30-70.small-gap.e-con > .e-con-inner > .e-con + .e-con, .col2.c30-70.small-gap.e-con > .e-con + .elementor-widget, .col2.c30-70.small-gap.e-con > .e-con + .e-con { width: 68%; } /***** OSZLOP SZÉLESÉGEK IN no-gap c60-40, c40-60, c70-30, c30-70 *****/ .col2.c60-40.no-gap.e-con > .e-con-inner > .elementor-widget, .col2.c60-40.no-gap.e-con > .elementor-widget, .col2.c60-40.no-gap.e-con > .e-con-inner > .e-con, .col2.c60-40.no-gap.e-con > .e-con { width: 60%; } .col2.c60-40.no-gap.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c60-40.no-gap.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c60-40.no-gap.e-con > .elementor-widget + .elementor-widget, .col2.c60-40.no-gap.e-con > .elementor-widget + .e-con, .col2.c60-40.no-gap.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c60-40.no-gap.e-con > .e-con-inner > .e-con + .e-con, .col2.c60-40.no-gap.e-con > .e-con + .elementor-widget, .col2.c60-40.no-gap.e-con > .e-con + .e-con { width: 40%; } .col2.c40-60.no-gap.e-con > .e-con-inner > .elementor-widget, .col2.c40-60.no-gap.e-con > .elementor-widget, .col2.c40-60.no-gap.e-con > .e-con-inner > .e-con, .col2.c40-60.no-gap.e-con > .e-con{ width: 40%; } .col2.c40-60.no-gap.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c40-60.no-gap.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c40-60.no-gap.e-con > .elementor-widget + .elementor-widget, .col2.c40-60.no-gap.e-con > .elementor-widget + .e-con, .col2.c40-60.no-gap.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c40-60.no-gap.e-con > .e-con-inner > .e-con + .e-con, .col2.c40-60.no-gap.e-con > .e-con + .elementor-widget, .col2.c40-60.no-gap.e-con > .e-con + .e-con { width: 60%; } .col2.c70-30.no-gap.e-con > .e-con-inner > .elementor-widget, .col2.c70-30.no-gap.e-con > .elementor-widget, .col2.c70-30.no-gap.e-con > .e-con-inner > .e-con, .col2.c70-30.no-gap.e-con > .e-con { width: 70%; } .col2.c70-30.no-gap.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c70-30.no-gap.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c70-30.no-gap.e-con > .elementor-widget + .elementor-widget, .col2.c70-30.no-gap.e-con > .elementor-widget + .e-con, .col2.c70-30.no-gap.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c70-30.no-gap.e-con > .e-con-inner > .e-con + .e-con, .col2.c70-30.no-gap.e-con > .e-con + .elementor-widget, .col2.c70-30.no-gap.e-con > .e-con + .e-con { width: 30%; } .col2.c30-70.no-gap.e-con > .e-con-inner > .elementor-widget, .col2.c30-70.no-gap.e-con > .elementor-widget, .col2.c30-70.no-gap.e-con > .e-con-inner > .e-con, .col2.c30-70.no-gap.e-con > .e-con{ width: 30%; } .col2.c30-70.no-gap.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c30-70.no-gap.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c30-70.no-gap.e-con > .elementor-widget + .elementor-widget, .col2.c30-70.no-gap.e-con > .elementor-widget + .e-con, .col2.c30-70.no-gap.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c30-70.no-gap.e-con > .e-con-inner > .e-con + .e-con, .col2.c30-70.no-gap.e-con > .e-con + .elementor-widget, .col2.c30-70.no-gap.e-con > .e-con + .e-con { width: 70%; } /***** OSZLOP TÉRKÖZÖK *****/ .col2.e-con, .col2.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.06) 6%; } .col3.e-con, .col3.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.05) 5%; } .col4.e-con, .col4.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.04) 4%; } .col5.e-con, .col5.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.025) 2.5%; } .col6.e-con, .col6.e-con > .e-con-inner { /***** OSZLOP TÉRKÖZÖK small-gap-NÉL *****/ gap: calc(var(--container-max-width) * 0.02) 2%; } .col2.small-gap.e-con, .col2.small-gap.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.03) 3%; } .col3.small-gap.e-con, .col3.small-gap.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.025) 2.5%; } .col4.small-gap.e-con, .col4.small-gap.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.02) 2%; } .col5.small-gap.e-con, .col5.small-gap.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.013) 1.3%; } .col6.small-gap.e-con, .col6.small-gap.e-con > .e-con-inner { gap: calc(var(--container-max-width) * 0.01) 1%; } /***** 0 OSZLOP KÖZ (no-gap) *****/ .col2.no-gap.e-con, .col2.no-gap.e-con > .e-con-inner, .col3.no-gap.e-con, .col3.no-gap.e-con > .e-con-inner, .col4.no-gap.e-con, .col4.no-gap.e-con > .e-con-inner, .col5.no-gap.e-con, .col5.no-gap.e-con > .e-con-inner, .col6.no-gap.e-con, .col6.no-gap.e-con > .e-con-inner { gap: 0; } /***** RESZPONZÍV *****/ @media(max-width:1280px) { .col6.e-con > .e-con-inner > .elementor-widget, .col6.e-con > .elementor-widget, .col6.e-con > .e-con-inner > .e-con, .col6.e-con > .e-con { width: 30%; } .col6.small-gap.e-con > .e-con-inner > .elementor-widget, .col6.small-gap.e-con > .elementor-widget, .col6.small-gap.e-con > .e-con-inner > .e-con, .col6.small-gap.e-con > .e-con { width: 31.6%; } .col2.e-con, .col2.e-con > .e-con-inner { gap: calc(100vw * 0.06) 6%; } .col3.e-con, .col3.e-con > .e-con-inner { gap: calc(100vw * 0.05) 5%; } .col4.e-con, .col4.e-con > .e-con-inner { gap: calc(100vw * 0.04) 4%; } .col5.e-con, .col5.e-con > .e-con-inner { gap: calc(100vw * 0.025) 2.5%; } .col2.small-gap.e-con, .col2.small-gap.e-con > .e-con-inner { gap: calc(100vw * 0.03) 3%; } .col3.small-gap.e-con, .col3.small-gap.e-con > .e-con-inner { gap: calc(100vw * 0.025) 2.5%; } .col4.small-gap.e-con, .col4.small-gap.e-con > .e-con-inner { gap: calc(100vw * 0.02) 2%; } .col5.small-gap.e-con, .col5.small-gap.e-con > .e-con-inner { gap: calc(100vw * 0.013) 1.3%; } .col6.e-con, .col6.e-con > .e-con-inner { gap: calc(100vw * 0.02) 2%; } .col6.small-gap.e-con, .col6.small-gap.e-con > .e-con-inner { gap: calc(100vw * 0.01) 1%; } } @media(max-width:1024px) { .col2.e-con, .col3.e-con, .col4.e-con, .col5.e-con, .col6.e-con, .col2.e-con > .e-con-inner, .col3.e-con > .e-con-inner, .col4.e-con > .e-con-inner, .col5.e-con > .e-con-inner, .col6.e-con > .e-con-inner { justify-content: center; } .col2.e-con > .e-con-inner > .elementor-widget, .col2.e-con > .elementor-widget, .col2.e-con > .e-con-inner > .e-con, .col2.e-con > .e-con, .col4.e-con > .e-con-inner > .elementor-widget, .col4.e-con > .elementor-widget, .col4.e-con > .e-con-inner > .e-con, .col4.e-con > .e-con { width: 48%; } .col4.small-gap.e-con > .e-con-inner > .elementor-widget, .col4.small-gap.e-con > .elementor-widget, .col4.small-gap.e-con > .e-con-inner > .e-con, .col4.small-gap.e-con > .e-con { width: 48.5%; } .col2.c60-40.e-con > .e-con-inner > .elementor-widget, .col2.c60-40.e-con > .elementor-widget .col2.c60-40.e-con > .e-con-inner > .e-con, .col2.c60-40.e-con > .e-con { width: 58%; } .col2.c60-40.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c60-40.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c60-40.e-con > .elementor-widget + .elementor-widget, .col2.c60-40.e-con > .elementor-widget + .e-con, .col2.c60-40.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c60-40.e-con > .e-con-inner > .e-con + .e-con, .col2.c60-40.e-con > .e-con + .elementor-widget, .col2.c60-40.e-con > .e-con + .e-con { width: 38%; } .col2.c40-60.e-con > .e-con-inner > .elementor-widget, .col2.c40-60.e-con > .elementor-widget, .col2.c40-60.e-con > .e-con-inner > .e-con, .col2.c40-60.e-con > .e-con { width: 38%; } .col2.c40-60.e-con > .e-con-inner > .elementor-widget + .elementor-widget, .col2.c40-60.e-con > .e-con-inner > .elementor-widget + .e-con, .col2.c40-60.e-con > .elementor-widget + .elementor-widget, .col2.c40-60.e-con > .elementor-widget + .e-con, .col2.c40-60.e-con > .e-con-inner > .e-con + .elementor-widget, .col2.c40-60.e-con > .e-con-inner > .e-con + .e-con, .col2.c40-60.e-con > .e-con + .elementor-widget, .col2.c40-60.e-con > .e-con + .e-con { width: 58%; } .col5.e-con > .e-con-inner > .elementor-widget, .col5.e-con > .elementor-widget, .col5.e-con > .e-con-inner > .e-con, .col5.e-con > .e-con { width: 30%; } .col5.small-gap.e-con > .e-con-inner > .elementor-widget, .col5.small-gap.e-con > .elementor-widget, .col5.small-gap.e-con > .e-con-inner > .e-con, .col5.small-gap.e-con > .e-con { width: 31.6%; } .col5.no-gap.e-con > .e-con-inner > .elementor-widget, .col5.no-gap.e-con > .elementor-widget, .col5.no-gap.e-con > .e-con-inner > .e-con, .col5.no-gap.e-con > .e-con, .col6.no-gap.e-con > .e-con-inner > .elementor-widget, .col6.no-gap.e-con > .elementor-widget, .col6.no-gap.e-con > .e-con-inner > .e-con, .col6.no-gap.e-con > .e-con { width: 33.333%; } .col2.e-con, .col2.e-con > .e-con-inner { gap: calc(100vw * 0.04) 4%; } .col4.small-gap.e-con, .col4.small-gap.e-con > .e-con-inner { gap: calc(100vw * 0.03) 3%; } .col5.e-con, .col5.e-con > .e-con-inner { gap: calc(100vw * 0.05) 5%; } .col5.small-gap.e-con, .col5.small-gap.e-con > .e-con-inner { gap: calc(100vw * 0.025) 2.5%; } } @media(max-width:768px) { .col3.e-con > .e-con-inner > .elementor-widget, .col3.e-con > .elementor-widget, .col3.e-con > .e-con-inner > .e-con, .col3.e-con > .e-con, .col6.e-con > .e-con-inner > .elementor-widget, .col6.e-con > .elementor-widget, .col6.e-con > .e-con-inner > .e-con, .col6.e-con > .e-con { width:47%; } .col3.small-gap.e-con > .e-con-inner > .elementor-widget, .col3.small-gap.e-con > .elementor-widget, .col3.small-gap.e-con > .e-con-inner > .e-con, .col3.small-gap.e-con > .e-con, .col6.small-gap.e-con > .e-con-inner > .elementor-widget, .col6.small-gap.e-con > .elementor-widget, .col6.small-gap.e-con > .e-con-inner > .e-con, .col6.small-gap.e-con > .e-con { width: 48.5%; } .col2.c70-30.e-con > .e-con-inner > .elementor-widget, .col2.c70-30.e-con > .elementor-widget, .col2.c70-30.e-con > .e-con-inner > .e-con, .col2.c70-30.e-con > .e-con, .col2.c30-70.e-con > .e-con-inner > .elementor-widget, .col2.c30-70.e-con > .elementor-widget, .col2.c30-70.e-con > .e-con-inner > .e-con, .col2.c30-70.e-con > .e-con, .col2.c30-70.e-con > .e-con-inner > .elementor-widget, .col2.c30-70.e-con > .elementor-widget, .col2.c30-70.e-con > .e-con-inner > .e-con, .col2.c30-70.e-con > .e-con { width: 100%!important; } .col4.no-gap.e-con > .e-con-inner > .elementor-widget, .col4.no-gap.e-con > .elementor-widget, .col4.no-gap.e-con > .e-con-inner > .e-con, .col4.no-gap.e-con > .e-con { width: 50%; } .col3.e-con, .col3.e-con > .e-con-inner, .col6.e-con, .col6.e-con > .e-con-inner { gap: calc(100vw * 0.06) 6%; } .col3.small-gap.e-con, .col3.small-gap.e-con > .e-con-inner, .col6.small-gap.e-con, .col6.small-gap.e-con > .e-con-inner { gap: calc(100vw * 0.03) 3%; } } @media(max-width:580px) { .col2.e-con > .e-con-inner > .elementor-widget, .col2.e-con > .elementor-widget, .col2.e-con > .e-con-inner > .e-con, .col2.e-con > .e-con, .col3.e-con > .e-con-inner > .elementor-widget, .col3.e-con > .elementor-widget, .col3.e-con > .e-con-inner > .e-con, .col3.e-con > .e-con, .col4.e-con > .e-con-inner > .elementor-widget, .col4.e-con > .elementor-widget, .col4.e-con > .e-con-inner > .e-con, .col4.e-con > .e-con, .col5.e-con > .e-con-inner > .elementor-widget, .col5.e-con > .elementor-widget, .col5.e-con > .e-con-inner > .e-con, .col5.e-con > .e-con, .col6.e-con > .e-con-inner > .elementor-widget, .col6.e-con > .elementor-widget, .col6.e-con > .e-con-inner > .e-con, .col6.e-con > .e-con, .col2.small-gap.e-con > .e-con-inner > .elementor-widget, .col2.small-gap.e-con > .elementor-widget, .col2.small-gap.e-con > .e-con-inner > .e-con, .col2.small-gap.e-con > .e-con, .col3.small-gap.e-con > .e-con-inner > .elementor-widget, .col3.small-gap.e-con > .elementor-widget, .col3.small-gap.e-con > .e-con-inner > .e-con, .col3.small-gap.e-con > .e-con, .col4.small-gap.e-con > .e-con-inner > .elementor-widget, .col4.small-gap.e-con > .elementor-widget, .col4.small-gap.e-con > .e-con-inner > .e-con, .col4.small-gap.e-con > .e-con, .col5.small-gap.e-con > .e-con-inner > .elementor-widget, .col5.small-gap.e-con > .elementor-widget, .col5.small-gap.e-con > .e-con-inner > .e-con, .col5.small-gap.e-con > .e-con, .col6.small-gap.e-con > .e-con-inner > .elementor-widget, .col6.small-gap.e-con > .elementor-widget, .col6.small-gap.e-con > .e-con-inner > .e-con, .col6.small-gap.e-con > .e-con, .col2.c60-40.e-con > .e-con-inner > .elementor-widget, .col2.c60-40.e-con > .elementor-widget, .col2.c60-40.e-con > .e-con-inner > .e-con, .col2.c60-40.e-con > .e-con, .col2.c40-60.e-con > .e-con-inner > .elementor-widget, .col2.c40-60.e-con > .elementor-widget, .col2.c40-60.e-con > .e-con-inner > .e-con, .col2.c40-60.e-con > .e-con{ width: 100%!important; } .col2.reverseonmobile.e-con, .col3.reverseonmobile.e-con, .col4.reverseonmobile.e-con, .col5.reverseonmobile.e-con, .col6.reverseonmobile.e-con, .col2.reverseonmobile.e-con > .e-con-inner, .col3.reverseonmobile.e-con > .e-con-inner, .col4.reverseonmobile.e-con > .e-con-inner, .col5.reverseonmobile.e-con > .e-con-inner, .col6.reverseonmobile.e-con > .e-con-inner { flex-direction: column-reverse; } .col2.e-con, .col2.e-con > .e-con-inner, .col2.small-gap.e-con, .col2.small-gap.e-con > .e-con-inner, .col3.e-con, .col3.e-con > .e-con-inner, .col3.small-gap.e-con, .col3.small-gap.e-con > .e-con-inner, .col4.e-con, .col4.e-con > .e-con-inner, .col4.small-gap.e-con, .col4.small-gap.e-con > .e-con-inner, .col5.e-con, .col5.e-con > .e-con-inner, .col5.small-gap.e-con, .col5.small-gap.e-con > .e-con-inner, .col6.e-con, .col6.e-con > .e-con-inner, .col6.small-gap.e-con, .col6.small-gap.e-con > .e-con-inner { gap: 40px; } } @media(max-width:360px) { .col2.e-con, .col2.e-con > .e-con-inner, .col2.small-gap.e-con, .col2.small-gap.e-con > .e-con-inner, .col3.e-con, .col3.e-con > .e-con-inner, .col3.small-gap.e-con, .col3.small-gap.e-con > .e-con-inner, .col4.e-con, .col4.e-con > .e-con-inner, .col4.small-gap.e-con, .col4.small-gap.e-con > .e-con-inner, .col5.e-con, .col5.e-con > .e-con-inner, .col5.small-gap.e-con, .col5.small-gap.e-con > .e-con-inner, .col6.e-con, .col6.e-con > .e-con-inner, .col6.small-gap.e-con, .col6.small-gap.e-con > .e-con-inner { gap: 30px; } .no-gap-onmobile.e-con { gap: 0; } } /* ========= COLUMNS END ========= */ /****************************************************** ################ PADDINGS START ################ ******************************************************/ /* SZEKCIÓ FELSŐ-ALSÓ PADDINGJEI */ .e-parent, .section-padding { --container-default-padding-top: var(--section-padding-top-bottom); --container-default-padding-bottom: var(--section-padding-top-bottom); } .e-parent:not(.e-con-full), .section-padding { --container-default-padding-left: var(--section-padding-left-right); --container-default-padding-right: var(--section-padding-left-right); } .e-parent .e-parent.elementor-element-edit-mode { --container-default-padding-top: 0; --container-default-padding-bottom: 0; --container-default-padding-right: 0; --container-default-padding-left: 0; } .e-parent.small-padding, .e-parent.small-top-padding { --container-default-padding-top: var(--small-section-padding-top-bottom); } .e-parent.small-padding, .e-parent.small-bottom-padding { --container-default-padding-bottom: var(--small-section-padding-top-bottom); } .e-parent.extra-small-padding, .e-parent.extra-small-top-padding { --container-default-padding-top: var(--extra-small-section-padding-top-bottom); } .e-parent.extra-small-padding, .e-parent.extra-small-bottom-padding { --container-default-padding-bottom: var(--extra-small-section-padding-top-bottom); } .e-parent.no-padding, .e-parent.no-top-padding { --container-default-padding-top: 0; } .e-parent.no-padding, .e-parent.no-bottom-padding { --container-default-padding-bottom: 0; } /* RESZPONZÍV */ @media (max-width:1024px) { .e-parent, .section-padding { --container-default-padding-top: var(--maxw1024-section-padding-top-bottom); --container-default-padding-bottom: var(--maxw1024-section-padding-top-bottom); } .e-parent:not(.e-con-full), .section-padding { --container-default-padding-right: var(--maxw1024-section-padding-left-right); --container-default-padding-left: var(--maxw1024-section-padding-left-right); } .e-parent.small-padding, .e-parent.small-top-padding { --container-default-padding-top: var(--maxw1024-small-section-padding-top-bottom); } .e-parent.small-padding, .e-parent.small-bottom-padding { --container-default-padding-bottom: var(--maxw1024-small-section-padding-top-bottom); } .e-parent.extra-small-padding, .e-parent.extra-small-top-padding { --container-default-padding-top: var(--maxw1024-extra-small-section-padding-top-bottom); } .e-parent.extra-small-padding, .e-parent.extra-small-bottom-padding { --container-default-padding-bottom: var(--maxw1024-extra-small-section-padding-top-bottom); } } @media (max-width:768px) { .e-parent, .section-padding { --container-default-padding-top: var(--maxw768-section-padding-top-bottom); --container-default-padding-bottom: var(--maxw768-section-padding-top-bottom); } .e-parent:not(.e-con-full), .section-padding { --container-default-padding-right: var(--maxw768-section-padding-left-right); --container-default-padding-left: var(--maxw768-section-padding-left-right); } .e-parent.small-padding, .e-parent.small-top-padding { --container-default-padding-top: var(--maxw768-small-section-padding-top-bottom); } .e-parent.small-padding, .e-parent.small-bottom-padding { --container-default-padding-bottom: var(--maxw768-small-section-padding-top-bottom); } .e-parent.extra-small-padding, .e-parent.extra-small-top-padding { --container-default-padding-top: var(--maxw768-extra-small-section-padding-top-bottom); } .e-parent.extra-small-padding, .e-parent.extra-small-bottom-padding { --container-default-padding-bottom: var(--maxw768-extra-small-section-padding-top-bottom); } } /* TELJES KÉPERNYŐ SZÉLESSÉGŰ KÉP-SZÖVEG SZEKCIÓ RESZPONZIVITÁSSAL */ .col2.fullw-imgtext-section > .e-con:first-child { padding-left: calc((99vw - var(--content-width)) / 2); padding-right: calc(var(--container-max-width) * 0.06); } .col2.fullw-imgtext-section > .e-con:last-child { padding-left: calc(var(--container-max-width) * 0.06); padding-right: calc((99vw - var(--content-width)) / 2); } @media (max-width:1280px) { .col2.fullw-imgtext-section > .e-con:first-child { padding-left: var(--section-padding-left-right); padding-right: calc(100vw * 0.06); } .col2.fullw-imgtext-section > .e-con:last-child { padding-left: calc(100vw * 0.06); padding-right: var(--section-padding-left-right); } } @media (max-width:1024px) { .col2.fullw-imgtext-section > .e-con:first-child { padding-right: calc(100vw * 0.04); } .col2.fullw-imgtext-section > .e-con:last-child { padding-left: calc(100vw * 0.04); } } @media (max-width:580px) { .col2.fullw-imgtext-section > .e-con:first-child { padding-right: 40px; } .col2.fullw-imgtext-section > .e-con:last-child { padding-left: 40px; } } /* ELEMEK PADDINGJEI */ .small-padding, .elem-small-padding .elementor-widget, .cont-small-padding > .e-con, .cont-small-padding > .e-con-inner > .e-con, .text-small-padding .elementor-image-box-content, .text-small-padding .elementor-icon-box-content, .text-small-padding .elementor-widget-text-editor, .text-small-padding .elementor-cta__content { padding: var(--small-padding); } .med-padding, .elem-med-padding .elementor-widget, .cont-med-padding > .e-con, .cont-med-padding > .e-con-inner > .e-con, .text-med-padding .elementor-image-box-content, .text-med-padding .elementor-icon-box-content, .text-med-padding .elementor-widget-text-editor, .text-med-padding .elementor-cta__content { padding: var(--med-padding); } .big-padding, .elem-big-padding .elementor-widget, .cont-big-padding > .e-con, .cont-big-padding > .e-con-inner > .e-con, .text-big-padding .elementor-image-box-content, .text-big-padding .elementor-icon-box-content, .text-big-padding .elementor-widget-text-editor, .text-big-padding .elementor-cta__content { padding: var(--big-padding); } .small-padding2, .elem-small-padding2 .elementor-widget, .cont-small-padding2 > .e-con, .cont-small-padding2 > .e-con-inner > .e-con, .text-small-padding2 .elementor-image-box-content, .text-small-padding2 .elementor-icon-box-content, .text-small-padding2 .elementor-widget-text-editor, .text-small-padding2 .elementor-cta__content { padding: calc(var(--small-padding) * 0.75) var(--small-padding); } .med-padding2, .elem-med-padding2 .elementor-widget, .cont-med-padding2 > .e-con, .cont-med-padding2 > .e-con-inner > .e-con, .text-med-padding2 .elementor-image-box-content, .text-med-padding2 .elementor-icon-box-content, .text-med-padding2 .elementor-widget-text-editor, .text-med-padding2 .elementor-cta__content { padding: calc(var(--med-padding) * 0.75) var(--med-padding); } .big-padding2, .elem-big-padding2 .elementor-widget, .cont-big-padding2 > .e-con, .cont-big-padding2 > .e-con-inner > .e-con, .text-big-padding2 .elementor-image-box-content, .text-big-padding2 .elementor-icon-box-content, .text-big-padding2 .elementor-widget-text-editor, .text-big-padding2 .elementor-cta__content { padding: calc(var(--big-padding) * 0.75) var(--big-padding); } /* ZÁRÓ PADDING - SZEKCIÓRA ÉS ELEMEKRE EGYARÁNT */ .no-top-padding, .text-small-padding .no-top-padding .elementor-image-box-content, .text-small-padding .no-top-padding .elementor-icon-box-content, .text-small-padding .no-top-padding .elementor-widget-text-editor, .text-small-padding .no-top-padding .elementor-cta__content, .text-med-padding .no-top-padding .elementor-image-box-content, .text-med-padding .no-top-padding .elementor-icon-box-content, .text-med-padding .no-top-padding .elementor-widget-text-editor, .text-med-padding .no-top-padding .elementor-cta__content, .text-big-padding .no-top-padding .elementor-image-box-content, .text-big-padding .no-top-padding .elementor-icon-box-content, .text-big-padding .no-top-padding .elementor-widget-text-editor, .text-big-padding .no-top-padding .elementor-cta__content { padding-top:0 !important; } .no-bottom-padding, .text-small-padding .no-bottom-padding .elementor-image-box-content, .text-small-padding .no-bottom-padding .elementor-icon-box-content, .text-small-padding .no-bottom-padding .elementor-widget-text-editor, .text-small-padding .no-bottom-padding .elementor-cta__content, .text-med-padding .no-bottom-padding .elementor-image-box-content, .text-med-padding .no-bottom-padding .elementor-icon-box-content, .text-med-padding .no-bottom-padding .elementor-widget-text-editor, .text-med-padding .no-bottom-padding .elementor-cta__content, .text-big-padding .no-bottom-padding .elementor-image-box-content, .text-big-padding .no-bottom-padding .elementor-icon-box-content, .text-big-padding .no-bottom-padding .elementor-widget-text-editor, .text-big-padding .no-bottom-padding .elementor-cta__content { padding-bottom:0 !important; } .no-padding { padding: 0!important; } /* ========= PADDINGS END ========= */ /****************************************************** ################# BORDERS START ################# ******************************************************/ /*********** Border Radius ***********/ .small-borderradius, .elem-small-borderradius:not(.elementor-widget-n-accordion) .elementor-widget, .elem-small-borderradius .e-n-accordion-item-title, .elem-small-borderradius .e-n-accordion-item > div, .elem-small-borderradius .e-n-accordion-item, .cont-small-borderradius > .e-con, .cont-small-borderradius > .e-con-inner > .e-con, .img-small-borderradius img, .img-small-borderradius .gallery-icon, .img-small-borderradius .swiper-slide, .img-small-borderradius .e-gallery-image, .elem-img-small-borderradius img, .elem-img-small-borderradius .gallery-icon, .elem-img-small-borderradius .swiper-slide, .elem-img-small-borderradius .e-gallery-image { border-radius: var(--small-borderradius); overflow: hidden; } .img-small-borderradius .elementor-cta__bg-wrapper { border-radius: calc(var(--small-borderradius) * 0.6); } .med-borderradius, .elem-med-borderradius:not(.elementor-widget-n-accordion) .elementor-widget, .elem-med-borderradius .e-n-accordion-item-title, .elem-med-borderradius .e-n-accordion-item > div, .elem-med-borderradius .e-n-accordion-item, .cont-med-borderradius > .e-con, .cont-med-borderradius > .e-con-inner > .e-con, .img-med-borderradius img, .img-med-borderradius .gallery-icon, .img-med-borderradius .swiper-slide, .img-med-borderradius .e-gallery-image, .elem-img-med-borderradius img, .elem-img-med-borderradius .gallery-icon, .elem-img-med-borderradius .swiper-slide, .elem-img-med-borderradius .e-gallery-image { border-radius: var(--med-borderradius); overflow: hidden; } .img-med-borderradius .elementor-cta__bg-wrapper { border-radius: calc(var(--med-borderradius) * 0.6); } .big-borderradius, .elem-big-borderradius:not(.elementor-widget-n-accordion) .elementor-widget, .elem-big-borderradius .e-n-accordion-item-title, .elem-big-borderradius .e-n-accordion-item > div, .elem-big-borderradius .e-n-accordion-item, .cont-big-borderradius > .e-con, .cont-big-borderradius > .e-con-inner > .e-con, .img-big-borderradius img, .img-big-borderradius .gallery-icon, .img-big-borderradius .swiper-slide, .img-big-borderradius .e-gallery-image, .elem-img-med-borderradius img, .elem-img-med-borderradius .gallery-icon, .elem-img-med-borderradius .swiper-slide, .elem-img-med-borderradius .e-gallery-image { border-radius: var(--big-borderradius); overflow: hidden; } .img-big-borderradius .elementor-cta__bg-wrapper { border-radius: calc(var(--big-borderradius) * 0.6); } .elem-small-borderradius .e-n-accordion-item-title, .elem-med-borderradius .e-n-accordion-item-title, .elem-big-borderradius .e-n-accordion-item-title { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .elem-small-borderradius .e-n-accordion-item > div, .elem-med-borderradius .e-n-accordion-item > div, .elem-big-borderradius .e-n-accordion-item > div { border-top-left-radius: 0; border-top-right-radius: 0; } .elem-small-borderradius > .elementor-widget img, .cont-small-borderradius > .e-con { border-top-left-radius: var(--small-borderradius); border-top-right-radius: var(--small-borderradius); overflow: hidden; } .elem-med-borderradius > .elementor-widget img, .cont-med-borderradius > .e-con { border-top-left-radius: var(--med-borderradius); border-top-right-radius: var(--med-borderradius); overflow: hidden; } .elem-big-borderradius > .elementor-widget img, .cont-big-borderradius > .e-con { border-top-left-radius: var(--big-borderradius); border-top-right-radius: var(--big-borderradius); overflow: hidden; } /*********** Border With ***********/ .small-border, .elem-small-border:not(.elementor-widget-n-accordion) .elementor-widget, .elem-small-border .e-n-accordion-item-title, .elem-small-border .e-n-accordion-item > div, .elem-small-border .e-n-accordion-item, .cont-small-border > .e-con, .cont-small-border > .e-con-inner > .e-con, .img-small-border img, .img-small-border .gallery-icon, .img-small-border .swiper-slide, .img-small-border .e-gallery-image, .elem-img-small-border img, .elem-img-small-border .gallery-icon, .elem-img-small-border .swiper-slide, .elem-img-small-border .e-gallery-image { border-width: var(--small-border); border-style: solid; } .med-border, .elem-med-border:not(.elementor-widget-n-accordion) .elementor-widget, .elem-med-border .e-n-accordion-item-title, .elem-med-border .e-n-accordion-item > div, .elem-med-border .e-n-accordion-item, .cont-med-border > .e-con, .cont-med-border > .e-con-inner > .e-con, .img-med-border img, .img-med-border .gallery-icon, .img-med-border .swiper-slide, .img-med-border .e-gallery-image, .elem-img-med-border img, .elem-img-med-border .gallery-icon, .elem-img-med-border .swiper-slide, .elem-img-med-border .e-gallery-image { border-width: var(--med-border); border-style: solid; } .big-border, .elem-big-border:not(.elementor-widget-n-accordion) .elementor-widget, .elem-big-border .e-n-accordion-item-title, .elem-big-border .e-n-accordion-item > div, .elem-big-border .e-n-accordion-item, .cont-big-border > .e-con, .cont-big-border > .e-con-inner > .e-con, .img-big-border img, .img-big-border .gallery-icon, .img-big-border .swiper-slide, .img-big-border .e-gallery-image, .elem-img-big-border img, .elem-img-big-border .gallery-icon, .elem-img-big-border .swiper-slide, .elem-img-big-border .e-gallery-image { border-width: var(--big-border); border-style: solid; } /*********** Border Color ***********/ .border-white, .elem-border-white:not(.elementor-widget-n-accordion) .elementor-widget, .elem-border-white .e-n-accordion-item-title, .elem-border-white .e-n-accordion-item > div, .elem-border-white .e-n-accordion-item, .cont-border-white > .e-con, .cont-border-white > .e-con-inner > .e-con, .img-border-white img, .img-border-white .gallery-icon, .img-border-white .swiper-slide, .img-border-white .e-gallery-image, .elem-img-border-white img, .elem-img-border-white .gallery-icon, .elem-img-border-white .swiper-slide, .elem-img-border-white .e-gallery-image { border-color: #fff; } .border-grey, .elem-border-grey:not(.elementor-widget-n-accordion) .elementor-widget, .elem-border-grey .e-n-accordion-item-title, .elem-border-grey .e-n-accordion-item > div, .elem-border-grey .e-n-accordion-item, .cont-border-grey > .e-con, .cont-border-grey > .e-con-inner > .e-con, .img-border-grey img, .img-border-grey .gallery-icon, .img-border-grey .swiper-slide, .img-border-grey .e-gallery-image, .elem-img-border-grey img, .elem-img-border-grey .gallery-icon, .elem-img-border-grey .swiper-slide, .elem-img-border-grey .e-gallery-image { border-color: var(--grey); } .border-color1, .elem-border-color1:not(.elementor-widget-n-accordion) .elementor-widget, .elem-border-color1 .e-n-accordion-item-title, .elem-border-color1 .e-n-accordion-item > div, .elem-border-color1 .e-n-accordion-item, .cont-border-color1 > .e-con, .cont-border-color1 > .e-con-inner > .e-con, .img-border-color1 img, .img-border-color1 .gallery-icon, .img-border-color1 .swiper-slide, .img-border-color1 .e-gallery-image, .elem-img-border-color1 img, .elem-img-border-color1 .gallery-icon, .elem-img-border-color1 .swiper-slide, .elem-img-border-color1 .e-gallery-image { border-color: var(--color1); } .border-color2, .elem-border-color2:not(.elementor-widget-n-accordion) .elementor-widget, .elem-border-color2 .e-n-accordion-item-title, .elem-border-color2 .e-n-accordion-item > div, .elem-border-color2 .e-n-accordion-item, .cont-border-color2 > .e-con, .cont-border-color2 > .e-con-inner > .e-con, .img-border-color2 img, .img-border-color2 .gallery-icon, .img-border-color2 .swiper-slide, .img-border-color2 .e-gallery-image, .elem-img-border-color2 img, .elem-img-border-color2 .gallery-icon, .elem-img-border-color2 .swiper-slide, .elem-img-border-color2 .e-gallery-image { border-color: var(--color2); } .border-color3, .elem-border-color3:not(.elementor-widget-n-accordion) .elementor-widget, .elem-border-color3 .e-n-accordion-item-title, .elem-border-color3 .e-n-accordion-item > div, .elem-border-color3 .e-n-accordion-item, .cont-border-color3 > .e-con, .cont-border-color3 > .e-con-inner > .e-con, .img-border-color3 img, .img-border-color3 .gallery-icon, .img-border-color3 .swiper-slide, .img-border-color3 .e-gallery-image, .elem-img-border-color3 img, .elem-img-border-color3 .gallery-icon, .elem-img-border-color3 .swiper-slide, .elem-img-border-color3 .e-gallery-image { border-color: var(--color3); } .border-color4, .elem-border-color4:not(.elementor-widget-n-accordion) .elementor-widget, .elem-border-color4 .e-n-accordion-item-title, .elem-border-color4 .e-n-accordion-item > div, .elem-border-color4 .e-n-accordion-item, .cont-border-color4 > .e-con, .cont-border-color4 > .e-con-inner > .e-con, .img-border-color4 img, .img-border-color4 .gallery-icon, .img-border-color4 .swiper-slide, .img-border-color4 .e-gallery-image, .elem-img-border-color4 img, .elem-img-border-color4 .gallery-icon, .elem-img-border-color3 .swiper-slide, .elem-img-border-color4 .e-gallery-image { border-color: var(--color4); } .border-color5, .elem-border-color5:not(.elementor-widget-n-accordion) .elementor-widget, .elem-border-color5 .e-n-accordion-item-title, .elem-border-color5 .e-n-accordion-item > div, .elem-border-color5 .e-n-accordion-item, .cont-border-color5 > .e-con, .cont-border-color5 > .e-con-inner > .e-con, .img-border-color5 img, .img-border-color5 .gallery-icon, .img-border-color5 .swiper-slide, .img-border-color5 .e-gallery-image, .elem-img-border-color5 img, .elem-img-border-color5 .gallery-icon, .elem-img-border-color5 .swiper-slide, .elem-img-border-color5 .e-gallery-image { border-color: var(--color5); } /* ========= BORDERS END ========= */ /****************************************************** ################ SHADOWS START ################ ******************************************************/ .small-boxshadow, .elem-small-boxshadow .elementor-widget, .elem-small-boxshadow .e-n-accordion-item, .cont-small-boxshadow > .e-con, .cont-small-boxshadow > .e-con-inner > .e-con, .img-small-boxshadow img, .img-small-boxshadow .e-gallery-image { box-shadow: var( --small-boxshadow ); } .med-boxshadow, .elem-med-boxshadow .elementor-widget, .elem-med-boxshadow .e-n-accordion-item, .cont-med-boxshadow > .e-con, .cont-med-boxshadow > .e-con-inner > .e-con, .img-med-boxshadow img, .img-med-boxshadow .swiper-slide, .img-med-boxshadow .e-gallery-image { box-shadow: var( --med-boxshadow ); } .big-boxshadow, .elem-big-boxshadow .elementor-widget, .elem-big-boxshadow .e-n-accordion-item, .cont-big-boxshadow > .e-con, .cont-big-boxshadow > .e-con-inner > .e-con, .img-big-boxshadow img, .img-big-boxshadow .swiper-slide, .img-big-boxshadow .e-gallery-image { box-shadow: var( --big-boxshadow ); } .small-textshadow h1, .small-textshadow h2, .small-textshadow h3, .small-textshadow h4, .small-textshadow h5, .small-textshadow h6, .small-textshadow p, .small-textshadow span { text-shadow: var( --small-textshadow); } .med-textshadow h1, .med-textshadow h2, .med-textshadow h3, .med-textshadow h4, .med-textshadow h5, .med-textshadow h6, .med-textshadow p, .med-textshadow span { text-shadow: var( --med-textshadow); } .big-textshadow h1, .big-textshadow h2, .big-textshadow h3, .big-textshadow h4, .big-textshadow h5, .big-textshadow h6, .big-textshadow p, .big-textshadow span { text-shadow: var( --big-textshadow); } /* ========= SHADOWS END ========= */ /******************************************************* ##### SZEKCIÓ ELŐ-CÍMSOR, CÍMSOR, ALCÍMSOR START ##### *******************************************************/ .cimsor pre { margin-bottom: 5px; text-align: center; font-family: var(--preheadline-fontfamily); font-size: var(--preheadline-fontsize); font-weight: var(--preheadline-fontweight); line-height: var(--preheadline-lineheight); letter-spacing: var(--preheadline-letterspacing); } .cimsor h2 { margin: 0 0 40px !important; text-align: center; color: var(--color1); font-family: var(--headline-fontfamily); font-size: var(--headline-fontsize); font-weight: var(--headline-fontweight); line-height: var(--headline-lineheight); letter-spacing: var(--headline-letterspacing); } .cimsor h3 { margin: -30px 0 40px !important; text-align: center; color: var(--color-text); font-family: var(--subheadline-fontfamily); font-size: var(--subheadline-fontsize); font-weight: var(--subheadline-fontweight); line-height: var(--subheadline-lineheight); letter-spacing: var(--subheadline-letterspacing); } .cimsor p { text-align: center; } .cimsor p:first-of-type { margin-top:-25px!important; } .cimsor p:last-of-type { margin-bottom: 20px!important; } .cimsor.left pre, .cimsor.left h2, .cimsor.left h3, .cimsor.left p { text-align: left; } .cimsor.right pre, .cimsor.right h2, .cimsor.right h3, .cimsor.right p { text-align: right; } @media (max-width:1440px) { .cimsor h1, .cimsor h2 { margin-bottom: 30px!important; } .cimsor h3 { margin: -15px 0 40px!important; } .cimsor p:last-of-type { margin-bottom: 30px!important; } } @media (max-width:1024px) { .cimsor h1, .cimsor h2 { margin-bottom: 30px!important; } .cimsor h3 { margin: -10px 0 30px!important; } .cimsor p:first-of-type { margin-top:-10px!important; } .cimsor p:last-of-type { margin-bottom: 25px!important; } } @media (max-width:768px) { .cimsor h1, .cimsor h2 { margin-bottom: 20px!important; } .cimsor h3 { margin: -10px 0 20px!important; } .cimsor p:last-of-type { margin-bottom: 20px!important; } } @media (max-width:580px) { .cimsor p:last-of-type { margin-bottom: 10px!important; } .cimsor.left.mobile-center pre, .cimsor.left.mobile-center h2, .cimsor.left.mobile-center h3, .cimsor.left.mobile-center p, .cimsor.right.mobile-center pre, .cimsor.right.mobile-center h2, .cimsor.right.mobile-center h3, .cimsor.right.mobile-center p { text-align: center; } } @media (max-width:360px) { .cimsor h1, .cimsor h2 { margin-bottom: 15px!important; } .cimsor h3 { margin: 0 0 15px!important; } .cimsor p:last-of-type { margin-bottom: 15px!important; } } /* ===== SZEKCIÓ ELŐ-CÍMSOR, CÍMSOR, ALCÍMSOR END ===== */ /****************************************************** ###### ELŐRE DEFINIÁLT TOP-BOTTOM MARGÓK START ###### ******************************************************/ /* Szekciók elején (címsor után) és alján (gomb előtt) lévő szövegek */ .start-szoveg, .end-szoveg { text-align: center; --align-self: center; } .start-szoveg { margin: -45px 0 40px!important; } .end-szoveg { margin: 20px 0 -20px!important; } @media (max-width:1280px) { .start-szoveg { margin: -30px 0 35px!important; } .end-szoveg { margin: 10px 0 -25px!important; } } @media (max-width:1024px) { .start-szoveg { margin: -20px 0 30px!important; } .end-szoveg { margin: 10px 0 -15px!important; } } /* Szekción belül elemek közötti függőleges távolság */ .margin-top { margin-top: 50px!important; } .margin-bottom { margin-bottom: 50px!important; } .small-margin-bottom { margin-bottom: 25px!important; } .small-margin-top { margin-top: 25px!important; } @media (max-width:1280px) { .margin-top { margin-top: 40px!important; } .margin-bottom { margin-bottom: 40px!important; } .margin-top { margin-top: 30px!important; } .margin-bottom { margin-bottom: 30px!important; } } @media (max-width:1024px) { .margin-top { margin-top: 30px!important; } .margin-bottom { margin-bottom: 30px!important; } } /* === ELŐRE DEFINIÁLT TOP-BOTTOM MARGÓK END === */ /****************************************************** ################# DOBOZOK START ################# ******************************************************/ /*** Ikon-Dobozban ikon méretek ***/ .col2 .elementor-icon { font-size: 70px; } .col3 .elementor-icon { font-size: 70px; } .col4 .elementor-icon { font-size: 60px; } .col5 .elementor-icon { font-size: 60px; } /*** Doboz címsorok alcíme ***/ .doboz-alcimsor { color: var(--box-subheadline-color); font-family: var(--box-subheadline-fontfamily); font-size: var(--box-subheadline-fontsize); font-weight: var(--box-subheadline-fontweight); line-height: var(--box-subheadline-lineheight); margin-top: var(--box-subheadline-margintop); margin-bottom: var(--box-subheadline-marginbottom); } /*** Sok oszlopos Ikon-Dobozoknál betű-méretek ***/ .col4 .elementor-icon-box-title span, .col4 .elementor-image-box-title span { font-size: 0.9em; line-height: 1; } .col5 .elementor-icon-box-title span, .col5 .elementor-image-box-title span, .col6 .elementor-icon-box-title span, .col6 .elementor-image-box-title span{ font-size: 0.85em; } .col5 .elementor-icon-box-title, .col5 .elementor-image-box-title, .col6 .elementor-icon-box-title, .col6 .elementor-image-box-title{ line-height: 1.03!important; } /* ====== DOBOZOK END ====== */ /****************************************************** ########### INSTANT BETŰMÉRETEK START ########### ******************************************************/ .cimsor120 h1, .cimsor120 h2, .cimsor120 h3 { font-size: calc(var(--headline-fontsize) * 1.2) !important; } .cimsor110 h1, .cimsor110 h2, .cimsor110 h3 { font-size: calc(var(--headline-fontsize) * 1.1) !important; } .cimsor90 h1, .cimsor90 h2, .cimsor90 h3 { font-size: calc(var(--headline-fontsize) * 0.9) !important; } .cimsor80 h1, .cimsor80 h2, .cimsor80 h3 { font-size: calc(var(--headline-fontsize) * 0.8) !important; } .cimsor70 h1, .cimsor70 h2, .cimsor70 h3 { font-size: calc(var(--headline-fontsize) * 0.7) !important; } .dobozcimsor120 h2, .dobozcimsor120 h3, .dobozcimsor120 h4, .dobozcimsor120 .e-n-accordion-item-title-text { font-size: calc(var(--boxheadline-fontsize) * 1.2) !important; } .dobozcimsor110 h2, .dobozcimsor110 h3, .dobozcimsor110 h4, .dobozcimsor110 .e-n-accordion-item-title-text { font-size: calc(var(--boxheadline-fontsize) * 1.1) !important; } .dobozcimsor90 h2, .dobozcimsor90 h3, .dobozcimsor90 h4, .dobozcimsor90 .e-n-accordion-item-title-text { font-size: calc(var(--boxheadline-fontsize) * 0.9) !important; line-height: calc(var(--boxheadline-lineheight) * 1.1 !important); } .dobozcimsor80 h2, .dobozcimsor80 h3, .dobozcimsor80 h4, .dobozcimsor80 .e-n-accordion-item-title-text { font-size: calc(var(--boxheadline-fontsize) * 0.8) !important; line-height: calc(var(--boxheadline-lineheight) * 1.1) !important; } .dobozcimsor70 h2, .dobozcimsor70 h3, .dobozcimsor70 h4, .dobozcimsor70 .e-n-accordion-item-title-text { font-size: calc(var(--boxheadline-fontsize) * 0.7) !important; line-height: calc(var(--boxheadline-lineheight) * 1.1) !important; } .szoveg140 p, p.szoveg140, span.szoveg140, .szoveg140 p a, .szoveg140 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 1.4) !important; } .szoveg130 p, p.szoveg130, span.szoveg130, .szoveg130 p a, .szoveg130 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 1.3) !important; } .szoveg120 p, p.szoveg120, span.szoveg120, .szoveg120 p a, .szoveg140 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 1.2) !important; } .szoveg110 p, p.szoveg110, span.szoveg110, .szoveg110 p a, .szoveg110 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 1.1) !important; } .szoveg90 p, p.szoveg90, span.szoveg90, .szoveg90 p a, .szoveg90 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 0.9) !important; line-height: calc(var(--text-lineheight) * 0.9) !important; } .szoveg80 p, p.szoveg80, span.szoveg80, .szoveg80 p a, .szoveg80 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 0.8) !important; line-height: calc(var(--text-lineheight) * 0.9) !important; } .szoveg70 p, p.szoveg70, span.szoveg70, .szoveg70 p a, .szoveg70 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 0.7 ) !important; line-height: calc(var(--text-lineheight) * 0.9) !important; } @media (max-width:768px) { .dobozcimsor90 h2, .dobozcimsor90 h3, .dobozcimsor90 h4, .dobozcimsor90 .e-n-accordion-item-title-text { font-size: calc(var(--boxheadline-fontsize) * 0.9 * 1.2) !important; } .dobozcimsor80 h2, .dobozcimsor80 h3, .dobozcimsor80 h4, .dobozcimsor80 .e-n-accordion-item-title-text { font-size: calc(var(--boxheadline-fontsize) * 0.8 * 1.2) !important; } .dobozcimsor70 h2, .dobozcimsor70 h3, .dobozcimsor70 h4, .dobozcimsor70 .e-n-accordion-item-title-text { font-size: calc(var(--boxheadline-fontsize) * 0.7 * 1.2) !important; } .szoveg90 p, p.szoveg90, span.szoveg90, .szoveg90 p a, .szoveg90 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 0.9 * 1.1) !important; } .szoveg80 p, p.szoveg80, span.szoveg80, .szoveg80 p a, .szoveg80 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 0.8 * 1.1) !important; } .szoveg70 p, p.szoveg70, span.szoveg70, .szoveg70 p a, .szoveg70 :not(h4) > span:not(.elementor-icon) { font-size: calc(var(--text-fontsize) * 0.7 * 1.1) !important; } } /* ===== INSTANT BETŰMÉRETEK END ===== */ /****************************************************** ############# BETŰVASTAGSÁGOK START ############# ******************************************************/ .fw900, .fw900 p, .fw900 span, .fw900 h1, .fw900 h2, .fw900 h3, .fw900 h4, .fw900-p p, .fw900-span span, .fw900-h1 h1, .fw900-h2 h2, .fw900-h3 h3, .fw900-h4 h4 { font-weight: 900!important; } .fw800, .fw800 p, .fw800 span, .fw800 h1, .fw800 h2, .fw800 h3, .fw800 h4, .fw800-p p, .fw800-span span, .fw800-h1 h1, .fw800-h2 h2, .fw800-h3 h3, .fw800-h4 h4 { font-weight: 800!important; } .fw700, .fw700 p, .fw700 span, .fw700 h1, .fw700 h2, .fw700 h3, .fw700 h4, .fw700-p p, .fw700-span span, .fw700-h1 h1, .fw700-h2 h2, .fw700-h3 h3, .fw700-h4 h4 { font-weight: 700!important; } .fw600, .fw600 p, .fw600 span, .fw600 h1, .fw600 h2, .fw600 h3, .fw600 h4, .fw600-p p, .fw600-span span, .fw600-h1 h1, .fw600-h2 h2, .fw600-h3 h3, .fw600-h4 h4 { font-weight: 600!important; } .fw500, .fw500 p, .fw500 span, .fw500 h1, .fw500 h2, .fw500 h3, .fw500 h4, .fw500-p p, .fw500-span span, .fw500-h1 h1, .fw500-h2 h2, .fw500-h3 h3, .fw500-h4 h4 { font-weight: 500!important; } .fw400, .fw400 p, .fw400 span, .fw400 h1, .fw400 h2, .fw400 h3, .fw400 h4, .fw400-p p, .fw400-span span, .fw400-h1 h1, .fw400-h2 h2, .fw400-h3 h3, .fw400-h4 h4 { font-weight: 400!important; } .fw300, .fw300 p, .fw300 span, .fw300 h1, .fw300 h2, .fw300 h3, .fw300 h4, .fw300-p p, .fw300-span span, .fw300-h1 h1, .fw300-h2 h2, .fw300-h3 h3, .fw300-h4 h4 { font-weight: 300!important; } .fw200, .fw200 p, .fw200 span, .fw200 h1, .fw200 h2, .fw200 h3, .fw200 h4, .fw200-p p, .fw200-span span, .fw200-h1 h1, .fw200-h2 h2, .fw200-h3 h3, .fw200-h4 h4 { font-weight: 200!important; } .fw100, .fw100 p, .fw100 span, .fw100 h1, .fw100 h2, .fw100 h3, .fw100 h4, .fw100-p p, .fw100-span span, .fw100-h1 h1, .fw100-h2 h2, .fw100-h3 h3, .fw100-h4 h4 { font-weight: 100!important; } /* ===== BETŰVASTAGSÁGOK END ===== */ /****************************************************** ############### BETŰ MARGÓK START ############### ******************************************************/ /* No top-bottom margin... */ /* ...on widget first/last P */ .elementor-element.elementor-widget p:first-of-type { margin-top: 0; } .elementor-element.elementor-widget p:last-of-type { margin-bottom: 0; } /* ... on H & P elems */ .nohmargin h1, .nohmargin h2, .nohmargin h3, .nohmargin h4 { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .noh1margin-bottom h1, .noh2margin-bottom h2, .noh3margin-bottom h3, .noh4margin-bottom h4 { margin-bottom: 0 !important; padding-bottom: 0 !important; } .nopmargin p { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* ========= BETŰ MARGÓK END ========= */ /****************************************************** ############## SZÖVEG SZÍNEK START ############## ******************************************************/ .white, .white p, p.white, .white span, span.white, .white li, .white a, .white label, .white pre, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white-p p, .white-a a, .white-h1 h1, .white-h2 h2, .white-h3 h3, .white-h4 h4, .white-h5 h5, .white-h6 h6, .elementor-element.white-p p, .elementor-element.white-h1 h1, .elementor-element.white-h2 h2, .elementor-element.white-h3 h3, .elementor-element.white-h4 h4, .elementor-element.white-h5 h5, .elementor-element.white-h6 h6 { color: #fff !important; -webkit-text-fill-color: #fff; } .black, .black p, p.black, .black span, span.black, .black li, .black a, .black label, .black pre, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black-p p, .black-a a, .black-h1 h1, .black-h2 h2, .black-h3 h3, .black-h4 h4, .black-h5 h5, .black-h6 h6, .elementor-element.black-p p, .elementor-element.black-h1 h1, .elementor-element.black-h2 h2, .elementor-element.black-h3 h3, .elementor-element.black-h4 h4, .elementor-element.black-h5 h5, .elementor-element.black-h6 h6 { color: var(--color-text) !important; -webkit-text-fill-color: var(--text); } .color1, .color1 p, p.color1, .color1 span, span.color1, .color1 li, .color1 a, .color1 label, .color1 pre, .color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 h5, .black h6, .color1-p p, .color1-a a, .color1-h1 h1, .color1-h2 h2, .color1-h3 h3, .color1-h4 h4, .color1-h5 h5, .color1-h6 h6, .elementor-element.color1-p p, .elementor-element.color1-h1 h1, .elementor-element.color1-h2 h2, .elementor-element.color1-h3 h3, .elementor-element.color1-h4 h4, .elementor-element.color1-h5 h5, .elementor-element.color1-h6 h6 { color: var(--color1) !important; -webkit-text-fill-color: var(--color1); } .color2, .color2 p, p.color2, .color2 span, span.color2, .color2 li, .color2 a, .color2 label, .color2 pre, .color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 h5, .color2 h6, .color2-p p, .color2-a a, .color2-h1 h1, .color2-h2 h2, .color2-h3 h3, .color2-h4 h4, .color2-h5 h5, .color2-h6 h6, .elementor-element.color2-p p, .elementor-element.color2-h1 h1, .elementor-element.color2-h2 h2, .elementor-element.color2-h3 h3, .elementor-element.color2-h4 h4, .elementor-element.color2-h5 h5, .elementor-element.color2-h6 h6 { color: var(--color2) !important; -webkit-text-fill-color: var(--color2); } .color3, .color3 p, p.color3, .color3 span, span.color3, .color3 li, .color3 a, .color3 label, .color3 pre, .color3 h1, .color3 h2, .color3 h3, .color3 h4, .color3 h5, .color3 h6, .color3-p p, .color3-a a, .color3-h1 h1, .color3-h2 h2, .color3-h3 h3, .color3-h4 h4, .color3-h5 h5, .color3-h6 h6, .elementor-element.color3-p p, .elementor-element.color3-h1 h1, .elementor-element.color3-h2 h2, .elementor-element.color3-h3 h3, .elementor-element.color3-h4 h4, .elementor-element.color3-h5 h5, .elementor-element.color3-h6 h6 { color: var(--color3) !important; -webkit-text-fill-color: var(--color3); } .color4, .color4 p, p.color4, .color4 span, span.color4, .color4 li, .color4 a, .color4 label, .color4 pre, .color4 h1, .color4 h2, .color4 h3, .color4 h4, .color4 h5, .color4 h6, .color4-p p, .color4-a a, .color4-h1 h1, .color4-h2 h2, .color4-h3 h3, .color4-h4 h4, .color4-h5 h5, .color4-h6 h6, .elementor-element.color4-p p, .elementor-element.color4-h1 h1, .elementor-element.color4-h2 h2, .elementor-element.color4-h3 h3, .elementor-element.color4-h4 h4, .elementor-element.color4-h5 h5, .elementor-element.color4-h6 h6 { color: var(--color4) !important; -webkit-text-fill-color: var(--color4); } .color5, .color5 p, p.color5, .color5 span, span.color5, .color5 li, .color5 a, .color5 label, .color5 pre, .color5 h1, .color5 h2, .color5 h3, .color5 h4, .color5 h5, .color5 h6, .color5-p p, .color5-a a, .color5-h1 h1, .color5-h2 h2, .color5-h3 h3, .color5-h4 h4, .color5-h5 h5, .color5-h6 h6, .elementor-element.color5-p p, .elementor-element.color5-h1 h1, .elementor-element.color5-h2 h2, .elementor-element.color5-h3 h3, .elementor-element.color5-h4 h4, .elementor-element.color5-h5 h5, .elementor-element.color5-h6 h6 { color: var(--color5) !important; -webkit-text-fill-color: var(--color5); } /* ========= SZÖVEG SZÍNEK END ========= */ /****************************************************** ############### BACKGROUNDS START ############### ******************************************************/ .white-bg.elementor-widget, .white-bg.e-con, .white-bg .elementor-cta__content, .elem-white-bg .elementor-widget:not(.elementor-widget-n-accordion), .elem-white-bg.elementor-widget-n-accordion .e-n-accordion-item-title, .elem-white-bg .elementor-cta__content, .cont-white-bg > .e-con, .cont-white-bg > .e-con-inner > .e-con, .img-white-bg img { background: #fff; } .grey-bg.elementor-widget, .grey-bg.e-con, .grey-bg .elementor-cta__content, .elem-grey-bg .elementor-widget:not(.elementor-widget-n-accordion), .elem-grey-bg.elementor-widget-n-accordion .e-n-accordion-item-title, .elem-grey-bg .elementor-cta__content, .cont-grey-bg > .e-con, .cont-grey-bg > .e-con-inner > .e-con, .img-grey-bg img { background: var(--grey); } .color1-bg.elementor-widget, .color1-bg.e-con, .color1-bg .elementor-cta__content, .elem-color1-bg .elementor-widget:not(.elementor-widget-n-accordion), .elem-color1-bg.elementor-widget-n-accordion .e-n-accordion-item-title, .elem-color1-bg .elementor-cta__content, .cont-color1-bg > .e-con, .cont-color1-bg > .e-con-inner > .e-con, .img-color1-bg img { background: var(--color1); } .color2-bg.elementor-widget, .color2-bg.e-con, .color2 .elementor-cta__content, .elem-color2-bg .elementor-widget:not(.elementor-widget-n-accordion), .elem-color2-bg.elementor-widget-n-accordion .e-n-accordion-item-title, .elem-color2-bg .elementor-cta__content, .cont-color2-bg > .e-con, .cont-color2-bg > .e-con-inner > .e-con, .img-color2-bg img { background: var(--color2); } .color3-bg.elementor-widget, .color3-bg.e-con, .color3-bg .elementor-cta__content, .elem-color3-bg .elementor-widget:not(.elementor-widget-n-accordion), .elem-color3-bg.elementor-widget-n-accordion .e-n-accordion-item-title, .elem-color3-bg .elementor-cta__content, .cont-color3-bg > .e-con, .cont-color3-bg > .e-con-inner > .e-con, .img-color3-bg img { background: var(--color3); } .color4-bg.elementor-widget, .color4-bg.e-con, .color4-bg .elementor-cta__content, .elem-color4-bg .elementor-widget:not(.elementor-widget-n-accordion), .elem-color4-bg.elementor-widget-n-accordion .e-n-accordion-item-title, .elem-color4-bg .elementor-cta__content, .cont-color4-bg > .e-con, .cont-color4-bg > .e-con-inner > .e-con, .img-color4-bg img { background: var(--color4); } .color5-bg.elementor-widget, .color5-bg.e-con, .color5-bg .elementor-cta__content, .elem-color5-bg .elementor-widget:not(.elementor-widget-n-accordion), .elem-color5-bg.elementor-widget-n-accordion .e-n-accordion-item-title, .elem-color5-bg .elementor-cta__content, .cont-color5-bg > .e-con, .cont-color5-bg > .e-con-inner > .e-con, .img-color5-bg img { background: var(--color5); } .elvalaszto-white .elementor-shape-fill { fill: #fff !important; } .elvalaszto-grey .elementor-shape-fill { fill: var(--grey )!important; } .elementor-cta--skin-classic .elementor-cta__content { background-color:transparent !important; } /* ========= BACKGROUNDS END ========= */ /****************************************************** ######### BACKGROUNDS BLUR & NOISE START ######### ******************************************************/ .small-blur { backdrop-filter: var(--small-blur); } .med-blur { backdrop-filter: var(--med-blur); } .big-blur { backdrop-filter: var(--big-blur); } .blur-extra.small-blur{ backdrop-filter: var(--small-blur) saturate(1.2) brightness(1.2); } .blur-extra.med-blur{ backdrop-filter: var(--med-blur) saturate(1.2) brightness(1.2); } .blur-extra.big-blur{ backdrop-filter: var(--big-blur) saturate(1.2) brightness(1.2); } .noise { background: var(--noise); } /* ========= BACKGROUNDS BLUR & NOISE END ========= */ /****************************************************** ################# GOMBOK START ################# ******************************************************/ /* Elő-szöveg a gombon */ .pretext { font-size: 0.8rem; font-weight: 400; } /* Gomb ikon vertikálisan középre igazítása */ .elementor-button-content-wrapper, .elementor-button-icon { display: flex; align-items: center; } /* Minden gomb felvegye a gomb formázást & Biztos ne legyen rajta aláhúzás & Extra hosszú gomb szöveg sortörés & Alap transition*/ button, input[type="submit"], .elementor-button, .gomb, .wp-block-buttons .wp-block-button a.wp-block-button__link.wp-element-button { color: var(--button-color); background: var(--button-bg); font-family: var(--button-fontfamily), Sans-serif; font-size: var(--button-fontsize); font-weight: var(--button-fontweight); line-height: var(--button-lineheight); letter-spacing: var(--button-letterspacing); box-shadow: var(--button-boxhsadow); text-decoration: none !important; white-space: normal !important; transition: 0.2s; } /* Alap felső margó */ button, input[type="submit"], .elementor-widget-button, .gomb, .wp-block-buttons > .wp-block-button { margin-top: 20px; } @media (max-width: 1024px) { button, input[type="submit"], .elementor-widget-button, .gomb, .wp-block-buttons > .wp-block-button { margin-top: 10px; } } /* Pointer cursor hoverre */ button:hover, input[type="submit"]:hover, .elementor-button:hover, .gomb:hover, .wp-block-buttons .wp-block-button a.wp-block-button__link.wp-element-button:hover { cursor: pointer; transform: var(--buttons-hover-zoom); } /********* MÁSODIK STÍLUSÚ GOMB *********/ .gomb2 .elementor-button { color: var(--button2-color); fill: var(--button2-color); /* icon color */ background: var(--button2-bg) !important; position: relative; z-index: 0; border-radius: var(--button2-borderradius) !important; } .gomb2 .elementor-button::before { content: ""; position: absolute; inset: 0; padding: 3px; background: var(--button2-border); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; border-radius: var(--button2-borderradius) !important; } .gomb2 a.elementor-button:hover, .gomb2 a.elementor-button:focus { color: var(--button2-hover-color) !important; background: var(--button2-hover-bg) !important; } .gomb2 .elementor-button:hover::before, .gomb2 .elementor-button:focus::before { background: var(--button2-hover-bg) !important; } /* ====== GOMBOK END ====== */ /****************************************************** ################## KÉPEK START ################## ******************************************************/ /* Max 100% szélesség lehet */ .elementor-image-box-img, .elementor-icon-box-img { max-width:100%; } /* Kép-dobozban kép középre legyen igazítva*/ .elementor-widget-image-box:not(.elementor-position-left) .elementor-image-box-img img { margin:0 auto; } /* Kör kivágású kép */ .img-circle img, .img-circle .elementor-icon { border-radius: 50%!important; } /* === KÉPEK END === */ /****************************************************** ######### FELFELÉ KITOLT KÉP DOBOZBÓL START ######### ******************************************************/ .small-imgup img, .small-imgup .elementor-icon, .elem-small-imgup > .elementor-widget img, .elem-small-imgup > .elementor-widget .elementor-icon { margin-top: var(--small-imgup); } .small-imgup, .elem-small-imgup > .elementor-widget { margin-top: calc(var(--small-imgup) / -2); } .med-imgup img, .med-imgup .elementor-icon, .elem-med-imgup > .elementor-widget img, .elem-med-imgup > .elementor-widget .elementor-icon { margin-top: var(--med-imgup); } .med-imgup, .elem-med-imgup > .elementor-widget { margin-top: calc(var(--med-imgup) / -1.6); } .big-imgup img, .big-imgup .elementor-icon, .elem-big-imgup > .elementor-widget img, .elem-big-imgup > .elementor-widget .elementor-icon { margin-top: var(--big-imgup); } .big-imgup, .elem-big-imgup > .elementor-widget { margin-top: calc(var(--big-imgup) / -1.5); } .elem-small-imgup, .elem-med-imgup, .elem-big-imgup { row-gap:30px!important; } @media (max-width:1024px) { .small-imgup img, .small-imgup .elementor-icon, .elem-small-imgup > .elementor-widget img, .elem-small-imgup > .elementor-widget .elementor-icon { margin-top: calc(var(--small-imgup) * 0.91); } .med-imgup img, .med-imgup .elementor-icon, .elem-med-imgup > .elementor-widget img, .elem-med-imgup > .elementor-widget .elementor-icon { margin-top: calc(var(--med-imgup) * 0.93); } .big-imgup img, .big-imgup .elementor-icon, .elem-big-imgup > .elementor-widget img, .elem-big-imgup > .elementor-widget .elementor-icon { margin-top: calc(var(--big-imgup) * 0.95); } } @media (max-width:560px) { .small-imgup img, .small-imgup .elementor-icon, .elem-small-imgup > .elementor-widget img, .elem-small-imgup > .elementor-widget .elementor-icon { margin-top: calc(var(--small-imgup) * 0.83); } .med-imgup img, .med-imgup .elementor-icon, .elem-med-imgup > .elementor-widget img, .elem-med-imgup > .elementor-widget .elementor-icon { margin-top: calc(var(--med-imgup) * 0.87); } .big-imgup img, .big-imgup .elementor-icon, .elem-big-imgup > .elementor-widget img, .elem-big-imgup > .elementor-widget .elementor-icon { margin-top: calc(var(--big-imgup) * 0.95); } } /* ====== FELFELÉ KITOLT KÉP DOBOZBÓL END ====== */ /****************************************************** ############### IKON-LISTÁK START ############### ******************************************************/ /* Szöveg behúzás */ .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text { padding-left: 0.5em; } /* Alapértelmezett szín */ .elementor-icon-list-icon svg { fill: var(--icon-color); } /* Lista-elemek közötti térköz */ .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child) { margin-top: calc(20px/2); } .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child) { margin-bottom: calc(20px/2); } /* Első sor középvonalához igazított ikon */ .elementor-widget li.elementor-icon-list-item { align-items: flex-start; } .small-icon .e-n-accordion-item-title-icon, .small-icon .elementor-icon-list-icon, .med-icon .e-n-accordion-item-title-icon, .med-icon .elementor-icon-list-icon, .big-icon .e-n-accordion-item-title-icon, .big-icon .elementor-icon-list-icon { margin-top: 0.4em; } /* Ikon méretek */ .small-icon.elementor-widget .elementor-icon-list-icon svg, .small-icon .elementor-widget .elementor-icon-list-icon svg { width: var(--small-icon-list-icon); height: var(--small-icon-list-icon); } .med-icon.elementor-widget .elementor-icon-list-icon svg, .med-icon .elementor-widget .elementor-icon-list-icon svg { width: var(--med-icon-list-icon); height: var(--med-icon-list-icon); } .big-icon.elementor-widget .elementor-icon-list-icon svg, .big-icon .elementor-widget .elementor-icon-list-icon svg { width: var(--big-icon-list-icon); height: var(--big-icon-list-icon); } /* ====== IKON-LISTÁK END ====== */ /****************************************************** ################ HARMONIKA START ################ ******************************************************/ /* No Border, No Padding alapértelmezetten */ .elementor-widget-n-accordion summary.e-n-accordion-item-title { border: none; padding: 0; } /* Első sor középvonalához igazított ikon */ .elementor-widget-n-accordion summary.e-n-accordion-item-title { align-items: flex-start; } /* Ikon vertikálisan középen legyen */ .e-n-accordion-item-title-icon { margin-top:0.35em; } /* Leírások paddingje */ .e-n-accordion-item > div { padding: 0 20px 20px 20px; } .elementor-widget-n-accordion.elem-white-bg .e-n-accordion-item > div, .elementor-widget-n-accordion.elem-grey-bg .e-n-accordion-item > div, .elementor-widget-n-accordion.elem-color1-bg .e-n-accordion-item > div, .elementor-widget-n-accordion.elem-color2-bg .e-n-accordion-item > div, .elementor-widget-n-accordion.elem-color3-bg .e-n-accordion-item > div, .elementor-widget-n-accordion.elem-color4-bg .e-n-accordion-item > div, .elementor-widget-n-accordion.elem-color5-bg .e-n-accordion-item > div { padding-top: 20px; } .e-n-accordion-item p:last-child { margin-bottom: 0; } /* ====== HARMONIKA END ====== */ /****************************************************** ################ GALÉRIÁK START ################ ******************************************************/ .elementor-gallery-item.e-gallery-item { overflow: visible; } /* =========== GALÉRIÁK END =========== */ /****************************************************** ################ ANIMÁCIÓK START ################ ******************************************************/ /* FadeIn Animációk Finomítása */ @keyframes fadeInRightSmooth { from { opacity: 0; transform: translate3d(10%,0,0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRightSmooth!important; } @keyframes fadeInUpSmooth { from { opacity: 0; transform: translate3d(0,10%,0); } to { opacity: 1; transform: none;} } .fadeInUp { animation-name: fadeInUpSmooth!important; } @keyframes fadeInLeftSmooth { from { opacity: 0; transform: translate3d(-10%,0,0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeftSmooth!important; } @keyframes fadeInDownSmooth { from { opacity: 0; transform: translate3d(0,-10%,0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDownSmooth!important; } /* OnHover animációk */ .zoom-onhover, .elem-zoom-onhover > .elementor-widget, .img-zoom-onhover .elementor-image-box-img, .img-zoom-onhover .elementor-icon-box-img, .img-crop-zoom-onhover img, .up-onhover, .elem-up-onhover > .elementor-widget, .img-up-onhover .elementor-image-box-img, .img-up-onhover .elementor-icon-box-img, .img-crop-up-onhover img, .rotate-onhover, .elem-rotate-onhover > .elementor-widget, .img-rotate-onhover .elementor-image-box-img, .img-rotate-onhover .elementor-icon-box-img, .img-crop-rotate-onhover img { transition: 0.2s; } .zoom-onhover:hover, .elem-zoom-onhover > .elementor-widget:hover, .img-zoom-onhover.elementor-widget:hover .elementor-image-box-img, .img-zoom-onhover.elementor-widget:hover .elementor-icon-box-img, .img-crop-zoom-onhover.elementor-widget:hover img, .img-zoom-onhover .elementor-widget:hover .elementor-image-box-img, .img-zoom-onhover .elementor-widget:hover .elementor-icon-box-img, .img-crop-zoom-onhover .elementor-widget:hover img { transform: var(--hover-zoom); } .up-onhover:hover, .elem-up-onhover > .elementor-widget:hover, .img-up-onhover.elementor-widget:hover .elementor-image-box-img, .img-up-onhover.elementor-widget:hover .elementor-icon-box-img, .img-crop-up-onhover.elementor-widget:hover img, .img-up-onhover .elementor-widget:hover .elementor-image-box-img, .img-up-onhover .elementor-widget:hover .elementor-icon-box-img, .img-crop-up-onhover .elementor-widget:hover img { transform: var(--hover-up); } .rotate-onhover:hover, .elem-rotate-onhover > .elementor-widget:hover, .img-rotate-onhover.elementor-widget:hover .elementor-image-box-img, .img-rotate-onhover.elementor-widget:hover .elementor-icon-box-img, .img-crop-rotate-onhover.elementor-widget:hover img, .img-rotate-onhover .elementor-widget:hover .elementor-image-box-img, .img-rotate-onhover .elementor-widget:hover .elementor-icon-box-img, .img-crop-rotate-onhover .elementor-widget:hover img { transform: rotate(4deg); } .zoom-onhover.up-onhover:hover, .elem-zoom-onhover.elem-up-onhover > .elementor-widget:hover, .img-zoom-onhover.img-up-onhover.elementor-widget:hover .elementor-image-box-img, .img-zoom-onhover.img-up-onhover.elementor-widget:hover .elementor-icon-box-img, .img-crop-zoom-onhover.img-crop-up-onhover.elementor-widget:hover img, .img-zoom-onhover.img-up-onhover .elementor-widget:hover .elementor-image-box-img, .img-zoom-onhover.img-up-onhover .elementor-widget:hover .elementor-icon-box-img, .img-crop-zoom-onhover.img-crop-up-onhover .elementor-widget:hover img { transform: var(--hover-zoom) var(--hover-up); } .zoom-onhover.rotate-onhover:hover, .elem-zoom-onhover.elem-rotate-onhover > .elementor-widget:hover, .img-zoom-onhover.img-rotate-onhover.elementor-widget:hover .elementor-image-box-img, .img-zoom-onhover.img-rotate-onhover.elementor-widget:hover .elementor-icon-box-img, .img-crop-zoom-onhover.img-crop-rotate-onhover.elementor-widget:hover img, .img-zoom-onhover.img-rotate-onhover .elementor-widget:hover .elementor-image-box-img, .img-zoom-onhover.img-rotate-onhover .elementor-widget:hover .elementor-icon-box-img, .img-crop-zoom-onhover.img-crop-rotate-onhover .elementor-widget:hover img { transform: var(--hover-zoom) var(--hover-rotate); } .up-onhover.rotate-onhover:hover, .elem-up-onhover.elem-rotate-onhover > .elementor-widget:hover, .img-up-onhover.img-rotate-onhover.elementor-widget:hover .elementor-image-box-img, .img-up-onhover.img-rotate-onhover.elementor-widget:hover .elementor-icon-box-img, .img-crop-up-onhover.img-crop-rotate-onhover.elementor-widget:hover img, .img-up-onhover.img-rotate-onhover .elementor-widget:hover .elementor-image-box-img, .img-up-onhover.img-rotate-onhover .elementor-widget:hover .elementor-icon-box-img, .img-crop-up-onhover.img-crop-rotate-onhover .elementor-widget:hover img { transform: translate(0,-10px) var(--hover-rotate); } .zoom-onhover.up-onhover.rotate-onhover:hover, .elem-zoom-onhover.elem-up-onhover.elem-rotate-onhover > .elementor-widget:hover, .img-zoom-onhover.img-up-onhover.img-rotate-onhover.elementor-widget:hover .elementor-image-box-img, .img-zoom-onhover.img-up-onhover.img-rotate-onhover.elementor-widget:hover .elementor-icon-box-img, .img-crop-zoom-onhover.img-crop-up-onhover.img-crop-rotate-onhover.elementor-widget:hover img, .img-zoom-onhover.img-up-onhover.img-rotate-onhover .elementor-widget:hover .elementor-image-box-img, .img-zoom-onhover.img-up-onhover.img-rotate-onhover .elementor-widget:hover .elementor-icon-box-img, .img-crop-zoom-onhover.img-crop-up-onhover.img-crop-rotate-onhover .elementor-widget:hover img { transform: var(--hover-zoom) var(--hover-up) var(--hover-rotate); } /* === ANIMÁCIÓK END === */ /****************************************************** ########## ALAKZATI ELVÁLASZTÓK START ########## ******************************************************/ /*** Alakzati Elválasztó Reszponzív Magassága ***/ .elementor-shape svg { height: var(--separator-height); } @media (max-width:1280px) { .elementor-shape svg { height: calc(var(--separator-height) * 0.85); } } @media (max-width:1024px) { .elementor-shape svg { height: calc(var(--separator-height) * 0.71); } } @media (max-width:768px) { .elementor-shape svg { height: calc(var(--separator-height) * 0.57); } } @media (max-width:580px) { .elementor-shape svg { height: calc(var(--separator-height) * 0.43); } } /*** Alakzati elválasztó használata esetén első / utolsó elem kapjon felső/alsó margót & felső elválasztó esetén az előző szekció utols eleme minusz alsó felső margót & alsó elválasztó esetén a következő szekció első eleme minusz felső margót ***/ .e-parent:has(.elementor-shape-top) { padding-top: 40px; } .e-parent:has(.elementor-shape-bottom) { padding-bottom: 40px; } .e-parent:has(+ .e-parent:has(.elementor-shape-top)) > .e-con-inner > :last-child { margin-bottom: -40px; } .e-parent:has(.elementor-shape-bottom) + .e-parent > .e-con-inner > :first-child { margin-top: -40px; } @media (max-width: 1280px) { .e-parent:has(.elementor-shape-top) { padding-top: 30px; } .e-parent:has(.elementor-shape-bottom) { padding-bottom: 30px; } } /*** Alakzati Elválasztó Háttere ***/ .shape-white .elementor-shape .elementor-shape-fill { fill: #fff; } .shape-grey .elementor-shape .elementor-shape-fill { fill: var(--grey); } .shape-color1 .elementor-shape .elementor-shape-fill { fill: var(--color1); } .shape-color2 .elementor-shape .elementor-shape-fill { fill: var(--color2); } /* === ALAKZATI ELVÁLASZTÓK END === */ /****************************************************** ################# ŰRLAPOK START ################# ******************************************************/ /***** INPUT & TEXTAREA *****/ input, textarea { font-family: var(--text-fontfamily); } /***** CHECKBOXES ÉS RADIO BUTTONS *****/ input[type="checkbox"], input[type="radio"] { width: 18px; height: 18px; margin-right: 2px; position: relative; top: 4px; } /***** CÍMKÉK (LABELS) *****/ .elementor-widget-form :not(.elementor-field-option) > label, .elementor-field-group-hirlevel label { line-height: 1.3em; margin-bottom: 3px; font-weight: 700; } /*** ADATKEZELÉSI ***/ .elementor-field-group-adatkezelesi > label[for="form-field-adatkezelesi"] { display: none; } .elementor-field-group-adatkezelesi .elementor-field-subgroup { line-height: 0.8; } .elementor-field-group-adatkezelesi .elementor-field-subgroup label[for="form-field-adatkezelesi"] { font-weight: 500; font-size: 0.8em; } /***** HÍRLEVÉL *****/ .elementor-field-group-hirlevel label { display: none; } .elementor-field-group-hirlevel label { font-size:1.2em; font-weight: 700!important; } .elementor-field-group-hirlevel input { width:20px; height:20px; position: relative; top:3px; } .elementor-field-group-hirlevel::after { font-size:0.9em; line-height: 1.3; position: relative; left:3px; top:2px; } /***** TELEFONSZÁM *****/ .elementor-field-group-tel label::after { font-size:0.85em; font-weight: 400; line-height: 1.4; display: block; } /***** REJTETT MEZŐK *****/ /* Muszáj nem rejtett mezőként létrehozni ezeket a mezőket, mert az Elementor-MailerLite párosítása nem ajánlja fel a rejtett mezőket célként */ .elementor-field-group-datum, .elementor-field-group-honnaniratkozottfel, .elementor-field-group-utm_source, .elementor-field-group-utm_medium, .elementor-field-group-utm_campaign, .elementor-field-group-utm_content, .elementor-field-group-utm_term { display: none; } /***** VISSZAIGAZOLÓ ÜZENETDOBOZOK ***/ .elementor-message { background: var(--messagebox-bg-color); border-radius: 5px; padding: 15px; margin: 20px auto 0; } .elementor-message-success { background: var(--messagebox-success-bg-color); color: var(--messagebox-success-text-color); } .elementor-message-error { background: var(--messagebox-success-bg-color); color: var(--messagebox-error-text-color); } /* Alapértelmezett Gomb margók */ .elementor-widget-form .elementor-button { margin-top: 10px; margin-bottom: 5px; } /* ReCaptcha v3 elrejtése */ .elementor-field-type-recaptcha_v3 { display: none; } /* ====== ŰRLAPOK END ======= */ /****************************************************** ################ SZÁMLÁLÓ START ################ ******************************************************/ .elementor-counter-title { text-align: center; } /* ====== SZÁMLÁLÓ END ======= */ /****************************************************** ############ COOKIEYES BANNER START ############ ******************************************************/ /* A fallback szín akkor is működik, ha az Elementor-változó nem öröklődik. */ .cky-consent-container .cky-btn.cky-btn-customize, .cky-consent-container .cky-btn.cky-btn-reject, .cky-consent-container .cky-btn.cky-btn-preferences { background-color: transparent !important; background-image: none !important; color: var(--color-primary-turkiz, #08A4B2) !important; border-color: var(--color-primary-turkiz, #08A4B2) !important; } .cky-consent-container .cky-btn.cky-btn-accept { background-color: var(--color-primary-turkiz, #08A4B2) !important; background-image: none !important; border-color: var(--color-primary-turkiz, #08A4B2) !important; color: #fff !important; } .cky-consent-container .cky-btn.cky-btn-customize:hover, .cky-consent-container .cky-btn.cky-btn-reject:hover, .cky-consent-container .cky-btn.cky-btn-preferences:hover { background-color: #e8f7f8 !important; background-image: none !important; color: var(--color-primary-turkiz, #08A4B2) !important; transform: none !important; } .cky-consent-container .cky-btn.cky-btn-accept:hover { background-color: #078b97 !important; background-image: none !important; color: #fff !important; transform: none !important; } .cky-consent-container .cky-consent-bar { padding: 14px 18px !important; } .cky-consent-container .cky-title { margin: 0 0 4px !important; line-height: 1.25 !important; } .cky-consent-container .cky-notice-des p { margin: 0 !important; font-size: 0.9rem !important; line-height: 1.35 !important; } .cky-consent-container .cky-notice-btn-wrapper { gap: 8px !important; margin-top: 10px !important; } .cky-consent-container .cky-btn { flex: none !important; min-height: 44px !important; margin: 0 !important; padding: 8px 12px !important; font-size: 0.9rem !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; } .cky-consent-container .cky-show-desc-btn, .cky-consent-container .cky-policy { color: var(--color-primary-turkiz, #08A4B2) !important; background-color: transparent !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; } .cky-btn-revisit-wrapper { display: none !important; } .cky-accordion-btn:hover, .cky-show-desc-btn:hover, .cky-btn-close:hover { background-color: transparent !important; background-image: none !important; transform: none !important; } .cky-switch input[type="checkbox"] { padding: 11px 16px !important; border: 1px solid #888 !important; border-radius: 20px !important; } .cky-switch input[type="checkbox"]:checked { background: var(--color-primary-turkiz, #08A4B2) !important; background-color: var(--color-primary-turkiz, #08A4B2) !important; } .cky-switch input[type="checkbox"]::before { bottom: 1px !important; left: 1px !important; } .cky-notice-content-wrapper + div { display: none; } .cky-notice-des { overflow-y: auto !important; } @media (max-width: 600px) { .cky-consent-container .cky-consent-bar { padding: 12px 14px !important; } .cky-consent-container .cky-notice-btn-wrapper { margin-top: 8px !important; } .cky-consent-container .cky-notice-des p { font-size: 0.875rem !important; line-height: 1.35 !important; } .cky-consent-container .cky-btn { width: 100% !important; } } /* ====== COOKIEYES BANNER END ====== */ /****************************************************** ################## MENÜ START ################## ******************************************************/ /* lenyíló mobilon nézet javítás */ @media (max-width:768px) { elementor-nav-menu--dropdown { position: absolute; right: 10px; max-width: 90vw !important; } .elementor-nav-menu--dropdown.elementor-nav-menu__container { overflow: visible; } .sub-menu.elementor-nav-menu--dropdown { max-height: 60vh; overflow: scroll; } } /* ======= MENÜ END ======= */ /****************************************************** ######### ADMIN SZERKESZTŐ SEGÉD START ######### ******************************************************/ .e-parent .elementor-element-edit-mode.e-con .elementor-element-edit-mode.e-con :not(.e-n-accordion) .elementor-editor-container-settings { margin:10px; } .e-parent .elementor-element-edit-mode.e-con .elementor-element-edit-mode.e-con :not(.e-n-accordion) .elementor-element-edit-mode.e-con .elementor-editor-container-settings { margin:20px; } .e-n-accordion .elementor-editor-container-settings { margin:0!important; } /* ======= ADMIN SZERKESZTŐ SEGÉD END ======= */ /* DCP CUSTOM CSS START: produkton-weboldal-urlap */ /* Csak a /weboldal-keszites-2/ oldalhoz beágyazott Elementor-űrlap. */ .elementor-31090 .elementor-form .elementor-button[type="submit"] { min-height:52px; padding:.85rem 1.55rem; border:0!important; border-radius:30px!important; background:linear-gradient(105deg,#ef2756 0%,#f2b703 100%)!important; color:#fff!important; box-shadow:0 12px 26px rgba(239,39,86,.28)!important; font-family:Montserrat,Arial,sans-serif!important; font-size:1.2rem!important; font-weight:800!important; line-height:1.25!important; letter-spacing:.01em; text-transform:none!important; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; } .elementor-31090 .elementor-form .elementor-button[type="submit"]:hover, .elementor-31090 .elementor-form .elementor-button[type="submit"]:focus-visible { background:linear-gradient(105deg,#e70037 0%,#f6a400 100%)!important; color:#fff!important; box-shadow:0 16px 30px rgba(191,29,105,.34)!important; transform:translateY(-2px); } body.page-id-31139 .elementor-31090 .elementor-form .elementor-field-label { font-size:clamp(17px,1.35vw,19px)!important; line-height:1.4!important; } body.page-id-31139 .elementor-31090 .elementor-form .elementor-field-type-radio .elementor-field-option, body.page-id-31139 .elementor-31090 .elementor-form .elementor-field-type-checkbox .elementor-field-option, body.page-id-31139 .elementor-31090 .elementor-form .elementor-field-type-radio .elementor-field-option label, body.page-id-31139 .elementor-31090 .elementor-form .elementor-field-type-checkbox .elementor-field-option label { font-weight:400!important; } /* Hírlevél felirat: a kérdéscímkékkel azonos hangsúly. */ body.page-id-31139 .elementor-31090 .elementor-form .elementor-field-group-hirlevel::after{color:#20174d!important;font-family:Montserrat,Arial,sans-serif!important;font-size:19px!important;font-weight:700!important;line-height:1.4!important} body.page-id-31139 .elementor-31090 .elementor-form .elementor-field-group-hirlevel>label{font-size:19px!important;font-weight:700!important;line-height:1.4!important} /* DCP CUSTOM CSS END: produkton-weboldal-urlap */ /* DCP CUSTOM CSS START: weboldal-extrak-form-31542 */ .elementor-31542 .elementor-form .elementor-form-fields-wrapper { display: flex !important; flex-wrap: wrap !important; column-gap: 18px !important; row-gap: 18px !important; width: 100% !important; } .elementor-31542 .elementor-form .elementor-field-group { display: block !important; box-sizing: border-box !important; padding-inline: 0 !important; margin-bottom: 0 !important; } .elementor-31542 .elementor-form .elementor-field-group.elementor-col-50 { flex: 0 0 calc(50% - 9px) !important; width: calc(50% - 9px) !important; max-width: calc(50% - 9px) !important; } .elementor-31542 .elementor-form .elementor-field-group.elementor-col-100 { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } .elementor-31542 .elementor-form .elementor-field-label { display: block !important; width: 100% !important; margin: 0 0 7px !important; color: #410BAE !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.45 !important; position: static !important; inset: auto !important; transform: none !important; } .elementor-31542 .elementor-form .elementor-field-textual { display: block !important; width: 100% !important; min-width: 0 !important; min-height: 52px !important; padding: 13px 15px !important; border: 1px solid rgba(65, 11, 174, .18) !important; border-radius: 14px !important; background: #fbf9ff !important; color: #21143d !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.55 !important; box-sizing: border-box !important; position: relative !important; inset: auto !important; left: 0 !important; right: auto !important; margin-inline: 0 !important; transform: none !important; } .elementor-31542 .elementor-form textarea.elementor-field-textual { min-height: 150px !important; resize: vertical !important; } .elementor-31542 .elementor-form .elementor-field-textual:focus { border-color: #892AE1 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(137, 42, 225, .12) !important; outline: 0 !important; } .elementor-31542 .elementor-form .elementor-field-type-html, .elementor-31542 .elementor-form .elementor-field-type-acceptance { width: 100% !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.6 !important; } .elementor-31542 .elementor-form .elementor-field-type-acceptance .elementor-field-subgroup { width: 100% !important; } .elementor-31542 .elementor-form .e-form__buttons { display: flex !important; justify-content: center !important; align-items: center !important; } @media (max-width: 600px) { .elementor-31542 .elementor-form .elementor-field-group.elementor-col-50 { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; } } @media (max-width: 767px) { .elementor-31542 .elementor-element.elementor-element-bf61b83 { padding: 22px 18px !important; } .elementor-31542 .elementor-form .elementor-button { width: 100% !important; min-height: 52px !important; white-space: normal !important; line-height: 1.25 !important; } } /* A reCAPTCHA mező a későbbi field-group szabály ellenére is maradjon láthatatlan. */ .elementor-31542 .elementor-form .elementor-field-group.elementor-field-type-recaptcha_v3 { display: none !important; margin: 0 !important; } /* DCP CUSTOM CSS END: weboldal-extrak-form-31542 */ /* DCP CUSTOM CSS START: weboldal-extrak-form-buttons */ #dcp_egyeb_webes_szolgaltatas{padding-bottom:20px} #dcp_egyeb_webes_szolgaltatas .elementor-field-type-submit{width:100%;justify-content:center} #dcp_egyeb_webes_szolgaltatas .elementor-button{display:inline-flex!important;width:fit-content!important;max-width:100%} .dcp-order-request__submit{justify-self:center!important;width:fit-content!important;max-width:100%} /* DCP CUSTOM CSS END: weboldal-extrak-form-buttons *//* End custom CSS */ /* Start Custom Fonts CSS */ /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */ /* End Custom Fonts CSS */