@color-pro-secondary: #28818e; @color-pro-main: #FF5100; .theme-pearl.store-view-it_4 .register-pro-wrap { margin-top: 1.6rem; display: grid; grid-template-columns: 1fr; gap: 3.4rem; font-size: 1.6rem; .block-wrap { padding: 2.7rem; background-color: fade(@color-pro-secondary, 10%); border-radius: 0.87rem; } .input-text { border-radius: 0.87rem; border: 1px solid #000; font-size: 1.6rem; line-height: 2.4; padding: 0 1rem; height: auto; } .fieldset { display: grid; gap: 1.6rem; & > .field { margin: 0; } & > .field > .label, & > .fields > .field > .label { font-weight: 400; } .amgdpr-checkbox { padding-left: 2.4rem; position: relative; input[type="checkbox"] { position: absolute; left: 0; top: .4rem; } } } .actions button.action.primary { background-color: @color-pro-secondary; border: 2px solid @color-pro-secondary; border-radius: 0.87rem; text-transform: uppercase; line-height: 1.37; height: auto; width: 100%; max-width: ((338/1.15)*0.1rem); padding: .8rem; span { font-size: 2rem; line-height: 1.37; } &:hover { background-color: fade(@color-pro-secondary, 10%); span { color: @color-pro-secondary; } } } .title { font-size: 2.09rem; line-height: 1.25; font-weight: 700; color: @color-pro-main; margin-bottom: 1em; } .fieldset > .legend { margin: 0; } a { text-decoration: dotted underline; } } .professionisti-index-index .outer-newsletter { display: none; } .register-pro-bulletlist { margin-bottom: 6.6rem; &:last-of-type { margin: 0; } } #notice_partitaiva { font-size: 80%; } .register-pro-bulletlist-item { display: grid; grid-template-columns: 4.17rem 0.87fr; font-size: 1.6rem; line-height: 1.35; margin-bottom: 1.22rem; } .register-pro-wrap button.action.primary { padding: 1.3rem 2.26rem; } .register-pro-wrap button.action.primary span { font-size: 1.6rem; font-weight: bold; } .register-pro-bulletlist-item-icon { color: @color-pro-main; span { font-size: 2.78rem; } } .media-width('min', @screen__l) { .theme-pearl.store-view-it_4 .register-pro-wrap { margin: 6.09rem 0; grid-template-columns: 1fr 2fr; gap: 0; font-size: 1.6rem; p, label { font-size: 1.6rem; margin-bottom: 1.2rem; line-height: 1.5; } .block-wrap { padding: 6.78rem; } .fieldset { padding: 6.78rem; grid-template-columns: 1fr 1fr; gap: 2.6rem 5.22rem; .legend, .block-wrap, .amgdpr-checkbox, .actions { grid-column: ~"1 / span 2"; } .input-text { line-height: 2.9; } } button.action.primary { span { font-size: 2rem; } } .title { font-size: 2.61rem; } } }