@font-face {
font-family: GothamBook;
src: url(//alvla.hu/wp-content/themes/wp-alvla-theme/fonts/Gotham Book/Gotham Book.otf);
}
.configurator-page * {
font-family: Gotham;
}
.configurator-page .steps {
display: flex;
flex-wrap: wrap;
}
.configurator-page .steps .link {
display: flex;
}
.configurator-page .steps .link:not(:first-child) {
margin-left: -15px;
}
.configurator-page .steps .link .text {
font-size: 20px;
line-height: 20px;
padding: 10px;
color: rgba(218, 218, 218, 1);
background-image: url(//alvla.hu/wp-content/themes/wp-alvla-theme/img/white_arrow_middle.png);
background-size: 1px 100%;
cursor: default;
}
.configurator-page .steps .link.active .text {
background-image: url(//alvla.hu/wp-content/themes/wp-alvla-theme/img/dark_arrow_middle.png);
color: white;
}
.configurator-page .steps .link .arrow {
width: 20px;
height: 40px;
background-size: 100% 100%;
}
.configurator-page .steps .link:not(:first-child) .arrow.start {
background-image: url(//alvla.hu/wp-content/themes/wp-alvla-theme/img/white_arrow_start.png);
}
.configurator-page .steps .link:first-child .arrow.start {
display: none;
}
.configurator-page .steps .link:not(:last-child) .arrow.end {
background-image: url(//alvla.hu/wp-content/themes/wp-alvla-theme/img/white_arrow_end.png);
}
.configurator-page .steps .link:last-child .arrow.end {
display: none;
}
.configurator-page .steps .link.active:not(:first-child) .arrow.start {
background-image: url(//alvla.hu/wp-content/themes/wp-alvla-theme/img/dark_arrow_start.png);
}
.configurator-page .steps .link.active .arrow.end {
background-image: url(//alvla.hu/wp-content/themes/wp-alvla-theme/img/dark_arrow_end.png);
}
.configurator-page .content {
display: block;
}
.configurator-page .content .card {
margin-top: 13px;
flex: 2 600px;
display: flex;
}
.configurator-page .content .card .options-block {
flex: 1 200px;
max-width: 300px;
border-right: 1px solid rgba(217, 217, 217, 1)
}
.configurator-page .content .card .options-block form label {
font-size: 14px;
margin-left: 13px;
}
.configurator-page .content .card .information-block {
flex: 2 200px;
padding-left: 10px;
display: flex;
}
.configurator-page .content .card :is(.description-block, .preview-block) {
flex: 1;
}
.configurator-page .content .card .preview-block img {
max-width: 100%;
max-height: 50vh;
}
.configurator-page .content .card .information-block .title {
font-size: 22px;
}
.configurator-page .content .card .information-block .description {
font-size: 14px;
}
.configurator-page .content .card .information-block .inputs {
max-width: 300px;
}
.configurator-page .content .card .consult-request {
max-width: 600px;
}
.configurator-page .content .details-block {
max-width: 300px;
flex: 1;
}
.configurator-page .content .details-block .details-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.configurator-page .buttons {
display: flex;
justify-content: center;
}
.configurator-page .buttons button {
padding: 10px 20px;
border: none;
font-size: 22px;
color: rgba(76, 76, 84, 1);
cursor: pointer;
}
.configurator-page .buttons button.next,
.configurator-page .buttons button.submit {
color: white;
background: rgba(76, 76, 84, 1);
}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}