@font-face { font-family: 'MrDodo'; src: url('fonts/MrDodo/MrDodo-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'MrDodo'; src: url('fonts/MrDodo/MrDodo-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'MrDodo'; src: url('fonts/MrDodo/MrDodo-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; } @font-face { font-family: 'MrDodo'; src: url('fonts/MrDodo/MrDodo-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } /** tag **************************************************************************************/ html { --pagewidth-max: 1152px; --pagewidth: min(90vw, var(--pagewidth-max)); --section-spacing: 7rem; --color-orange: #e17737; --color-yellow: #eda93d; --color-azure: #4262aa; --color-pink: #e28cb6; --color-emerald: #51a37a; --color-teal: #345f55; --color-lavender: #9093c5; --color-sand: #e2ddd3; --color-0001: var(--color-teal); --color-background: var(--color-sand); --color-button: var(--color-pink); --color-primary: var(--color-teal); --color-primary-highlight: var(--color-emerald); --color-primary-opacity-50: #345f5581; --color-links: var(--color-teal); --color-text: var(--color-teal); --font-logo: Figtree, sans-serif; --font-heading: MrDodo, sans-serif; --h1-size: 3rem; --h2-size: 2.25rem; --h3-size: 2rem; --footer-bottom-logos-width: 130px; } body { margin: 0; padding: 0; width: 100%; height: 100%; height: 100%; font-size: 100%; font-size: 16px; font-family: Figtree, sans-serif; line-height: 1.7; color: var(--color-text); background-color: #FFFFFF; background-color: var(--color-background); overflow-y: scroll; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } table {border-collapse: collapse;} img, video { max-width: 100%; height: auto; display: block; } video { width: 100%; height: auto; } p:empty { display: none; } a:link { color: var(--color-links); text-decoration: none; } a:visited { color: var(--color-links); text-decoration: none; } a:hover { color: var(--color-links); text-decoration: underline; } h1, h2, h3, .h3, h4, h5 { font-family: 'MrDodo'; font-weight: 700; text-transform: uppercase; line-height: 1.25em; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{ text-decoration: none; } h1, .h1 { font-size: var(--h1-size); } h2, .h2 { font-size: var(--h2-size); letter-spacing: 1px; color: var(--color-was-pink); } h3, .h3 { font-family: "MrDodo"; text-transform: uppercase; font-size: var(--h3-size); font-weight: 700; line-height: 125%; letter-spacing: -0.72px; } h4, .h4 { font-size: 1.625rem; font-weight: normal; } h5, .h5 { font-size: 1.4375rem; font-weight: normal; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } pre.pp { background-color: #DDD; } input[type=text], input[type=email], input[type=password], input[type=number], textarea, select { padding: 0.5em 0.5em; border-radius: 1em; border: 0; background-color: #FFFFFF; color: var(--color-teal)!important; } input.datepicker { background-image: url(images/date.png); background-position: 0px 7px; background-size: 17px; padding-left: 28px!important; box-sizing: border-box; background-repeat: no-repeat; } button, .button, a.button, input[type=button], input[type=submit] { display: inline-block; background-color: transparent; text-transform: uppercase; text-align: center; font-size: 0.875em; letter-spacing: 1px; color: #000000; position: relative; padding: 1rem 2rem; min-width: 150px; outline: none; background: var(--color-button); color: #FFF; border: 0; border-radius: 40px; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } button:hover, .button:hover, a.button:hover, input[type=button]:hover, input[type=submit]:hover { text-decoration: none; box-shadow: 3px 4px 50px 0px rgba(67.8, 39.6, 20.0, 0.3); -webkit-box-shadow: 3px 4px 50px 0px rgba(67.8, 39.6, 20.0, 0.3); -moz-box-shadow: 3px 4px 50px 0px rgba(67.8, 39.6, 20.0, 0.3); } button.bg-r:hover, .button.bg-r:hover, a.button.bg-r:hover, input[type=button].bg-r:hover, input[type=submit].bg-r:hover { box-shadow: 3px 4px 50px 0px var(--color-teal-opacity-2); -webkit-box-shadow: 3px 4px 50px 0px var(--color-teal-opacity-2); -moz-box-shadow: 3px 4px 50px 0px var(--color-teal-opacity-2); } table { border-collapse: collapse; } hr { height: 1px; border-top: 1px #000 solid; } .pswp .button:hover, .pswp button:hover { box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; } .button.prev { margin-left: 10px; } .button-dark { color: #FFF!important; background-color: #000; padding: 13px; display: inline-block; text-transform: uppercase; text-align: center; font-size: 90%; letter-spacing: 2px; } .button-dark:hover { text-decoration: none; } .button-mustard { background-color: var(--color-pink); color: #FFF; } .link-button { cursor: pointer; display: inline-block; background-color: transparent; text-transform: uppercase; font-size: 80%; letter-spacing: 1px; border: 0; position: relative; padding-left: 0; outline: none; } .link-button:after { content: '›'; display: block; position: absolute; font-size: 175%; top: -3px; right: -20px; line-height: 1; } .link-button.textU80:after { top: -3px; } .link-button.prev { margin-left: 10px; } .link-button.prev:after { content: '‹'; top: -3px; left: -20px; } .link-button-dark { color: #FFF!important; background-color: #000; padding: 13px; display: inline-block; text-transform: uppercase; text-align: center; font-size: 90%; letter-spacing: 2px; } .link-button:hover { text-decoration: none; } .link-button-dark:hover { text-decoration: none; } .inputs.flex > .input-set { flex: 1; } .input-set { display: flex; flex-direction: column; margin-bottom: 1rem; gap: 0.5rem; } .padding-section { margin-top: var(--section-spacing); margin-bottom: var(--section-spacing); } .margin-section { margin-top: var(--section-spacing); margin-bottom: var(--section-spacing); } .margin-top-section { margin-top: var(--section-spacing); } /* section { padding-top: var(--section-spacing); padding-bottom: var(--section-spacing); } section.inverse { background-color: var(--color-teal); color: #FFF; } section.inverse * { color: #FFF; } section.inverse .inverse-reset p, section.inverse .inverse-reset div, section.inverse .inverse-reset label, section.inverse .inverse-reset a, section.inverse .inverse-reset input, section.inverse .inverse-reset span, section.inverse .inverse-reset u { color: var(--color-text); } section.inverse.color-blue { background-color: var(--color-blue); } */ section:empty { display: none; } section, .section { clear: both; position: relative; padding: var(--section-spacing) 0; } section.color-white { background-color: #FFF; color: var(--color-text); } section.color-sand, .section.color-sand { background-color: var(--color-sand); color: var(--color-text); } section.color-lavender, .section.color-lavender { background-color: var(--color-lavender); } section.color-azure, .section.color-azure { background-color: var(--color-azure); } section.color-emerald, .section.color-emerald { background-color: var(--color-emerald); } section.color-azure *, .section.color-azure *, section.color-lavender *, .section.color-lavender *, section.color-emerald *, .section.color-emerald * { color: #FFF; --color-primary: #FFF; } .section.color-emerald + .section.color-emerald { padding-top: 0; } /** class **************************************************************************************/ .pagewidth { display: block; width: var(--pagewidth); margin-left: calc((100vw - var(--pagewidth)) / 2); margin-right: calc((100vw - var(--pagewidth)) / 2); } .pagewidth.padding .content-inner { padding: 2.5rem; box-sizing: border-box; } .pagewidth.innerthin .content-inner { max-width: 600px; margin: auto; } .display-none { display: none; } .position-relative { position: relative; } .clear { clear: both; } .table { display: table; } .tr,.row { display: table-row; } .td,.cell { display: table-cell; } .kiemelt { color: #0000FF; } .raquo { font-size: 1.3em; } .opacity-50 { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; } .opacity-25 { -moz-opacity:.25; filter:alpha(opacity=50); opacity:.25; } .opacity-0 { -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; } .szurke { color: grey; } .apro { font-size: 85%; } .aprobb { font-size: 75%; } .nagy { font-size: 120%; } .halvany { opacity:0.65; filter:alpha(opacity=40); } .halovany { opacity:0.4; filter:alpha(opacity=40); } .displayb { display: block; } .flex { display: flex; gap: 1rem; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .alignc { text-align: center; } .alignr { text-align: right; } .alignj { text-align: justify; } .alignl { text-align: left; } .valignt { vertical-align: top; } .valignm { vertical-align: middle; } .valignb { vertical-align: bottom; } .uppercase { text-transform: uppercase; } .width-fit-content { width: fit-content; } .w100 { width: 100%; } .w90{width:90%;} .w85{width:85%;} .w80{width:80%;} .w75{width:75%;} .w70{width:70%;} .w65{width:65%;} .w60{width:60%;} .w59{width:59%;} .w53_5{width:53.5%;} .w52{width:52%;} .w50{width:50%;} .w49{width:49%;} .w48{width:48%;} .w46_5{width:46.5%;} .w46{width:46%;} .w45{width:45%;} .w44{width:44%;} .w43{width:43%;} .w42{width:42%;} .w40{width:40%;} .w39{width:39%;} .w35{width:35%;} .w33{width:33%;} .w30{width:30%;} .w28{width:28%;} .w27{width:27%;} .w25{width:25%;} .w20{width:20%;} .w17_5{width:17.5%;} .w15{width:15%;} .w10{width:10%;} .w3{width:3%;} .max750{max-width:750px;} .h200{height:200px;} .h150{height:150px;} .pl0, input.pl0{padding-left: 0;} .pt120{padding-top: 120px;} .pt80{padding-top: 80px;} .pt0{padding-top: 0px;} .pb80{padding-bottom: 80px;} .pb30{padding-bottom: 30px;} .pb0{padding-bottom: 0;} .pv1em { padding-top: 1em; padding-bottom: 1em; } .mt160{margin-top: 160px;} .mt120{margin-top: 120px;} .mt80{margin-top: 80px;} .mt60{margin-top: 60px;} .mt50{margin-top: 50px;} .mt40{margin-top: 40px;} .mt30{margin-top: 30px;} .mt25{margin-top: 25px;} .mt15 {margin-top: 15px;} .mt0{margin-top: 0;} .mb200 {margin-bottom: 200px;} .mb120 {margin-bottom: 120px;} .mb80 {margin-bottom: 80px;} .mb50 {margin-bottom: 50px;} .mb40 {margin-bottom: 40px;} .mb30 {margin-bottom: 30px;} .mb10 {margin-bottom: 10px;} .mb0 {margin-bottom: 0;} .br10{border-radius: 1rem;} .br20{border-radius: 2rem;} .brt10{border-radius: 1rem 1rem 0 0;} .co-b, a.co-b{color: var(--color-0001);} .co-r, a.co-r{color: var(--color-0001);} .co-g, a.co-g{color: #666666;} .bg-r, input.bg-r{background-color: #f8c1cd;} .nono-26-reg-ro{font-family: 'Poppins'; font-size: 26px; font-weight: normal; color: var(--color-0001);} .c4i{width:22.5%; margin-right: 3.3%; display: inline-block; white-space: normal; } .c4i:nth-child(4n) { margin-right: 0; } .textU80 { font-size: 80%; text-transform: uppercase; letter-spacing: 1px; } .normal { font-size: 15px; font-weight: normal; } .bsbb { box-sizing: border-box; } .salonSlider1 .c4i:nth-child(4n) { margin-right: 3.3%; } .nowrap{ white-space: nowrap; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rotate90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .rotate180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ajax_loader { display: inline-block; width: 16px; height: 16px; background-image: url(images/loader.gif); position: relative; top: 2px; } .sprite-16 { display: inline-block; width: 16px; height: 16px; border: 0; background: url(images/sprite.png) no-repeat; } .sprite-16.user { background-position: -16px -16px; } .sprite-16.search { background-position: -32px -16px; } .shaddow { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); } .shaddow2 { box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.3); } .shaddow3 { box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1); } .shaddow2h { transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .shaddow2h.akt, .shaddow2h:hover { box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); } .dropshadow { -webkit-filter: drop-shadow(5px 5px 20px #AAA ); filter: drop-shadow(5px 5px 20px #AAA); } .containbg { background-repeat: no-repeat; background-size: contain; background-position: center; } .coverbg { background-repeat: no-repeat; background-size: cover; background-position: center; } .inside-text-column2 .text, .column2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap: 4%; /*text-align: justify;*/ } .inside-text-column3 .text, .column3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-gap: 3%; /*text-align: justify;*/ } .pageintro2 .lead p:first-child, .inside-text-column2 .text p:first-child, .inside-text-column3 .text p:first-child, .column2 p:first-child, .column3 p:first-child { margin-top: 0; } .margina { margin: auto; } .columnHalf { width: 48%; } .mobilhide { display: block; } .mobilview { display: none; } .overflowXH { overflow-x: hidden; } .overflow-w100-hidden { max-width: 100vw; overflow-x: hidden; } .inverse, a.inverse, .inverse *, .inverse a:link, .inverse a:visited, .inverse a:hover, .inverse a:active, .inverse input { color: #FFF; border-color: #ffffffad; } .inverse option { color: #686868; } .inverse button, .inverse .button, .inverse a.button, .inverse input[type=button], .inverse input[type=submit] { background: #b0f4e7; color: var(--color-0001); font-size: 13px; font-weight: bold; min-width: 165px; padding: 10px 32px 8px 32px; } .inverse button:hover, .inverse .button:hover, .inverse a.button:hover, .inverse input[type=button]:hover, .inverse input[type=submit]:hover { --box-shadow-color: #b0f4e7; } .inverse.pagewidth { background-color: var(--color-0001-90); } .inverse .lead p, .inverse .lead div { color: #ffffffbf; } .failure, .success { color: #FFF; padding: 10px 20px; display: none; width: 90%; margin: 20px 0; } .failure { background-color: #db4437; } .success { background-color: #0eb38e; } .abovewave { position: relative; z-index: 100; } .back-link { display: block; position: relative; margin-bottom: calc(var(--section-spacing) / 2); font-size: 0.9rem; margin-left: 0.75rem; } .back-link .draw-arrow.arrow-left { position: absolute; left: -1.75rem; top: 50%; transform: translateY(-50%) rotate(180deg); } .bgPattern { position: absolute!important; z-index: 1; } #bgPattern_dekor-index-3 { left: 0; top: 1250px; } #bgPattern_dekor-index-4 { right: 0; top: 1000px; } #bgPattern_dekor-index-5 { right: 0; top: 1920px; } .page-galeria #bgPattern_dekor-index-5 { right: 0; top: 550px; } #bgPattern_dekor-index-6 { left: 65px; top: 2575px; } #bgPattern_dekor-index-7 { right: 0; bottom: 120px; z-index: 2; } #bgPattern_dekor-programok-2 { left: 0; top: 1220px; } #bgPattern_dekor-program-1 { right: 0; top: 180px; } #bgPattern_dekor-helyszin-1 { display: block; right: 0; top: 1300px; } .page-rolunk #bgPattern_dekor-program-1 { right: 0; top: 1000px; } .page-rolunk #bgPattern_dekor-index-3 { left: 0; top: 1980px; } .page-kiallitoknak #bgPattern_dekor-index-3 { left: 0; top: 690px; } .list-4col .item { display: inline-block; vertical-align: top; width: 22.3%; margin-left: 3.5%; margin-bottom: 3.5%; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .list-4col .item:nth-of-type(4n+1) { margin-left: 0; } .list-4col hidden { display: none; } @media (max-width: 950px){ .list-4col .item { width: 31%; margin-left: 3.5%; margin-bottom: 10%; } .list-4col .item:nth-of-type(4n+1) { margin-left: 3.5%; } .list-4col .item:nth-of-type(3n+1) { margin-left: 0; } } @media (max-width: 700px){ .list-4col .item { width: 48.2%; margin-left: 3.5%; } .list-4col .item:nth-of-type(4n+1) { margin-left: 3.5%; } .list-4col .item:nth-of-type(3n+1) { margin-left: 3.5%; } .list-4col .item:nth-of-type(2n+1) { margin-left: 0; } } @media (max-width: 500px){ .list-4col .item { width: 100%; margin-left: 0; } .list-4col .item:nth-of-type(4n+1) { margin-left: 0; } .list-4col .item:nth-of-type(3n+1) { margin-left: 0; } .list-4col .item:nth-of-type(2n+1) { margin-left: 0; } } .module-texts.imageAndLead1 .inner, .module-texts.imageAndLead2 .inner { display: grid; grid-gap: 4%; grid-template-columns: 48% 48%; } .module-texts.imageAndLead1 .inner img, .module-texts.imageAndLead2 .inner img { grid-column: 1; grid-row: 1; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .module-texts.imageAndLead1 .inn1r .lead, .module-texts.imageAndLead2 .inner .lead { grid-column: 2; grid-row: 1; vertical-align: middle; } .module-texts.imageAndLead1 .inner { padding: 7%; } #kiallitoknak-tartalom { padding-top: 0; } #kiallitoknak-tartalom .layout-media-text { align-items: flex-start; } #kiallitoknak-tartalom .layout-media-text > * { flex: 1; padding: 0; } #kiallitoknak-tartalom h2 { font-weight: normal; font-size: 42px; margin: 0; } #kiallitoknak-tartalom .lead table { color: var(--color-pink); } /* #kiallitoknak-tartalom .button-w { margin-top: 20px; } */ input.replace-to-textarea { width: 100%; height: 100px; box-sizing: border-box; } .grid-30-4 { display: grid; grid-gap: 4%; grid-template-columns: 30% 66%; } .grid-30-4 > div p:nth-of-type(1) { margin-top: 1rem; } /* start _components.css */ .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 képarány (9 / 16 = 0.5625) */ height: 0; overflow: hidden; max-width: 100%; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 1rem; } .sIcons { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 1.2rem; align-items: center; } .sIcon { width: 2.5rem; height: 2.5rem; vertical-align: middle; /* margin-left: 7px; */ } .sIcon.small { width: 1.75rem; height: 1.75rem; } .sIcon.large { width: 4rem; height: 4rem; } .sIcon:hover { transform: scale(1.1); } a.to-icon{--to-icon-size: 28px;} a.to-icon[href^="https://www.youtu.be"], a.to-icon[href^="https://www.youtube.com"], a.to-icon[href^="https://www.facebook.com"], a.to-icon[href^="https://www.instagram.com"], a.to-icon[href^="https://www.pinterest.com"], a.to-icon[href^="https://www.twitter.com"], a.to-icon[href^="https://twitter.com"], a.to-icon[href^="https://www.linkedin.com"], a.to-icon[href^="https://www.spotify.com"], a.to-icon[href^="mailto"], a.to-icon[href^="tel"], a[href^="skype:"] { display: inline-block; vertical-align: middle; overflow: hidden; width: var(--to-icon-size); height: var(--to-icon-size); visibility: hidden; margin-top: 0em; margin-right: 0.4em; } a.to-icon[href^="https://www.youtu.be"], a.to-icon[href^="https://www.youtube.com"] { width: calc(var(--to-icon-size) + 4px); } a.to-icon[href^="https://www.youtu.be"]:before, a.to-icon[href^="https://www.youtube.com"]:before, a.to-icon[href^="https://www.facebook.com"]:before, a.to-icon[href^="https://www.instagram.com"]:before, a.to-icon[href^="https://www.pinterest.com"]:before, a.to-icon[href^="https://www.twitter.com"]:before, a.to-icon[href^="https://twitter.com"]:before, a.to-icon[href^="https://www.linkedin.com"]:before, a.to-icon[href^="https://www.spotify.com"]:before, a.to-icon[href^="mailto"]:before, a.to-icon[href^="tel"]:before, a[href^="skype:"]:before { visibility: visible; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Brands"; font-weight: 400; font-size: var(--to-icon-size); width: 100%; text-align: center; line-height: var(--to-icon-size); content: "\f082"; margin-right: 0.5em; } a.to-icon[href^="https://www.youtu.be"]:before { content: "\f167"; } a.to-icon[href^="https://www.youtube.com"]:before { content: "\f167"; } a.to-icon[href^="https://www.facebook.com"]:before { content: "\f082"; } a.to-icon[href^="https://www.instagram.com"]:before { content: "\e055"; } a.to-icon[href^="https://www.pinterest.com"]:before { content: "\f0d3"; } a.to-icon[href^="https://www.twitter.com"]:before { content: "\f081"; } a.to-icon[href^="https://twitter.com"]:before { content: "\f081"; } a.to-icon[href^="https://www.linkedin.com"]:before { content: "\f08c"; } a.to-icon[href^="https://www.spotify.com"]:before { content: "\f1bc"; } a.to-icon[href^="mailto"]:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; } a.to-icon[href^="tel"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cd"; } a[href^="skype:"]:before { content: "\f17e"; font-size: 135%; vertical-align: -2px; } a[href^="skype:"] { font-size: 18px; border-radius: 20px; background-color: #00aff0; color: #FFF; padding: 5px 15px; } /* ikonok
esetén is egysorba */ a.to-icon + br { display: none; } a.to-icon + br + a:not(.to-icon):before { content: " "; display: block; height: 0; } .inline-label { position: relative; } .inline-label input, .inline-label textarea { position: relative; background-color: transparent; z-index: 1; padding-left: 0; transition: all .1s; -moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; } .inline-label input:focus, .inline-label textarea:focus { padding-left: 10px; } .inline-label input + label, .inline-label textarea + label { position: absolute; color: var(--light-font-color); z-index: 0; left: 0px; top: 2px; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .inline-label input:focus + label, .inline-label textarea:focus + label, .inline-label input:not(:placeholder-shown) + label, .inline-label textarea:not(:placeholder-shown) + label { font-size: 0.85rem; color: var(--light-font-color); top: -25px; left: 0; } .inline-label input:focus + label:after, .inline-label textarea:focus + label:after, .inline-label input:not(:placeholder-shown) + label:after, .inline-label textarea:not(:placeholder-shown) + label:after { content: ":"; } .draw-x { position: relative; --size: 30px; --color: var(--color-primary); width: var(--size); height: var(--size); } .draw-x:before, .draw-x:after { content: " "; width: 100%; position: absolute; display: block; margin-top: calc(var(--size) / 2); border-top: 2px var(--color) solid; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .draw-x:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .draw-x:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .draw-arrow { position: relative; display: inline-block; --size: 1em; --color: var(--color-primary); --line-width: 1px; width: var(--size); height: var(--size); box-sizing: border-box; } .draw-arrow:before, .draw-arrow:after { content: " "; display: block; position: absolute; top: 0px; left: calc(var(--size) * 0.3); width: 69%; height: 69%; margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; } .draw-arrow:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: top left; } .draw-arrow:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: 0 0; top: calc(var(--size) - var(--line-width) * 0.7); margin-left: calc(var(--line-width) * -0.7); } .draw-arrow.arrow-left { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .draw-arrow.arrow-bottom { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .draw-triangle { position: relative; --size: 16px; --color: var(--color-primary); --line-width: 1px; width: var(--size); height: var(--size); border-left: var(--line-width) var(--color) solid; box-sizing: border-box; } .draw-triangle:before, .draw-triangle:after { content: " "; display: block; position: absolute; top: 0; left: 0; width: var(--size); height: var(--size); margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; } .draw-triangle:before { -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); transform-origin: top left; } .draw-triangle:after { -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); transform-origin: 0 0; top: var(--size); left: calc(var(--line-width) * -1); } .thinscrollbar { scrollbar-width: thin; } .thinscrollbar::-webkit-scrollbar { width: 2px; } .thinscrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 2px grey; border-radius: 10px; } .thinscrollbar::-webkit-scrollbar-thumb { background: #000; border-radius: 10px; } .thinscrollbar::-webkit-scrollbar-thumb:hover { background: #333; } .triple-btn{--size: 44px; --thickness: 2px; --gap: 8px; --color: var(--color-primary);--duration: 320ms;--easing: cubic-bezier(.2,.9,.3,1);--w: var(--size);--h: calc(var(--thickness) * 3 + var(--gap) * 2);width:var(--w);height:var(--w);display:inline-grid;place-items:center;background:transparent;border:0;padding:6px;cursor:pointer;border-radius:8px;} .triple-btn:focus{outline:2px solid #cbd5e1;outline-offset:3px} .triple-btn-inner{position:relative;width:calc(var(--w) - 10px);height:calc(var(--thickness) * 3 + var(--gap) * 2);display:block;} .triple-btn i{position:absolute;left:0; right:0; margin:auto;height:var(--thickness);background:var(--color);border-radius:999px;transform-origin: center;transition: transform var(--duration) var(--easing), opacity var(--duration) var(--easing), top var(--duration) var(--easing), bottom var(--duration) var(--easing);width:100%;display:block;} .triple-btn .i1{ top:0 } .triple-btn .i2{ top: calc(var(--thickness) + var(--gap)) } .triple-btn .i3{ top: calc((var(--thickness) + var(--gap)) * 2) } .triple-btn[aria-expanded="true"] .i1{transform: translateY(calc(var(--thickness) + var(--gap))) rotate(45deg);} .triple-btn[aria-expanded="true"] .i2{opacity:0;transform: scaleX(0.2);} .triple-btn[aria-expanded="true"] .i3{transform: translateY(calc(-1 * (var(--thickness) + var(--gap)))) rotate(-45deg);} .triple-btn:hover i{transform-origin:center} .grid-30-4 { display: grid; grid-gap: 4%; grid-template-columns: 30% 66%; } .grid-30-4 > div p:nth-of-type(1) { margin-top: 1rem; } .checkbox { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox input[type=checkbox] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; /* > 0px a required funkció miatt "látszódjon"! */ width: 2px; /* > 0px a required funkció miatt "látszódjon"! */ } .checkbox .checkmark { position: absolute; margin-top: 2px; top: 0; left: 0; height: 1.2rem; width: 1.2rem; background-color: transparent; border: 1px var(--color-primary) solid; border-radius: 3px; } .checkbox:hover input ~ .checkmark { background-color: rgba(255, 255, 255, 0.2); transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .checkbox input:checked ~ .checkmark { background-color: transparent; } .checkbox .checkmark:after { content: ""; position: absolute; display: none; } .checkbox input:checked ~ .checkmark:after { display: block; } .checkbox .checkmark:after { left: 7px; top: 1px; width: 2px; height: 9px; border: solid var(--color-primary); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .radiobutton { --color: var(--color-primary); display: block; position: relative; padding-left: 1.75em; cursor: pointer; user-select: none; } .radiobutton input[type=radio] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; width: 2px; /* widh és height > 0px a required miatt "látszódjon"! */ } .radiobutton .radiomark { position: absolute; top: 0.15em; left: 0; height: 1em; width: 1em; background-color: transparent; border: 1px var(--color) solid; border-radius: 50%; } .radiobutton:hover input:not([disabled]) ~ .radiomark { transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .radiobutton:hover input:not([disabled]) ~ .radiomark:after { display: block; opacity: 0.3; } .radiobutton:hover input:not([disabled]):focus ~ .radiomark:after { display: block; opacity: 0.6; } .radiobutton .radiomark:after { content: ""; position: absolute; display: none; } .radiobutton .radiomark:after { border: solid var(--color); border-width: 0.35em; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 0px; height: 0px; } .radiobutton input:checked ~ .radiomark { background-color: transparent; } .radiobutton input:checked ~ .radiomark:after { display: block; opacity: 1; } /*
_____

_____

_____
_____
*/ .layout-media-text { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 2.5rem; justify-content: space-between; } .layout-media-text .title, .layout-media-text h3 { margin: 0; } .layout-media-text .subtitle { font-family: Figtree; font-size: 1.2rem; font-style: normal; font-weight: 600; line-height: 150%; } .layout-media-text .texts, .layout-media-text .media { flex: 1 1 0; } .layout-media-text .media img, .layout-media-text .media video, .layout-media-text .media svg { border-radius: 1rem; width: 100%; height: auto; } .layout-media-text.no-media .media { display: none; } .layout-media-text .texts { padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; } .layout-media-text .lead > p:first-child, .layout-media-text .text > p:first-child { margin-top: 0; } .layout-media-text .lead > p:last-child, .layout-media-text .text > p:last-child { margin-bottom: 0; } .layout-media-text .subtitle:empty { display: none; } .layout-media-text .button { width: fit-content; } /* media-text direction reverse */ .lmt--direction-reverse > .layout-media-text { flex-direction: row-reverse; } .lmt--direction-reverse > .layout-media-text .texts { padding-left: 0; } /* media-text one column */ .lmt--one-column > .layout-media-text { flex-direction: column; } .lmt--one-column > .layout-media-text > *:empty { display: none; } .lmt--one-column > .layout-media-text .texts { padding: 0; width: 100%; } /* media-text title+lead in left and text in right column */ .lmt--right-text-center > .layout-media-text > .texts, .lmt--right-text-top > .layout-media-text > .texts { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 2.5rem; padding: 0; } .lmt--right-text-top > .layout-media-text > .texts { align-items: start; } .lmt--right-text-center > .layout-media-text > .texts > .text, .lmt--right-text-top > .layout-media-text > .texts > .text { grid-column: 2 / 3; grid-row: 1 / 3; } .lmt--right-text-center > .layout-media-text > .texts > .lead, .lmt--right-text-top > .layout-media-text > .texts > .lead { grid-column: 1 / 2; grid-row: 2 / 3; } @media (max-width: 950px) { .layout-media-text > .texts:first-child { padding-left: 0; } .layout-media-text .texts { padding: 1rem; } .layout-media-text { flex-direction: column; gap: 1.5rem; max-width: 100vw; } .layout-media-text .media img, .layout-media-text .media svg, .layout-media-text .media video { width: 100%; } .lmt--right-text-center > .layout-media-text > .texts, .lmt--right-text-top > .layout-media-text > .texts { grid-template-columns: 1fr; } .lmt--right-text-center > .layout-media-text > .texts > .text, .lmt--right-text-top > .layout-media-text > .texts > .text { grid-column: unset; grid-row: unset; } .lmt--right-text-center > .layout-media-text > .texts > .lead, .lmt--right-text-top > .layout-media-text > .texts > .lead { grid-column: unset; grid-row: unset; } } /* end _components.css */ /** spec **************************************************************************************/ /* start _header.css */ #header-wrap { position: fixed; padding-bottom: 1px; z-index: 1000; width: 100%; top: 0; transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s; } body.fixheader #header-wrap { background-color: var(--color-background); } header { display: flex!important; display: grid!important; grid-template-columns: 1fr 1fr; justify-content: space-between; align-items: center; } .site-logo { display: flex; flex-direction: row; align-items: center; gap: 0; } .site-logo-image { width: 95px; height: auto; padding-right: 1.5rem; } .site-logo-text { display: flex; flex-direction: column; gap: 0; padding-left: 2rem; white-space: nowrap; position: relative; font-family: var(--font-logo, Figtree); font-size: 1.25rem; line-height: 1.1em; } .site-logo-text:before { content: ''; display: block; width: 1px; height: 180%; border-left: 1px solid var(--color-primary); position: absolute; left: 0; top: -40%; } .site-logo-text div:nth-child(1) { font-weight: 900; } .menu { list-style-type: none; display: flex; flex-direction: row; gap: 1.5rem; font-size: 0.875em; justify-content: flex-end; align-items: center; } .menu a { white-space: nowrap; font-weight: 700; } /*html block vagy html contentpage*/ .fullPageInverse .content.html { width: 90%; max-width: 1152px; margin: auto; } body.invertheader:not(.invertheaderdisabled) #header-wrap { /*position: relative;*/ background-color: transparent; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); } header { width: 100%; margin-top: 60px; /* margin-bottom: 60px; */ transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; } body.fixheader.invertheaderdisabled header, body.fixheader:not(.invertheader) header { margin-top: 15px; margin-bottom: 10px; } body.invertheader:not(.invertheaderdisabled) header { filter: invert(100%); } body.invertheader:not(.invertheaderdisabled) .act .border { display: none; } #header-spacer { height: 140px; } /* end _header.css */ .page-head { /* margin-top: 80px; */ margin-top: var(--section-spacing); } .page-head h1 { font-size: 26px; width: 50%; } .page-head .cell { vertical-align: top; } .decor-01, .decor-02, .decor-03, .decor-04, .decor-05, .decor-06, .decor-07, .decor-08, .decor-09, .decor-10, .decor-11, .decor-12, .decor-13, .decor-14, .decor-15, .decor-16, .decor-17, .decor-18, .decor-19, .decor-20 { position: relative; overflow: visible; z-index: 2; } .decor-01:before, .decor-02:before, .decor-03:before, .decor-04:before, .decor-05:before, .decor-06:before, .decor-07:before, .decor-08:before, .decor-09:before, .decor-10:before, .decor-11:before, .decor-12:before, .decor-13:before, .decor-14:before, .decor-15:before, .decor-16:before, .decor-17:before, .decor-18:before, .decor-19:before, .decor-20:before { content: ''; display: block; position: absolute; top: -5rem; left: -5rem; width: 257px; height: 241px; background-image: url(images/shape-9.svg); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1; } .decor-01:after, .decor-02:after, .decor-03:after, .decor-04:after, .decor-05:after, .decor-06:after, .decor-07:after, .decor-08:after, .decor-09:after, .decor-10:after, .decor-11:after, .decor-12:after, .decor-13:after, .decor-14:after, .decor-15:after, .decor-16:after, .decor-17:after, .decor-18:after, .decor-19:after, .decor-20:after { content: ''; display: block; position: absolute; bottom: -12rem; right: 12rem; width: 257px; height: 241px; background-image: url(images/shape-9.svg); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1; } .decor-01:before { background-image: url(images/shape-9.svg); top: -0rem; left: -5rem; width: 257px; height: 241px; } .decor-01:after { background-image: url("images/shapes/Group_20.svg?02"); right: -7rem; top: unset; bottom: -7rem; width: 220px; height: 219px; z-index: -1; } .decor-02:before { background-image: url(images/shapes/Group_19.svg?02); left: -6rem; top: unset; bottom: 0rem; width: 240px; height: 240px; z-index: -1; } .decor-02:after { background-image: url(images/shapes/Vector-1.svg?02); width: 310px; height: 257px; top: unset; bottom: -15rem; right: -5rem; } #indexSlider-wrap {overflow: visible;} .decor-03:before { background-image: url(images/shapes/Vector-2.svg?02); width: 150px; height: 150px; top: -9rem; left: 3rem; z-index: 2; } .decor-03:after { background-image: unset; width: 171px; height: 128px; top: unset; bottom: -3rem; left: -3rem; } @media (max-width: 950px) { .decor-03:before { width: 100px; height: 100px; top: unset; bottom: -20rem; left: -2rem; } } .decor-04:before { background-image: url(images/shapes/Vector.svg?02); width: 205px; height: 169px; top: -9rem; left: -4rem; } .decor-04:after { background-image: unset; width: 361px; height: 290px; bottom: -1rem; right: -5rem; } .decor-05:before { background-image: url(images/shapes/Group_19.svg?02); width: 330px; height: 300px; top: -3rem; left: unset; right: 3rem; z-index: -1; } .decor-05:after { background-image: url(images/shape-27.svg); width: 332px; height: 420px; top: calc(var(--section-spacing) * -1 - 10rem); right: -12rem; } @media (max-width: 950px) { .decor-05:before { background-image: url(images/shapes/Group_19.svg?02); width: 120px; height: 120px; top: -7rem; left: unset; right: 0rem; z-index: -1; } .decor-05:after { display: none; } } .decor-06:before { background-image: url(images/shapes/Vector.svg?02); top: -3rem; left: 16rem; width: 100px; height: 100px; z-index: -1; } #exhibitor .decor-06:before { left: unset; right: 1rem; } .decor-06:after { background-image: unset; right: -8rem; top: unset; bottom: -9rem; width: 297px; height: 341px; z-index: 100; } @media (max-width: 950px) { .decor-06:after { display: none; } } .decor-07:before { background-image: url(images/shapes/Group_20.svg?02); width: 41%; height: 39%; top: unset; top: 24%; left: 18%; transform: translate(-50%, -50%); bottom: unset; filter: brightness(1.1); /* opacity: 0.5; */ z-index: -1; } .decor-07:after { background-image: url(images/shapes/Group_19.svg?02); width: 113px; height: 87px; top: -8rem; right: 1rem; /* filter: brightness(1.1); */ /* opacity: 0.5; */ } @media (max-width: 950px) { .decor-07:after { width: 113px; height: 87px; top: -8rem; right: 1rem; } .decor-07:before { width: 100px; height: 100px; top: unset; bottom: -12rem; right: unset; left: 3rem; } } .decor-08:before { background-image: url(images/shapes/Group_19.svg?02); top: 4rem; left: -9rem; width: 217px; height: 201px; z-index: -1; transform: rotate(-55deg); } .decor-08:after { background-image: url(images/shapes/Group_19.svg?02); right: -12rem; top: unset; bottom: -7rem; width: 357px; height: 341px; z-index: -1; transform: rotate(140deg); } @media (max-width: 950px) { .decor-08:before { top: 11rem; left: -3rem; width: 117px; height: 101px; } .decor-08:after { background-image: url(images/shapes/Group_19.svg?02); right: -4rem; top: unset; bottom: -4rem; width: 200px; height: 169px; z-index: -1; transform: rotate(140deg); } } .decor-09:before { background-image: url(images/shapes/Vector.svg?02); top: 2rem; left: unset; right: -10rem; width: 241px; height: 185px; z-index: 25; } .decor-09:after { background-image: url(images/shapes/Vector-2.svg?02); right: unset; left: -8rem; top: 50%; width: 300px; height: 300px; z-index: -1; } @media (max-width: 950px) { .decor-09:before { top: -2rem; left: unset; right: -5rem; width: 149px; height: 102px; } .decor-09:after { background-image: url(images/shapes/Vector-2.svg?02); right: unset; left: -5.5rem; top: 87%; width: 100px; height: 100px; z-index: -1; } } .decor-10:before { background-image: url(images/shapes/Vector-2.svg?02); top: calc(var(--section-spacing) * -1 - 3.9rem); left: unset; right: 8rem; width: 150px; height: 150px; opacity: 0.8; } .decor-10:after { background-image: url(images/shapes/Vector.svg?02); /* background-image: unset; */ left: 39%; bottom: unset; top: -3rem; width: 80px; height: 80px; transform: rotate(-228deg); filter: brightness(10); opacity: 0.2; z-index: -1; } @media (max-width: 950px) { .decor-10:before { top: calc(var(--section-spacing) * -1 - 3.9rem); left: unset; right: 0rem; width: 80px; height: 150px; } .decor-10:after { left: -4rem; bottom: unset; top: -6rem; width: 80px; height: 80px; } } /* .decor-11:before { background-image: url(images/shapes-400x/Bm_shape_1-400x.png); background-size: 100% 100%; top: -28rem; left: 34%; width: 120px; height: 142px; filter: brightness(5); opacity: 0.2; } .decor-11:after { background-image: url(images/shapes-400x/Bm_shape_8-mustard-400x.png); top: -13.5rem; left: 87%; width: 241px; height: 185px; } .decor-12:before { background-image: url(images/shapes-400x/Bm_shape_6-400x.png); top: -9%; left: 67%; width: 263px; height: 185px; filter: brightness(1.2); transform: rotate(90deg); } .decor-12:after { background-image: url(images/shapes-400x/Bm_shape_6-400x.png); top: 7rem; left: -40rem; width: 141px; height: 185px; filter: brightness(1.1); } .decor-13:before { background-image: url(images/shapes-400x/Bm_shape_7-400x.png); top: 62%; left: -8rem; width: 272px; height: 215px; filter: brightness(1.2); transform: rotate(90deg); z-index: -1; } .decor-13:after { background-image: url(images/shapes-400x/Bm_shape_4-400x.png); top: 0rem; right: -7rem; width: 141px; height: 185px; filter: brightness(1.1); z-index: 25; } .decor-14:before { background-image: url(images/shapes/Bm_shape_5.png); top: -7.5rem; left: -9rem; width: 272px; height: 215px; filter: brightness(1.2); transform: rotate(-13deg); z-index: -1; } .decor-14::after { background-image: url(images/shapes/Vector-1.svg?02); top: calc(var(--pagewidth) / 2.25); right: -5rem; width: calc(var(--pagewidth) / 5); height: calc(var(--pagewidth) / 5); transform: rotate(137deg); z-index: -1; } .decor-15:before { background-image: url(images/shapes/Vector.svg?02); top: -4rem; left: 45%; width: 198px; height: 159px; filter: brightness(1.2); transform: rotate(-164deg); z-index: 0; } .decor-15:after { background-image: url(images/shapes/Group_14.svg?02); bottom: -9rem; right: -3rem; width: 301px; height: 305px; filter: brightness(1.5); opacity: 0.5; z-index: 0; } */ .page-programok .pageintro1 .lead a { white-space: nowrap; } #programs { position: relative; z-index: 2; } #programs .section-standprogramok { min-height: 500px; } #programs .section-standprogramok h2 { color: #FFF; font-weight: bold; } .section-standprogramok .item.hide { display: none; } .more-programs-box .item, .section-standprogramok .item { position: relative; background-color: #FFF; padding-bottom: 170px; } .more-programs-box .item img, .section-standprogramok .item img { position: absolute; width: 100%; bottom: 0; height: 170px; object-fit: cover; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; } .more-programs-box .item .title, .section-standprogramok .item .title { display: block; margin: 8% 8% 6% 8%; font-weight: bold; font-size: 16px; line-height: 1.4em; } .more-programs-box .item .subtitle, .section-standprogramok .item .subtitle { display: block; margin: 6% 8% 8% 8%; font-weight: bold; font-size: 12px; line-height: 1.4em; } .section-szinpadi-programok h3 { margin: 1em 0; } .section-szinpadi-programok .day { display: inline-block; vertical-align: top; width: 31%; margin-right: 3.5%; position: relative; box-shadow: 0px 0px 50px 0px rgba(10, 36, 68, 0.13); -webkit-box-shadow: 0px 0px 50px 0px rgba(10, 36, 68, 0.13); -moz-box-shadow: 0px 0px 50px 0px rgba(10, 36, 68, 0.13); } .section-szinpadi-programok .day:nth-child(3n+1) { margin-right: 0; } .section-szinpadi-programok img { width: 100%; } .section-szinpadi-programok .label { float: right; font-size: 30px; font-weight: bold; margin-top: 12px; } .section-szinpadi-programok .item { display: block; margin-right: 5%; } .section-szinpadi-programok .stage { /*font-size: 24px;*/ /*font-family: 'Poppins'; font-weight: 600;*/ font-weight: bold; font-size: 1.4em; } .section-szinpadi-programok .text { margin: 7%; } .section-szinpadi-programok .text img { width: 116%; margin-left: -8%; margin-bottom: 7%; height: calc(var(--pagewidth) / 4.85); object-fit: cover; } .section-szinpadi-programok .name { /*padding-bottom: 10%;*/ /*margin-bottom: 10%;*/ /*border-bottom: 1px #e6e6e6 solid;*/ margin-bottom: 7%; } .section-szinpadi-programok .time { font-family: 'Poppins'; font-weight: 600; font-weight: normal; /*margin-bottom: 10px;*/ font-size: 1.2em; } .featured_tags { margin: 80px 0; } .featured_tags .item { width: 80px; display: inline-block; vertical-align: top; margin-right: 80px; color: #FFFFFF; text-align: center; text-decoration: none; } .featured_tags .item svg { height: 60px; width: 60px; margin: auto; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .featured_tags:not(:hover) .item.akt svg, .featured_tags .item:hover svg { background-color: var(--color-primary-highlight); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; transform: scale(1.2); } .page-rolunk .featured_tags { display: table; width: 100%; } .page-rolunk .featured_tags .item { color: var(--color-primary); display: table-cell; text-align: center; font-size: 1.4em; } .page-rolunk .featured_tags svg { margin: auto; height: 85px; width: 85px; } .page-rolunk .featured_tags svg path, .page-rolunk .featured_tags svg rect, .page-rolunk .featured_tags svg polygon { fill: var(--color-primary); } .pageintro1 { padding-bottom: calc(var(--section-spacing) / 2); } .pageintro1.inverse { background-color: transparent; } .pageintro1 .texts { padding: 0; flex: 0.5; } .pageintro1 .title { font-size: var(--h1-size); } .pageintro1 .text { margin-top: var(--section-spacing); } .pageintro1 .text:empty { display: none; } .pageintro2 .layout-media-text.is-media { align-items: flex-start; flex-direction: row-reverse; } .pageintro2 .layout-media-text.no-media .texts { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; padding: 0; } .pageintro2 h2 { font-size: var(--h1-size); } .pageintro2 .layout-media-text.no-media .texts .text { grid-column: 1 / 3; } .pageintro2 .text { margin-top: calc(var(--section-spacing) / 2); } .pageintro2 .text:empty { display: none; } #regisztracio-box-wrap { background-image: url(images/dekor-index-6.png); background-repeat: no-repeat; background-position: 10% -41%; } #regisztracio-box .inner { padding: 7%; } #regisztracio-box .titlelead, #regisztracio-box .titles, #regisztracio-box .lead, #regisztracio-box .text { display: inline-block; vertical-align: middle; } /* #regisztracio-box .titlelead { width: 66.3%; } */ /* #regisztracio-box .titles { width: 45%; } */ /* #regisztracio-box .lead { width: 48%; } */ /* #regisztracio-box .text { width: 33.3%; text-align: right; } */ #regisztracio-box .title { font-weight: 600; letter-spacing: 0px; line-height: 1em; margin: 0; } #regisztracio-box p:first-child { margin-top: 7px; } .belepojegyek-box .inner { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 1rem; } .belepojegyek-box .titlelead { display: flex; flex-direction: column; gap: 1rem; } .belepojegyek-box .titlelead .button { margin-top: 4rem; } .belepojegyek-box .data { width: 55%; text-decoration: none; } .belepojegyek-box table, .belepojegyek-box tbody, .belepojegyek-box tr, .belepojegyek-box td { display: bloxk; } .belepojegyek-box table { width: 90%; } .belepojegyek-box tbody { display: flex; flex-direction: column; gap: 1rem; } .belepojegyek-box tr { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1.5rem; } .belepojegyek-box .title { margin: 0; } .belepojegyek-box .data .title { width: 50%; white-space: nowrap; } .belepojegyek-box .data h3 { display: block; margin: 0; font-size: 1.6rem; } .belepojegyek-box .subtitle { color: #ffffffbf; line-height: 1.5em; margin-top: 0.3em; } .belepojegyek-box .line { width: 30%; } .belepojegyek-box .line:before { content: ' '; display: block; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.3); } .belepojegyek-box .price { white-space: nowrap; font-size: 1.7rem; opacity: 0.7; margin-right: -1rem; } .belepojegyek-box .arrow { font-size: 2.9rem; line-height: 0; color: #FFF; opacity: 0.7; font-weight: 300; opacity: 0.8; transform: scaleX(0.4); } /* .belepojegyek-box .data { margin-left: 4%; } .belepojegyek-box .inner { padding: 6% 7%; display: grid; grid-gap: 10%; grid-template-columns: 1fr 1.6fr; } .belepojegyek-box .data table { width: 100%; } .belepojegyek-box .titlelead { position: relative; } .belepojegyek-box .titlelead .title { padding: 10px 0 19px 0; margin-top: 0; } .belepojegyek-box .titlelead .lead { padding-bottom: 65px; } .belepojegyek-box .titlelead .button { position: absolute; bottom: 20px; } .belepojegyek-box table .title { padding: 10px 0; } .belepojegyek-box .subtitle { color: #ffffffbf; line-height: 1.5em; margin-top: 0.3em; } .belepojegyek-box .data h3 { margin: 0; } .belepojegyek-box .line { width: 20%; padding: 0 25px 0 5px; } .belepojegyek-box .line:before { content: ' '; display: block; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.3); } .belepojegyek-box .price { font-size: 26px; opacity: 0.7; white-space: nowrap; } .belepojegyek-box .arrow { font-size: 33px; color: #FFF; opacity: 0.7; font-weight: 300; } .belepojegyek-box .button { margin-top: 10px; } .belepojegyek-box a { text-decoration: none; } */ .kovessminket-box .inner { display: grid; grid-gap: 4%; grid-template-columns: 48% 48%; } .kovessminket-box svg path { fill: var(--color-0001); transition: all 0.45s; -moz-transition: all 0.45s; -webkit-transition: all 0.45s; -o-transition: all 0.45s; } .kovessminket-box .subtitle { color: var(--color-0001); } .kovessminket-box .text { text-align: center; } .kovessminket-box .text a { display: inline-block; vertical-align: middle; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-color: #ffeae9; transition: all 0.45s; -moz-transition: all 0.45s; -webkit-transition: all 0.45s; -o-transition: all 0.45s; height: 80px; width: 80px; padding-top: 30px; text-align: center; z-index: 2; position: relative; margin: 10px; } .kovessminket-box .text a:hover { background-color: var(--color-0001); z-index: 1; transform: scale(1.2); } .kovessminket-box .text a:hover:after { content: ' '; position: absolute; z-index: 0; background: url(images/dekor-points1.png); width: 140px; height: 140px; top: -30px; left: -30px; } .kovessminket-box .text a:hover svg path { fill: #ffeae9; } #megkozelites-box .inner { display: grid; grid-gap: 4%; grid-template-columns: 48% 48%; } /* #megkozelites-box .text > ul > li:nth-child(1) { width: 140px; height: 140px; border-radius: 100%; padding-top: 55px; color: #FFFFFF; border: 0 solid #b0f4e7; background-color: var(--color-0001); } */ /* #megkozelites-box .text > ul > li:nth-child(2) { width: 200px; height: 200px; border-radius: 100%; padding-top: 35px; color: var(--color-0001); border: 50px solid #b0f4e7; margin-left: -20px; } */ /* #megkozelites-box .text > ul > li:nth-child(3) { width: 140px; height: 140px; border-radius: 100%; padding-top: 13px; color: var(--color-0001); border: 43px solid #fffcb9; margin-left: -20px; } */ /* #megkozelites-box .text > ul > li ul { position: absolute; display: block; margin: 0; padding: 0; font-size: 14px; text-align: center; bottom: 5px; } */ /* #megkozelites-box .text > ul > li li { position: absolute; display: block; left: 0; margin: 0; padding: 0; font-size: 14px; text-align: center; color: var(--color-0001); } */ /* #megkozelites-box .text > ul > li:nth-child(1) ul, #megkozelites-box .text > ul > li:nth-child(1) li { width: 140px; } */ /* #megkozelites-box .text > ul > li:nth-child(2) ul, #megkozelites-box .text > ul > li:nth-child(2) li { width: 200px; margin-left: -23px; } */ /* #megkozelites-box .text > ul > li:nth-child(3) ul, #megkozelites-box .text > ul > li:nth-child(3) li { width: 140px; margin-left: -21px; } */ #megkozelites-box .text ul { list-style-type: none; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1rem; } #megkozelites-box .text > ul > li { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-image: url("images/shapes/star-orange.svg?02"); background-size: cover; background-position: center; background-repeat: no-repeat; width: 150px; height: 150px; padding: 0.75rem 0 0 0; margin: 0; gap: 1rem; font-size: 3.5rem; line-height: 0; font-weight: 200; color: #FFFFFF; } #megkozelites-box .text > ul > li:nth-child(2) { background-image: url("images/shapes/star-yellow.svg?02"); transform: scale(1.2); } #megkozelites-box .text > ul > li:nth-child(3) { background-image: url("images/shapes/star-azure.svg?02"); } #megkozelites-box .text > ul > li > ul > li { position: absolute; bottom: -3rem; left: 50%; transform: translateX(-50%); font-size: 1rem; color: var(--color-primary); } #megkozelites-box .text > ul > li:nth-child(2) li { transform: scale(0.82); bottom: -1.8rem; left: 40%; } .reg_es_jegy-box .inner { padding: 7% 7% 6% 7%; } .reg_es_jegy-box h3 { margin: 0; } .reg_es_jegy-box .button { margin-top: 15px; } #rolunk-text-1, #rolunk-text-2 { padding-top: 0; padding-bottom: 0; } #program .title { margin-bottom: var(--section-spacing); } #program .content { background-color: #FFF; font-size: 16px; } #program .layout-media-text { align-items: flex-start; } #program .layout-media-text .texts { padding-top: 0; padding-bottom: 0; padding-left: 1rem; display: block; } #program .content .texts p:first-child { margin-top: 0; } #program .content .texts p:last-child { margin-bottom: 0; } .more-programs-box { position: relative; } .more-programs-box h3 { margin: 1em 0; } .more-programs-box .link-button.donly { position: absolute; top: 7px; right: 25px; } #galeria .items .item { margin-bottom: 6%; position: relative; display: inline-block; } #galeria .items img { width: 100%; height: auto; margin-bottom: 1%; } #galeria .items .title { display: none; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; line-height: 1.2em; } #galeria .items .title { position: absolute; text-transform: uppercase; font-size: 28px; font-family: 'Poppins'; font-weight: 600; letter-spacing: 2px; position: absolute; display: block; left: 36px; bottom: 34px; color: #FFF; } #galeria .items .item:before { content: ''; display: block; position: absolute; bottom: 0px; width: 100%; height: 96%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; } #galeria .items .item:hover:before { opacity: 0.4; } /*#galeria .items .item:hover .title { opacity: 0; }*/ .anyList .item { position: relative; overflow: auto; padding: 7%; } .anyList .item { margin-top: 80px; width: 100%; } .anyList .item .cell { vertical-align: middle; } .anyList .item img { width: 90%; max-width: 555px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .anyList .item.alignIl img { /*margin-left: -4%;*/ float: left; } .anyList .item.alignIr img { /*margin-right: -25px;*/ float: right; } .anyList .item.alignIr .text { margin-right: 50%; } .anyList .item h3 { margin-bottom: 10px; max-width: 87%; } .anyList .item .subtitle { font-family: 'Poppins'; font-size: 22px; /*color: #686868;*/ } .anyList .item .lead { margin-top: 45px; } .list-3-col .items .item { display: inline-block; vertical-align: top; width: 31%; margin-left: 3%; margin-bottom: 4%; min-height: 330px; } .list-3-col .items .item:nth-child(3n-2) { margin-left: 0; } .list-3-col .items .item .image { display: block; width: 100%; height: 246px; overflow: hidden; } .list-3-col .items .item img { width: 100%; height: calc(var(--pagewidth) / 4.85); object-fit: cover; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .list-3-col .items .item .title { display: block; font-weight: bold; margin: 5% 5% 5% 8%; } body.page-ujdonsagok .list-3-col .items .item:not([href]) { cursor: default; } body.page-ujdonsagok .list-3-col .items .item:not([href]):hover { text-decoration: none; } body.page-ujdonsagok .list-3-col .items .item .title { color: #2d2d2d; text-transform: none; } #galeria-box img { width: 53%; margin-left: -3%; max-width: 606px; position: absolute; } .price-val { font-size: 43px; font-style: normal; font-weight: bold; white-space: nowrap; } #ticketPurchase { margin-top: 70px; } #ticketPurchase .title { margin-bottom: 4%; } #ticketPurchase td { vertical-align: middle; } #ticketPurchase .price-val { display: block; margin-bottom: 15px; } #ticketPurchase .jegyarak td { text-align: right; } #ticketPurchase .jegyarak .button { margin-right: 20px; } /*#ticketPurchase .space { width: 5%; }*/ #postList2 { clear: both; /*padding-top: 80px;*/ /*padding-bottom: 40px;*/ overflow: auto; } #postList2 a:hover { text-decoration: none; } #postList2 .head { margin-bottom: 40px; position: relative; } /*#postList2 .head .cell {*/ /*position: relative;*/ /*vertical-align: middle;*/ /*}*/ #postList2 .head .link-button { position: absolute; right: 20px; bottom: 0; } #postList2 .item { width: 26.5%; padding-top: 14.5%; display: inline-block; vertical-align: top; margin-right: 3.5%; margin-bottom: 2.5%; position: relative; } #postList2 .item:nth-child(1) { padding-top: 31.5%; width: 40%; float: left; margin-right: 3.5%; } #postList2 .item:before { content: ' '; z-index: 2; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.04+0,0.41+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.41) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #postList2 .item:hover:before { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; } #postList2 .item img { z-index: 1; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; } #postList2 .item:nth-child(1) img { position: absolute; top: 0; height: 100%; object-fit: cover; } #postList2 .item:nth-child(3) { margin-right: 0; } #postList2 .item:nth-child(5) { margin-right: 0; } #postList2 .item .title { font-family: 'Poppins'; letter-spacing: 1px; } #postList2 .item .text { position: absolute; z-index: 3; bottom: 0px; padding: 5.5% 6%; color: #FFF; } #postList3 { clear: both; padding-top: 80px; overflow: auto; } #postList3 a:hover { text-decoration: none; } #postList3 .head { margin-bottom: 40px; position: relative; } #postList3 .head .link-button { position: absolute; right: 20px; bottom: 0; } #postList3 .item { display: inline-block; vertical-align: top; margin: 0 0 2.5% 0; margin-left: 4%; width: 48%; position: relative; box-sizing: border-box; } #postList3 .item { padding-top: 31.5%; float: left; } #postList3 .item:first-child { margin-left: 0; } #postList3 .item:before { content: ' '; z-index: 2; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.04+0,0.41+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.41) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #postList3 .item:hover:before { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; } #postList3 .item img { width: 100%; height: 100%; z-index: 1; } #postList3 .item img { position: absolute; top: 0; height: 100%; object-fit: cover; } #postList3 .item .title { font-family: 'Poppins'; font-size: 16px; letter-spacing: 1px; } #postList3 .item .text { position: absolute; z-index: 3; bottom: 0px; padding: 5.5% 6%; color: #FFF; } .box-registerAndWin { width: 75%; min-height: 400px; margin: auto; background-image: url(images/figured-registerAndWin.png); background-position: top right; background-repeat: no-repeat; background-size: contain; } .box-registerAndWin .title { padding-top: 10%; } .box-registerAndWin .text { width: 50%; } .salonSlider1 .items { white-space: nowrap; overflow: hidden; } .salonSlider1 .item { vertical-align: top; } .salonSlider1 .item img { width: 100%; height: auto; } .salonSlider02-wrap { overflow-x: hidden; } .salonSlider02 .items, .salonSlider02 .item { /*height: 600px;*/ position: relative; } .salonSlider02 .item { position: absolute; /*overflow: hidden;*/ width: 22%; vertical-align: top; transition: all 0.65s; -moz-transition: all 0.65s; -webkit-transition: all 0.65s; -o-transition: all 0.65s; display: none; } .salonSlider02 .item.prev { z-index: 10; height: 100%; display: block; -moz-opacity:0.4; filter:alpha(opacity=40); opacity:0.4; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); /*margin-top: 3%;*/ } .salonSlider02 .item.next { z-index: 10; height: 100%; display: block; -moz-opacity:0.4; filter:alpha(opacity=40); opacity:0.4; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); /*margin-top: 3%;*/ } .salonSlider02 .item.akt { z-index: 20; height: 100%; display: block; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); } .salonSlider02.brandImagesSlider .item.akt { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); } .salonSlider02 .item img { width: 100%; height: auto; position: absolute; } .salonSlider02 .text { position: absolute; margin: 14% 25%; color: #FFF; } .salonSlider02 .points { padding: 40px; text-align: center; } .salonSlider02 .point { display: inline-block; width: 13px; height: 13px; border-radius: 20px; border: 1px #000 solid; margin: 0 6px; cursor: pointer; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .salonSlider02 .point:hover { background-color: #000; } .salonSlider02 .point.akt { background-color: #000; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .salonSlider02 .point.inakt { cursor: default; color: #CCC; } .salonSlider02 .point.next, .salonSlider02 .point.prev { width: auto; height: auto; border: 0; font-size: 30px; } .salonSlider02 .point.next:hover, .salonSlider02 .point.prev:hover { background-color: transparent; } .page-hitvallas .salonSlider02 .item img { position: relative; } #firstSliderClone { position: absolute; width: 100%; z-index: 22; padding-top: 60px; /* árnyék miatt */ padding-bottom: 55px; /* árnyék miatt */ overflow: hidden; } #firstSliderClone .items { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 65px 0px rgba(10, 36, 68, 0.3); -webkit-box-shadow: 0px 0px 65px 0px rgba(10, 36, 68, 0.3); -moz-box-shadow: 0px 0px 65px 0px rgba(10, 36, 68, 0.3); } #firstSliderClone .points, #firstSliderClone .item img { display: none; } #firstSlider.synclone_orig .item.akt { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #firstSlider.synclone_orig .item .text { display: none; } #firstSlider .item img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-collapse: separate; border-collapse: collapse; object-fit: cover; } #firstSlider .item { margin-top: 60px; /* árnyék miatt */ -moz-opacity:0; filter:alpha(opacity=0); opacity:0; transition: all 0.85s; -moz-transition: all 0.85s; -webkit-transition: all 0.85s; -o-transition: all 0.85s; } #firstSlider .item, #firstSlider .item.next2, #firstSlider .item.next, #firstSlider .item.prev2, #firstSlider .item.prev { width: 100%; height: 100%; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #firstSlider .item.akt { z-index: 20; height: 100%; display: block; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #firstSlider .text { margin: 2% 7%; } #firstSlider .text .cell { vertical-align: top; } #firstSlider .lead { padding-left: 2%; font-size: 17px; } #firstSlider .title { margin: 0; text-shadow: 2px 2px rgba(0, 0, 0, 0.1); font-size: 50px; } #indexSlider-wrap .points { width: var(--pagewidth); margin-left: calc((100vw - var(--pagewidth)) / 2); /* left: 50%; */ /* transform: translateX(-50%); */ } #indexSliderOutsidetitlelead { margin-bottom: var(--section-spacing); } #indexSliderOutsidetitlelead .inner { margin-top: calc(var(--section-spacing) * -1); } #indexSliderOutsidetitlelead .inner { width: 65%; max-width: 660px; margin: auto; margin-top: 1rem; display: grid; grid-gap: 4%; grid-template-columns: 1fr; } #indexSliderOutsidetitlelead .title { font-family: var(--font-heading); text-transform: uppercase; font-weight: 600; font-size: 24px; color: var(--color-0001); } #indexSliderOutsidetitlelead .lead p:first-child { margin-top: 0; } /*.marvany { margin-top: 120px; padding: 120px 0; background: url(images/marvany.jpg); background-size: cover; }*/ .box-followUs { min-height: 400px; position: relative; background-image: url(images/bg-box-followUs.png); background-repeat: no-repeat; background-position: top right; } .box-followUs .text { width: 60%; font-weight: bold; } .box-followUs .buttons { display: inline-block; width: 200px; text-align: center; } .box-followUs .sIcon.large { width: 65px; height: 65px; margin: 4px 11px; } .box-followUs2 { margin: 0; min-height: 400px; position: relative; background-image: url(images/bg-box-followUs.png); background-repeat: no-repeat; background-position: top right; } .box-followUs2 .title { margin: 0; } .box-followUs2 .text { font-size: 26px; } .box-followUs2 .texts { padding: 100px; box-sizing: border-box; } .box-followUs2 .buttons a { display: inline-block; } .box-followUs2 .buttons img { width: 50px; height: 50px; margin-right: 15px; } .newsletter-signup { background: rgba(249, 235, 215, 0.72); padding: 7%; position: relative; box-shadow: 0px 0px 78px 3px rgba(10, 36, 68, 0.1); -webkit-box-shadow: 0px 0px 78px 3px rgba(10, 36, 68, 0.1); -moz-box-shadow: 0px 0px 78px 3px rgba(10, 36, 68, 0.1); } .newsletter-signup button { display: inline-block; margin-top: 30px; } .newsletter-signup input { width: 90%; max-width: 270px; } .newsletter-signup input[type=checkbox] { width: auto; margin-right: 10px; } .newsletter-signup h3 { margin: 0; } .newsletter-signup td { vertical-align: top; } .newsletter-signup .text { margin-bottom: 20px; } .pageintro2 + #exhibitors section:first-child { padding-top: 0; } #exhibitors .head { display: flex; justify-content: space-between; /* align-items: center; */ gap: 2rem; } #exhibitors .search, #exhibitors .categories { flex: 1; } #exhibitors .search { display: flex; flex-direction: column; gap: 0.5em; } #exhibitors .categories .list { display: none; position: absolute; z-index: 100; margin: 0.3em 0 0 -18px; padding: 0.8rem 1rem; border-radius: 1rem; background-color: rgba(255, 255, 255, 1); column-count: 2; column-gap: 50px; line-height: 1.6em; box-shadow: 0px 5px 45px -9px var(--color-primary-opacity-50); -webkit-box-shadow: 0px 5px 45px -9px var(--color-primary-opacity-50); -moz-box-shadow: 0px 5px 45px -9px var(--color-primary-opacity-50); } #exhibitors .categories .list li { list-style: none; background-color: rgba(255, 255, 255, 0.8); } #exhibitors .search button { width: 1px; height: 1px; display: none; } #exhibitors .noResults { padding: 50px; text-align: center; } #exhibitors .categories { bottom: 44px; } #exhibitors .categories .button { cursor: pointer; } /*#exhibitors .exhibitor-brand-filter { width: auto; } #exhibitors .exhibitor-brand-filter * { vertical-align: middle; padding: 0; } #exhibitors .exhibitor-brand-filter .modulfilter { color: #CDCDCD; } #exhibitors .exhibitor-brand-filter .modulfilter:hover, #exhibitors .exhibitor-brand-filter .modulfilter.akt { color: #000; } #exhibitors .exhibitor-brand-filter .modulfilter:hover { }*/ #exhibitors-list .title { text-transform: uppercase; font-weight: normal; font-family: 'Poppins'; font-weight: 600; margin-top: 5px; } #exhibitors-list .item { margin-bottom: 30px; vertical-align: top; } #exhibitors-list .item > a { display: block; } #exhibitors-list .item img { width: 100%; height: auto; background-color: #FFFFFF; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); /*bugfix iphone xs chrome*/ -webkit-transform: translateZ(0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; padding: 25px;; border: 1px solid var(--color-0001); box-sizing: border-box; object-fit: contain; min-height: 200px; } #exhibitors-list .item:hover img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); box-shadow: 0px 5px 45px -9px var(--color-primary-opacity-50); -webkit-box-shadow: 0px 5px 45px -9px var(--color-primary-opacity-50); -moz-box-shadow: 0px 5px 45px -9px var(--color-primary-opacity-50); } #forExhibitorsLink table { min-height: 190px; } #forExhibitorsLink td { position: relative; bottom: 0; } #forExhibitorsLink .text { padding-bottom: 50px; } #forExhibitorsLink .button { position: absolute; bottom: 0; } #aboutUs h1 div { font-size: 25px; font-family: 'Poppins'; letter-spacing: 1px; } #exhibitor > * { margin-left: 6%; } #exhibitor > .back-link { margin-left: 1rem; } #exhibitor .back-link .draw-arrow.arrow-left { left: -1.5rem; } #exhibitor .layout-media-text { align-items: flex-start; } #exhibitor .texts { padding: 0; } #exhibitor .titlebox .cell { vertical-align: middle; } #exhibitor .title { margin: 0; } #exhibitor .titlebox .logo { max-width: 205px; max-height: 115px; } #exhibitor .titlebox .category { font-size: 16px; font-family: 'Poppins'; font-weight: normal; text-transform: uppercase; margin-right: 15px; display: inline-block; } #exhibitor .texts p:first-child, #exhibitor .inner p:first-child, #exhibitor .lead p:first-child { margin-top: 0; } #exhibitor .texts .logo { width: 25%; display: inline-block; vertical-align: middle; margin-right: 10%; background-color: #FFF; border-radius: 0.5rem; } #exhibitor .data { display: inline-block; vertical-align: middle; line-height: 1.4em; } #exhibitor .data a { font-size: 1.2em; font-weight: 600; } .exhibitorSlider { overflow: hidden; position: relative; } .exhibitorSlider { overflow: hidden; } .exhibitorSlider .points { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; } .exhibitorSlider .item.prew, .exhibitorSlider .item.next { -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } .exhibitorSlider .item.akt { box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; } .exhibitorSlider .point { display: none; position: absolute; } .exhibitorSlider .point.inakt { -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } .exhibitorSlider .point.prev, .exhibitorSlider .point.next { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 30; height: 45px; width: 45px; aspect-ratio: 1 / 1; font-size: 80px; line-height: 0; text-align: center; background-color: unset; text-shadow: 1px 1px 10px rgba(255, 255, 255, 1); } .exhibitorSlider .point.prev { left: 10px; } .exhibitorSlider .point.next { right: 10px; } /*#tickets .text { margin-bottom: 10px; }*/ /*#tickets .describe .text { min-height: 260px; }*/ /*#tickets .opening { margin-top: 40px; }*/ /*#tickets .opening tr > td:nth-child(1) { width: 28%; }*/ /*#tickets .opening tr > td:nth-child(3) { width: 45%; }*/ /*#tickets .hours, .page-helyszin .hours {*/ /*width: 92%;*/ /*height: 90px;*/ /*}*/ .jegyek { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5%; } .jegy { border: 1px solid transparent; display: inline-block; vertical-align: top; background: #FFF; padding: 10% 7% 10% 7%; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .jegy:hover { border: 1px solid var(--color-pink); --color-primary: var(--color-pink); color: var(--color-primary); box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); -webkit-box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); -moz-box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); } .jegyek:not(:hover) .jegy.akt { border: 1px solid var(--color-pink); --color-primary: var(--color-pink); color: var(--color-primary); box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); -webkit-box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); -moz-box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); } .jegyek .jegy:nth-child(1) { margin-left: 0; } .jegy .head { min-height: 105px; } .jegy .title { margin: 0; } .jegy hr { margin: 20px 0; border: 0; border-bottom: 1px #e6e6e6 solid; } .jegy .price { font-size: 48px; line-height: 2em; } .jegy .price.counter-2 { font-size: 40px; line-height: 2em; } .jegy .price .label { font-size: 15px; line-height: 0; margin-top: 1em; } .jegy .body { min-height: 260px; } .jegy .button { box-sizing: border-box; margin-top: 25px; margin-bottom: 15px; } .page-helyszin .hours { width: 37%; height: 60px; margin-top: 15px; } .page-helyszin .hours td { white-space: nowrap; } .page-helyszin .hours tr td:nth-child(1) { padding-right: 5%; } .page-helyszin .hours tr td:nth-child(2) { text-align: right; } #forExhibitors td { position: relative; } #forExhibitors .head .button { position: absolute; left: 0; bottom: 0; } .page-kiallitoknak .content input[type=text] { width: 80%; } .page-kiallitoknak .content textarea { width: 93%; height: 100px; box-sizing: border-box; } .page-kiallitoknak .content img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .imageTitle { position: relative; } .imageTitle img { width: 100%; } .imageTitle .overlay { position: absolute; top: 0; width: 100%; height: 99%; /*background-color: #000;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.04+0,0.41+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.24) 1%, rgba(0,0,0,0.61) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.24) 1%,rgba(0,0,0,0.61) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.24) 1%,rgba(0,0,0,0.61) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .imageTitle .text { position: absolute; top: 0%; margin: 14% 25%; color: #FFF; } .imageTitle .title { font-size: 45px; line-height: 1.4em; margin: 0; color: #FFFFFF; } .imageTitle .category, .imageTitle .date, .imageTitle.inspiracio { margin-top: 0px; margin-bottom: 1rem; } .imageTitle.inspiracio .text { top: auto; margin: auto; bottom: 51px; left: 63px; } .imageTitle.inspiracio .title { line-height: 1.2em; font-size: 37px; width: 74%; } .imageTitle.inspiracio:hover .overlay { -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; } .forExhibitors02 { margin-top: -8%; } .forExhibitors02 .image { display: inline-block; vertical-align: bottom; } .forExhibitors02 .text { padding: 10% 1% 0 10%; background-color: #FFF; display: inline-block; vertical-align: bottom; position: relative; } .forExhibitors02 .title { margin-top: 0; } .forExhibitors02 .inner { position: relative; margin-top: 0; padding-bottom: 40px; min-height: 275px; } .forExhibitors02 .button { position: absolute; bottom: -5px; left: 0; } .forExhibitors03 img { display: inline-block; padding: 2.2% 0 0 2.2%; background-image: url(images/ls_02.png); background-repeat: no-repeat; vertical-align: top } .forExhibitors03 .text { display: inline-block; padding-right: 10%; margin-top: -3%; } #jelentkezes .text .title { text-transform: uppercase; font-weight: bold; } #jelentkezes label { display: block; } #jelentkezes .inputs { margin: 2rem 0; } #partners { padding-top: 0; } #partners .item { /* border: 1px #bfbfbf solid; */ padding: 25px; box-sizing: border-box; height: 200px; background-color: #FFF; background-repeat: no-repeat; background-position: center ; } #partners-list > .title { text-transform: capitalize; } #partners .items .title { display: inline-block; margin: 85px 50px; } #registration { margin-top: var(--section-spacing); } #registration { margin-top: var(--section-spacing); } #registration select option { color: #000; } #registration .text .inner { max-width: 550px; margin-top: 110px; } #registration .text .inner, #registration .text .inner * { color: #ffffffbf; } #sajtokozlemeny { margin-top: 250px; text-align: center; } .box-followUs .title, #pressInquiry .title { margin: 0.4em 0; } #pressInquiry .text { width: 85%; } #pressInquiry a { font-size: 150%; font-weight: bold; display: block; margin-top: 25px; } #postList .salonSlider03 .item { height: 100%; } #postList .salonSlider03 .title { margin: 0; font-size: 58px; text-align: center; } #postList .salonSlider03 .category, #postList .salonSlider03 .date { text-transform: uppercase; vertical-align: middle; } #postList .salonSlider03 .overlay { position: absolute; width: 100%; height: 100%; background-color: #000; } #postList .salonSlider03 .text { position: absolute; margin: 0; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .postList .item { display: inline-block; position: relative; vertical-align: top; margin-left: 4%; margin-bottom: 8%; height: 410px; } .postList .item:before { content: ' '; position: absolute; width: 100%; height: 100%; background-color: red; z-index: 15; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.04+0,0.41+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.41) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .postList .item:hover:before { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; } .postList .item.odd { margin-left: 0; } .postList .item img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 10; } .postList .text { padding: 6% 6%; position: absolute; bottom: 0; z-index: 20; } .postList .text * { color: #FFF; } .postList .title { margin: 3% 0; line-height: 1.3em; font-size: 1.95em; font-weight: bold; } .postList .category, .postList .date { display: inline-block; text-transform: uppercase; } .postList .category:empty { display: none; } .postList .category { margin-right: 5%; } /*.postList .click { text-transform: uppercase; }*/ .postList .item:hover .click { text-decoration: underline; } .postList .item { transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } /*#publicTransport { margin: 20px auto; }*/ #publicTransport .cell { vertical-align: middle; } .trafficLines { padding-bottom: 5%; text-align: center; } .trafficLines div { display: inline-block; text-align: center; font-size: 38px; font-weight: normal; font-family: 'Poppins'; font-weight: 600; width: 115px; height: 56px; padding-top: 56px; line-height: 1px; margin: 10px 15px; background: url(images/point.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; color: #FFF; /*border-radius: 100px;*/ /*-webkit-border-radius: 100px;*/ /*-moz-border-radius: 100px;*/ /*border: 4px #000 solid;*/ } #informacio .cell { padding: 0 0 10px 0; } #informacio .title { margin: 0 0 4% 0; } #informacio .text { width: 80%; } #informacio a { text-transform: uppercase; font-size: 115%; display: block; } #creed .slider1 .text { display: none; } .pager { margin-top: 30px; } .pager .nav, .pager .item { width: auto!important; display: inline-block; padding: 4px 8px; margin: 2px; font-weight: bold; margin-right: 2%; } .pager .item:hover, .pager .item.akt { border-bottom: 2px #000 solid; text-decoration: none; } #post .content { margin: auto; } #post .content img { width: 200%; /*margin: 14% 0 14% -50%;*/ margin: 7% 0 7% 0; position: relative; } #post .content h1, #post .content h2, #post .content h3 { font-size: 30px; } .postNav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; font-size: 25px; font-family: var(--font-heading); margin: 40px auto; } .postNav a:hover { text-decoration: none; } .postNav .cell { text-align: center; display: flex; align-items: center; flex-direction: row; gap: 2rem; } .postNav .prev { text-align: left; } .postNav .next { text-align: right; } .postNav .prev img { width: 50px; height: 50px; } .postNav .next img { width: 50px; height: 50px; transform: rotate(180deg); } .page-socialmediakit h1, .page-socialmediakit h2 { font-size: 37px; line-height: 1.1em; } .page-socialmediakit h3 { position: relative; font-size: 25px; line-height: 1.1em; margin: 0;; } .page-socialmediakit h2 { text-align: center; } .page-socialmediakit .page-head h2 { text-align: left; font-weight: normal; } .mediakit-linkek { padding-top: 5%;; } .mediakit-linkek img { margin-right: 5px; } .mediakit-linkek table { /*font-size: 110%;*/ color: var(--color-primary); } .mediakit-linkek h1, .mediakit-kreativ-javaslatok h1, .mediakit-szovegek h1 { text-align: center; } .mediakit-linkek p:first-of-type, .mediakit-kreativ-javaslatok p:nth-of-type(1), .mediakit-kreativ-javaslatok p:nth-of-type(2), .mediakit-szovegek p:first-of-type { text-align: center; max-width: 560px; max-width: 620px; margin: 1.5em auto; } .mediakit-linkek h2 { text-align: center; } .mediakit-linkek p:first-of-type { max-width: 525px; margin-bottom: 3.5em; } .mediakit-linkek strong { font-size: 25px; line-height: 1.1em; } .mediakit-szovegek td p:first-of-type { text-align: left; } .mediakit-kreativ-javaslatok { margin-top: 150px; } .mediakit-kreativ-javaslatok .button { min-width: 300px; } .mediakit-kreativ-javaslatok table strong { font-weight: normal; font-size: 15px; text-transform: uppercase; display: inline-block; padding-right: 20px; margin: 10px 0; position: relative; color: var(--color-0001); background-color: #FFFFFF; } .mediakit-kreativ-javaslatok table>tbody>tr>td>table>tbody>tr:nth-child(1)>td { position: relative; } .mediakit-kreativ-javaslatok table>tbody>tr>td>table>tbody>tr:nth-child(1)>td:before { content: ""; position: absolute; z-index: 0; width: 100%; border-top: 1px solid var(--color-0001); top: 23px; } .page-socialmediakit h3 strong { font-weight: normal; font-size: 15px; text-transform: uppercase; display: inline-block; padding-right: 10px; color: var(--color-0001); background-color: #FFFFFF; position: relative; z-index: 2; } .page-socialmediakit h3 s { position: absolute; display: block; top: 17px; left: 0; width: 100%; color: white; border-top: 1px solid var(--color-0001) } .auth-box { margin: 40px auto; text-align: center; } .auth-box table { width: 100%; margin: auto; } .auth-box td { padding: 5px; } .auth-box input[type=text], .auth-box input[type=email], .auth-box input[type=number], .auth-box input[type=password], .auth-box input.button, .auth-box select, .auth-box textarea { width: 80%; max-width: 300px; padding: 10px; box-sizing: border-box; } .auth-box .button { background: #DDD; } .langIcon { transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; /*font-family: 'Museo 100';*/ font-size: 17px; margin: 0 7px; } .langIcon.act, .langIcon:hover { font-family: 'Poppins'; /*fill: white;*/ /*background-color: #000;*/ } .langs { font-weight: 200; } .langs.donly { margin-left: 20px; min-width: 73px; display: inline-block; } .langs.monly { display: block; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px #8fc8e6 solid; } .langs.monly a:first-child img { margin-left: 0; } .content.kerdoivek .spNumFormdocInf, .content.kerdoivek .kerdoivek-update-links { background: transparent; background-color: transparent; } body.page-vedonoi_igenyles .form_editable input { width: 88%; box-sizing: border-box; } /* start _footer.css */ /* */ footer { --color-text: #FFFFFF; --color-links: #FFFFFF; background-color: var(--color-primary); padding-top: var(--section-spacing); padding-bottom: var(--section-spacing); } footer * { color: var(--color-text); } footer .site-logo { padding-right: 2rem; } footer .site-logo-image img, footer .site-logo-text:before { filter: brightness(0) invert(1); border-color: #FFFFFF; } footer .footer-top { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding-bottom: 3.5rem; } footer .linkek { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.25rem; } footer .linkek a { display: block; margin-right: 1rem; } .footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 3rem; padding-top: 1.75rem; border-top: 1px solid var(--color-primary-highlight); font-size: 0.9rem; } .footer-bottom-social { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; } .footer-bottom-logos { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; align-items: center; } .footer-bottom-logos img { width: var(--footer-bottom-logos-width); height: auto; filter: brightness(0) invert(1); } @media (max-width: 950px) { footer .site-logo { padding-right: 0; } footer .footer-top { flex-direction: column; } .footer-bottom { align-items: flex-start; } .footer-bottom p:first-child { margin-top: 0; } } /* end _footer.css */ footer { --color-button: var(--color-lavender); } @media (max-width: 1080px) { #galeria .column3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 1050px) { #istablet { display: none; } .tonly { display: none!important; } } @media (max-width: 1050px) { #istablet { display: block; } header { position: relative; } #header-wrap { background-color: var(--color-background); } body.whitehead #header-wrap { background-color: #FFFFFF; } body.menu-x #firstSlider.salonSlider02 .item .text { display: none; } #firstSlider.salonSlider02 .text { margin: 57% 7%; } /* #logo, #menu { display: block; position: initial; } */ #nav-opener { position: absolute; top: 30px; right: 2px; } #menu .default { display: none; position: relative; left: 0; top: 0; text-align: left; margin: 0; padding: 0; margin-top: 15px; } #menu .faBtn.fb { margin-left: 0; } #menu .jegyvasarlas { display: none; } #menu .more { display: none; position: relative; text-align: left; right: auto; width: 100%; margin-top: 25px; } #menu .more a { display: block; margin-left: 2px; font-size: 16px; line-height: 1.8em; padding: 0px; margin-bottom: 10px; } #menu .more .buttons a { display: inline-block; } #menu .more .buttons img { width: 50px; height: 50px; } #nav-opener { top: 26px; } #nav-opener i { width: 28px; height: 3px; margin: 5px 0; } #menu.x #nav-opener i:nth-child(2) { margin-top: -10px; } footer .linkek { line-height: 2.5em; } } @media (min-width: 474px) and (max-width: 1050px) { #menu .more { top: 146%; } } @media (min-width: 950px) { #ismobile { display: none; } .monly { display: none!important; } /*.anyList { background-image: none!important; }*/ } @media (max-width: 950px) { body { --h1-size: 2.5rem; } #ismobile { display: block; } .donly { display: none!important; } h1, .h1 { font-size: 35px; } h2, .h2 { font-size: 31px; } h3, .h3 { font-size: 23px; } h3, .h3 { font-size: 20px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 17px; } h5, .h5 { font-size: 15px; } td.space { display: none; } .inverse button, .inverse .button, .inverse a.button, .inverse input[type=button], .inverse input[type=submit] { padding: 15px 37px 13px 37px; } .malignc { text-align: center; } .mW, .mW tbody, .mW>tbody, .mW>tbody>tr, .mW>tbody>tr>td { width: 100%!important; display: block; } .mW50 { width: 49.4%!important; display: inline-block; vertical-align: top; } .mpW { width: 86%; display: block; } /* .pagewidth, .fullPageInverse .content.html { width: 80%; } */ .newBlock { margin-top: 60px;; } .pagewidth.table { display: block; } .auth-box { margin: 10px auto; } .column3.mW { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .mcolumn1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; text-align: justify; } /* .page-fooldal #top-wave2 { position: fixed; top: -1055px; left: 70%; margin-left: -710px; width: 1325px; z-index: 0; transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; } */ /* .page-fooldal.fixheader #top-wave2 { top: -1255px; } */ header { margin-top: 2rem; grid-template-columns: 1fr 2.5rem; } #header-spacer { height: 100px; } #menu { display: none; padding: 0; opacity: 0; transition: padding 0.3s, opacity 0.3s; } #menu a:not(.button) { padding: 0.5rem 1rem; display: block; width: fit-content; } #menu a.button { margin-top: 1rem; } body.menu-x #menu { display: block; position: relative; padding: 1rem 0; opacity: 1; } body.menu-x #header-wrap { background-color: var(--color-background); } /* .bgPattern { display: none; } */ /* #bgPattern_dekor-index-7 { display: block; width: 145px; width: 145px; } */ /* #bgPattern_dekor-tamogatok-1-2 { display: block; right: 0; top: 345px; width: 200px; } */ /* #bgPattern_dekor-program-1 { display: block; width: 252px; top: 258px; } */ /* #bgPattern_dekor-helyszin-1 { display: block; right: 0; top: 1645px; width: 73px; } */ /* .page-kiallitoknak #bgPattern_dekor-index-3, .page-galeria #bgPattern_dekor-index-3, .page-galeria #bgPattern_dekor-index-5 { display: block; top: 650px; width: 65px; } */ /* .page-galeria #bgPattern_dekor-index-3 { top: 1064px; } */ /* .page-kiallitoknak #bgPattern_dekor-index-3 { top: 1100px; } */ #indexSlider-wrap { margin: 0; padding-top: 80px; /* background-image: url(images/dekor-index-3.png); */ /* background-repeat: no-repeat; */ /* background-size: 17%; */ width: 100%; overflow: hidden; } #indexSlider-wrap .items { width: 92%; margin: auto; } #indexSlider-wrap .points { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin-left: unset; } #indexSlider-wrap .point.next { right: 0; } #indexSlider-wrap .point.prev { left: 0; } .page-fooldal #firstblock-wrap { background-image: none; padding-top: 45px; max-width: 100vw; overflow: hidden; } #firstSlider .text { margin-top: -25px; } #firstSlider .title { font-size: 25px; } #firstSlider .lead { display: none; } .anyList, .anyList .item { margin-top: 30px; overflow: initial; } .anyList .item.alignIr .text { margin-right: 0; } .anyList .item.alignIl img { margin-left: 0; float: none; width: 100%; max-width: 100%; } .anyList .item.alignIr img { margin-left: -0; float: none; width: 100%; max-width: 100%;} .anyList .item .button { margin-top: 10px; } .list-3-col .items .item { width: 49%; min-height: 230px } .list-3-col .items .item:nth-child(3n-2) { margin-left: 2%; } .list-3-col .items .item:nth-child(2n-1) { margin-left: 0; } /* #index-programok-box */ .decor-02:before { display: none; } .decor-02:after { width: 110px; height: 157px; bottom: -10rem; right: 0; } .section-szinpadi-programok h3 { font-size: 32px; } .section-szinpadi-programok .name { font-size: 16px; } .section-szinpadi-programok .text img { height: unset; } .module-texts.imageAndLead1 .inner, .module-texts.imageAndLead2 .inner { grid-template-columns: unset; padding: 0;; } .module-texts.imageAndLead1 img, .module-texts.imageAndLead2 img { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #galeria-box img { width: 110%; max-width: 110%; position: relative; margin-left: -6%;} #galeria-box h3 { margin-top: 0;} #galeria-box .lead { margin-top: 25px;} #galeria-box .text { width: 100%;} #indexSliderOutsidetitlelead .inner { width: 100%; } .grid-30-4 { display: grid; grid-gap: 4%; grid-template-columns: 30% 66%; } .grid-30-4 > div p:nth-of-type(1) { margin-top: 1rem; } .jegyek .jegy, .jegyek .jegy:nth-child(2) { margin: 30px 0 0 0; box-sizing: border-box; padding: 10%; } .jegyek { grid-template-columns: 1fr; } #ticketPurchase { margin-top: 20px; } #ticketPurchase .jegyarak { margin-top: 20px; } #ticketPurchase .jegyarak td { text-align: left; } /* .belepojegyek-box td { vertical-align: top; padding-top: 12px; } .belepojegyek-box table .title { padding-right: 0.5em; } .belepojegyek-box .price, .belepojegyek-box .arrow { font-size: 24px; white-space: nowrap; } .belepojegyek-box .price { padding-right: 0.5em; } .belepojegyek-box .line { display: none; } .belepojegyek-box .data { margin: 0; } .belepojegyek-box .titlelead .lead p:nth-child(1) { margin-top: 0; } .belepojegyek-box .titlelead .lead { padding-bottom: 0; } .belepojegyek-box .titlelead .button { position: relative; margin-top: 40px; margin-left: -3px; } */ .belepojegyek-box .titlelead { row-gap: 0; } .belepojegyek-box .line { display: none; } /*#regisztracio-box-wrap { background-position: -75% 2%; background-size: 175%; }*/ #regisztracio-box-wrap { background-position: -109px 49px; background-size: 652px; } #regisztracio-box, #regisztracio-box .inner, #regisztracio-box .titlelead, #regisztracio-box .titles, #regisztracio-box .title, #regisztracio-box .lead, #regisztracio-box .text { display: block; width: 100%; } #regisztracio-box .lead { margin: 1.8em 0 2em 0; } #regisztracio-box .text { text-align: left; } #registration .text .inner { margin-top: 0; } #registration .flex { flex-direction: column; gap: 0; } .reg_es_jegy-box table, .reg_es_jegy-box tbody, .reg_es_jegy-box tr, .reg_es_jegy-box td, .reg_es_jegy-box .titlelead, .reg_es_jegy-box .titles, .reg_es_jegy-box .title, .reg_es_jegy-box .lead, .reg_es_jegy-box .data { display: block; width: 100%; } #megkozelites-box .inner { display: block; } #megkozelites-box .text { width: 100%; margin-left: -1%; } #megkozelites-box ul { padding: 0; } /* #megkozelites-box .text > ul > li:nth-child(1) { width: 110px; height: 110px; font-size: 35px; padding-top: 40px; } */ /* #megkozelites-box .text > ul > li:nth-child(2) { width: 135px; height: 135px; font-size: 35px; padding-top: 9px; margin-left: -33px; border-width: 44px; } */ /* #megkozelites-box .text > ul > li:nth-child(3) { width: 110px; height: 110px; font-size: 35px; padding-top: 8px; margin-left: -33px; border-width: 35px; } */ #praktikusinfok table, #praktikusinfok tbody, #praktikusinfok tr, #praktikusinfok td { display: block; width: 100%!important; } #praktikusinfok .content-inner .text table tr td:nth-child(2) { display: none; } .kovessminket-box .inner, .kovessminket-box .titlelead, .kovessminket-box .titles, .kovessminket-box .title, .kovessminket-box .lead, .kovessminket-box .text { display: block; width: 100%; } .pageintro1 .lead { width: 100%; } .pageintro2 .titles, .pageintro2 .lead { width: 100%; margin: 1em 0; } .pageintro2 .layout-media-text.no-media .texts { display: block; /* grid-template-columns: 1fr; */ width: 100%; } .inside-text-column2 .text, .text.column2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; column-gap: 0; } /*.salonSlider02 .points { display: none; }*/ #firstSlider-wrap, #firstSliderClone { margin-top: 0; } #firstSlider.salonSlider02 .points { display: inline-block; } #firstSlider.salonSlider02 .title { width: 75%; } #program .layout-media-text .texts { padding-left: 0; padding-right: 0; } #program .content { margin-top: 40px; } .page-head h1 { font-size: 34px; width: 100%; } .imageTitle .text { position: relative; color: var(--color-primary); width: auto; margin: 0%; } .imageTitle .title { font-size: 25px; margin: 0; } .imageTitle .overlay { display: none; } .imageTitle.inspiracio .overlay { display: block; } .imageTitle.inspiracio .text { position: absolute; margin: 0; color: #FFF; bottom: 20px; } .imageTitle.inspiracio .title { font-size: 34px; } /*#post .imageTitle { margin-top: 0; }*/ /*#post .imageTitle .title { margin-top: 0.5em; }*/ #post .imageTitle .title { color: var(--color-0001); } #forExhibitors .imageTitle .text { margin: 0%; } .forExhibitors02 { margin: auto; } .forExhibitors02 .text { padding-left: 0; padding-right: 0; } #creed .salonSlider02 .item { width: 100%; display: block; position: relative; margin-bottom: 40px; } #creed .salonSlider02 .item img { position: relative; } .postList .item { margin-left: 0; } #toptile { height: 1200px; display: grid; grid-template-columns: 50% 50%; grid-template-rows: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%; /* 25% 25% 25% 25%*/ } #toptile span, #toptile .lt span { font-size: 18px; left: 15px; bottom: 12px; } #toptile .tile1 { grid-column: span 2; grid-row: span 2; } #toptile .tile2 { grid-column: span 1; grid-row: span 1; } #toptile .tile3 { grid-column: span 1; grid-row: span 1; } #toptile .tile4 { grid-column: span 2; grid-row: span 1; } #toptile .tile5 { grid-column: span 1; grid-row: span 1; } #toptile .tile6 { grid-column: span 1; grid-row: span 2; } #toptile .tile7 { grid-column: span 1; grid-row: span 1; } #toptile .tile8 { grid-column: span 2; grid-row: span 2; } .marvany { margin-top: 60px; padding: 60px 0; } .box-followUs { margin-top: 0; margin-bottom: 60px; } .box-followUs .buttons { padding: 10%; text-align: center; box-sizing: border-box; } .box-followUs2 .texts { padding-left: 10px; padding-right: 10px; } .newsletter-signup td.space { display: block; height: 20px; } .newsletter-signup table input { width: 94%; } .page-hitvallas .columnHalf { width: 100%; } .page-hitvallas h1 { font-size: 21px; margin: 2.1em 0; } #exhibitors .head { display: block; } #exhibitors .head .text { margin-top: 0; margin-bottom: 20px; } #exhibitors .categories { padding-top: 40px; } #exhibitors input { width: 94%; } #exhibitors .categories .list { column-count: 2; width: 80%; } #exhibitor > * { margin-left: 0; } #exhibitor .texts { margin-left: 0%; } #exhibitor .titlebox .text { margin-bottom: 3%; } #exhibitor .salonSlider02-wrap { float: none!important; margin: auto!important; } #exhibitor .exhibitor-head { min-height: 130px; } #exhibitor .layout-media-text { flex-direction: column; } #exhibitor .media { width: 100%; } #program .content { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #program .content img { margin: 0 0% 4% 0%; } .featured_tags .item { margin-right: 50px; margin-bottom: 20px; } .more-programs-box .item .title { width: auto; } .more-programs-box .item .title, .section-standprogramok .item .title { font-size: 22px; } .more-programs-box .item .subtitle { font-size: 20px; } .more-programs-box .link-button { margin-bottom: var(--section-spacing); } .section-standprogramok .item .subtitle { font-size: 16px; } /*#tickets { margin-top: 15px; }*/ /*#tickets .describe .text { min-height: auto; }*/ #partners .title { color: var(--color-0001); margin: 40px 0; } #pressInquiry { margin-bottom: 80px; } #forExhibitors .head .button { display: block; position: relative; margin-top: 20px; max-width: 85px; } .forExhibitors02 .text { min-height: auto; } .forExhibitors02 .button { position: relative; left: 0; display: block; max-width: 85px; } .forExhibitors03 img { padding: 0; } .forExhibitors03 .text { margin: auto auto 20px auto ; } #indexSliderOutsidetitlelead .inner { display: block; } #indexSliderOutsidetitlelead .inner .title { margin-bottom: 20px; } .belepojegyek-box .inner { flex-direction: column; row-gap: 3rem; } .belepojegyek-box .titlelead .button { margin-top: 2rem; } .belepojegyek-box .table, .belepojegyek-box tbody, .belepojegyek-box tr, .belepojegyek-box td { display: block; } .belepojegyek-box .table { width: 100%; } .belepojegyek-box tr { margin-bottom: 2rem; } .belepojegyek-box .price, .belepojegyek-box .arrow { display: inline-block; margin-top: 1rem; margin-right: 1rem; vertical-align: middle; } .postNav .next img { transform: rotate(180deg); } /***********************/ .module-texts.imageAndLead1 .inner img, .module-texts.imageAndLead2 .inner img, #firstblock video, .list-4col, .section-szinpadi-programok .day, #program .title { margin-bottom: 0; } #program .content img, #map, .page-kiallitoknak .content img { width: 111%!important; margin-left: -2%; } #partners-list .list-4col, #exhibitors-list .list-4col { width: unset!important; margin-left: 0; } /* #tickets { width: 90%; } */ #galeria/*, #indexSlider-wrap*/ { width: 92%; margin-left: 5%; } #regisztracio-box .title { font-size: 26px; } #regisztracio-box .layout-media-text { flex-direction: column; } .decor-04:before { background-image: url(images/shapes/Vector.svg?02); width: 155px; height: 119px; top: -9rem; left: -4rem; } body.page-helyszin #top-waves { z-index: 1; } .map-wrap { z-index: 0!important; margin-top: 40px; } #map { width: 100%!important; margin-left: -0%; z-index: 0; } /* #megkozelites-box .text > ul > li:nth-child(1) ul, #megkozelites-box .text > ul > li:nth-child(1) li { width: 110px; } */ /* #megkozelites-box .text > ul > li:nth-child(2) ul, #megkozelites-box .text > ul > li:nth-child(2) li { width: 135px; } */ /* #megkozelites-box .text > ul > li:nth-child(3) ul, #megkozelites-box .text > ul > li:nth-child(3) li { width: 125px; } */ #megkozelites-box .text ul { flex-direction: column; align-items: flex-start; } #megkozelites-box .text > ul > li > ul > li, #megkozelites-box .text > ul > li:nth-child(2) li { bottom: unset; left: 15rem; } #megkozelites-box .text > ul > li:nth-child(2) li { left: 12rem; } .page-helyszin .content table, .page-helyszin .content tbody, .page-helyszin .content tr, .page-helyszin .content td { display: block; } .page-helyszin .content table p { margin: 0; } #helyszin-info-box table, #helyszin-info-box tbody, #helyszin-info-box tr, #helyszin-info-box td { display: block; } .page-rolunk .featured_tags { margin: 40px 0; width: 110%; margin-left: -5%; } .page-rolunk .featured_tags .item { display: inline-block; vertical-align: top; font-size: 1em; width: 33%; margin: 0; padding-right: 2%; box-sizing: border-box; } .page-rolunk .featured_tags .item svg { width: 100%; } /* .page-kiallitoknak .doublecontent-box { display: grid; grid-gap: 0; grid-template-columns: 100%; margin-top: 40px; } .page-kiallitoknak .doublecontent-box > div:nth-child(1) { order: 2; } */ #kiallitoknak-tartalom { margin-top: 10px; } #kiallitoknak-tartalom h2 { font-size: 32px; } #kiallitoknak-tartalom table { font-size: 12px; } #kiallitoknak-tartalom .title { margin-bottom: 1em; } #kiallitoknak-tartalom .inner:nth-child(2) td:nth-child(2) { text-align: center; } #kiallitoknak-tartalom .inner:nth-child(1) table, #kiallitoknak-tartalom .inner:nth-child(1) tbody, #kiallitoknak-tartalom .inner:nth-child(1) tr, #kiallitoknak-tartalom .inner:nth-child(1) td { display: block; width: 100%!important; } #kiallitoknak-tartalom .inner:nth-child(1) td p:nth-child(1) { margin-bottom: 0; } #kiallitoknak-tartalom .inner:nth-child(1) td p:nth-child(2) { margin-top: 0; } /* #kiallitoknak-tartalom.doublecontent-box .content-inner { grid-template-columns: 100%; } */ #jelentkezes textarea, #jelentkezes input[type=email], #jelentkezes input[type=text] { width: 100%; } .page-socialmediakit #top-wave { width: 100%; overflow: hidden; } .page-socialmediakit #top-wave svg { width: 200%; margin-left: -18%; } .section-wrap-grey { padding-top: 10%; padding-bottom: 10%; margin: 10% auto; } .mediakit-linkek p:first-of-type, .mediakit-kreativ-javaslatok p:first-of-type, .mediakit-szovegek p:first-of-type { margin-bottom: 3.5em; } .mediakit-linkek td p:first-of-type, .mediakit-kreativ-javaslatok td p:first-of-type, .mediakit-szovegek td p:first-of-type { margin-bottom: 1.5em; } .page-socialmediakit h1, .page-socialmediakit h2 { font-size: 31px; } .page-socialmediakit table, .page-socialmediakit tbody, .page-socialmediakit tr, .page-socialmediakit td { display: block; width: 100%!important; box-sizing: border-box; margin-left: 0; margin-right: 0; } .mediakit-linkek td { display: inline-block; width: auto!important; margin-bottom: 10px; max-width: 243px; font-size: 10px; } .mediakit-linkek td strong { font-size: 20px; line-height: 1.2em; } .mediakit-linkek td img { margin-right: 8px; margin-left: -3px; } .mediakit-linkek td br { display: none; } .page-socialmediakit h3 { font-size: 18px; } .page-socialmediakit table br { display: none; } .page-kapcsolat .section-inner table, .page-kapcsolat .section-inner tbody, .page-kapcsolat .section-inner tr, .page-kapcsolat .section-inner td { display: block; } .trafficLines div { font-size: 28px; width: 70px; height: 35px; padding-top: 36px; margin: 10px 9px; } footer .footer-top { align-items: flex-start; } } @media (max-width: 850px){ #postList .salonSlider03 .title { font-size: 22px; } #postList .salonSlider03 .text { margin: 0; } .postList .item { height: 400px; } #galeria .column3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media (max-width: 800px){ .mediakit-linkek tr td:nth-child(3) { display: block; height: 1px; } } @media (max-width: 700px){ #postList .salonSlider03 .points { margin-top: -35%; } #postList .salonSlider03 .points .point.prev { left: -32px; } #postList .salonSlider03 .points .point.next { right: -29px; } body.page-vedonoi_igenyles .form_editable input { width: 100%; } header .site-logo { transform: scale(0.85); margin-left: -8%; } #menu-opener { margin-left: -1rem; } } @media (max-width: 600px){ } @media (max-width: 500px){ .list-3-col .items .item { width: 100%; margin-left: 0; min-height: 230px; } .list-3-col .items .item:nth-child(3n-2) { margin-left: 0; } .postList .title { font-size: 1.7em; } } @media (max-width: 370px){ .mediakit-linkek table { width: 106%!important; margin-left: -2%; } }