:root { --text-color: #333333; } .text-page .content p, .text-page .content ul, .text-page .content ol, .text-page .content p { margin: 0 0 24px; font-size: 1.125em; line-height: 150%; color: var(--text-color); } .text-page .content h1 { font-size: 2.5em; margin: 60px 0 24px; } .text-page .content > h1 { margin: 0 0 24px; } .text-page .content h2 { margin: 60px 0 24px; font-size: 2.25em; } .text-page .content > h2:first-child { margin: 0 0 24px; } .text-page .content h3 { margin: 60px 0 24px; font-size: 2em; } .text-page .content ol { width: auto; margin: 0 0 24px 24px; } .text-page .content ol li { padding: 0 0 5px 5px; } .text-page .content ul { width: auto; margin: 0 0 24px 24px; } .text-page .content ul li { padding: 0 0 5px 5px; } .text-page .content ul.sub-list, .text-page .content ol.sub-list { font-size: 1em; } .text-page .content img { max-width: 100%; height: auto; margin: 24px auto; vertical-align: middle; border-radius: 8px; } .text-page .content .text img, .text-page .content li img { display: inline-block; max-height: 30px; margin: 0; width: auto; } .text-page .content .video, .text-page .content .video-block { margin: 32px 0; border-radius: 8px; overflow: hidden; } .text-page .content iframe { display: block; max-width: 100%; margin: 0 auto; } .text-page .content video { display: block; max-width: 100%; margin: 32px 0; vertical-align: middle; } .text-page .content .wistia-video-block { position: relative; padding: 56.25% 0 0 0; margin: 32px 0; border-radius: 8px; overflow: hidden; } .text-page .content .wistia-video-block .wistia_embed { position: absolute; top: 0; } .text-page .content .wistia-video-block video { margin: 0; } .text-page .content hr, .text-page .content .separator { height: 1px; margin: 50px auto; color: #ccc; border: none; background-color: #ccc; } .text-page .content .big { display: block; margin: 0 auto; } .text-page .content .half { width: 50%; } .text-page .content .inline { display: inline-block; vertical-align: middle; } .text-page .content .bordered { border: 1px solid #ccc; border-radius: 8px; } .text-page .content .shadowed { border-radius: 8px; box-shadow: 0 5px 23px 3px rgba(0, 0, 0, 0.15); } .text-page .content .margined { margin: 24px 0; } .text-page .content .text-content .right.margined { margin: 0 -59px 0 0; padding: 0 0 0 10px; box-sizing: content-box; } .text-page .content .margined-more { margin-top: 30px; margin-bottom: 30px; } .text-page .content .margined.center { margin: 24px auto; } .text-page .content .center, .text-page .content .centered { margin-left: auto; margin-right: auto; } .right { float: right; } .left { float: left; } .text-page .content .text-center { text-align: center !important; } .text-page .content .btn.how-to-btn { height: 36px; margin: 0 5px; padding: 0 15px; color: #0074e6; font-size: 1em; font-weight: 400; line-height: 36px; border: 1px solid #0074e6; } .text-page .content .dwnl-btn { max-width: 280px; margin: 48px auto; width: fit-content; } .text-page .content .itunes-badge > img, .text-page .content .mac-badge > img { margin: 0; width: initial; } @media (max-width: 991px) { .text-page .content p, .text-page .content ul, .text-page .content ol, .text-page .content p { margin: 0 0 16px; font-size: 1em; } .text-page .content h1 { font-size: 2em; margin: 50px 0 16px; } .text-page .content > h1 { margin: 0 0 16px; } .text-page .content h2 { margin: 50px 0 16px; font-size: 1.75em; } .text-page .content > h2:first-child { margin: 0 0 16px; } .text-page .content h3 { margin: 50px 0 16px; font-size: 1.5em; } .text-page .content ol { margin: 0 0 16px 16px; } .text-page .content ol li { padding: 0 0 3px 3px; } .text-page .content ul { margin: 0 0 16px 16px; } .text-page .content ul li { padding: 0 0 3px 3px; } .text-page .content ul.sub-list, .text-page .content ol.sub-list { font-size: 1em; } .text-page .content img { margin: 16px 0; } .text-page .content .video, .text-page .content .video-block { margin: 24px 0; } .text-page .content video { margin: 24px 0; } .text-page .content .wistia-video-block { margin: 24px auto; } .text-page .content .text-content .right.margined { margin: 16px 0; width: initial; } .text-page .content .margined { margin: 16px 0; } .text-page .content .margined.center { margin: 16px auto; } .text-page .content hr, .text-page .content .separator { margin: 30px auto; } .text-page .content .big { margin-bottom: 16px; } .text-page .content .half { display: block; min-width: 280px; margin: 0 auto 16px; } .text-page .content video { height: auto; } .text-page .content .iframe-block, .text-page .content .video-block, .text-page .content .video { content: ""; position: relative; padding-bottom: 56.25%; height: 0; display: block; margin: 16px auto; overflow: hidden; } .text-page .content h3 + .video, .text-page .content h3 + .video-block { margin: 16px auto; } .text-page .content .iframe-block iframe, .text-page .content .video-block iframe, .text-page .content .video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border-width: 0; outline-width: 0; } .text-page .content .iframe-block { max-width: 800px; } } @media (max-width: 767px) { .text-page .content .itunes-badge { margin: 20px auto; } } @media (max-width: 575px) { .text-page .content .shadowed { box-shadow: 0 5px 16px 2px rgba(0, 0, 0, 0.15); } } .license-retrieval-banner { height: 120px; } .license-retrieval-form { padding: 60px 0 60px; } .license-retrieval-form .container { box-sizing: border-box; } .license-retrieval-form h1 { font-size: 3em; } .license-retrieval-form p.descr { font-size: 1.375em; font-weight: 400; line-height: 150%; } .license-retrieval-form form { margin: 60px auto 0; } .license-retrieval-form .icon { display: none; width: 30px; height: 30px; margin: 6px 10px 0 0; vertical-align: top; } .license-retrieval-form input[type="text"] { position: relative; max-width: 400px; width: 100%; height: 44px; padding: 0 15px; font-size: 1.125em; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; vertical-align: top; } .license-retrieval-form input[type="text"]:focus { outline: 0; } .license-retrieval-form input[type="submit"] { display: inline-block; vertical-align: top; cursor: pointer; font-size: 1.25em; } .license-retrieval-form input[type="submit"]:focus { outline: 0; } .license-retrieval-form input[type="submit"]:disabled { cursor: default; } .license-retrieval-form .message { display: none; padding: 20px 0 10px; color: #222; font-size: 1.125em; font-weight: 600; } .license-retrieval-form .success-add, .license-retrieval-form .error-add { display: none; color: #222; font-size: 1em; font-weight: 400; } .license-retrieval-form form.success .icon { display: inline-block; content: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/license-retrieval/goodicon_2x.png?1631697356"); } .license-retrieval-form form.success input[type="text"] { border-color: #3fc322; background-color: #eee; } .license-retrieval-form form.success input[type="submit"] { border: 1px solid #9fe190; background-color: #9fe190; color: #e5f6e2; } .license-retrieval-form form.success .message { display: block; } .license-retrieval-form form.success .success-add { display: block; } .license-retrieval-form form.error .icon { display: inline-block; content: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/license-retrieval/goodicon_2x.png?1631697356"); } .license-retrieval-form form.error input[type="text"] { border-color: #3fc322; background-color: #eee; } .license-retrieval-form form.error input[type="submit"] { border: 1px solid #9fe190; background-color: #9fe190; color: #e5f6e2; } .license-retrieval-form form.error .message { display: block; } .license-retrieval-form form.error .error-add { display: block; } .license-retrieval-form p.note { width: 100%; max-width: 700px; margin: 60px auto 0; color: #999; font-size: 1em; font-weight: 400; } .license-retrieval-support .container { padding: 60px 0; } .license-retrieval-support img { display: block; width: 144px; height: 146px; margin: 0 auto; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/license-retrieval/icon-support.png?1631697354") no-repeat center center; background-size: 144px 146px; } .license-retrieval-support h2 { padding: 40px 0 30px; color: #343434; font-size: 2.25em; font-weight: 400; line-height: 1em; } .license-retrieval-support p { width: 100%; max-width: 500px; margin: 0 auto; padding: 10px 0 0; color: #4d4d4d; font-size: 1.25em; font-weight: 400; line-height: 160%; } .license-retrieval-support .learn-more { display: inline-block; position: relative; margin: 15px 0 0; padding: 0 20px 0 0; color: #2aa6ff; font-size: 1.25em; font-weight: 400; } .license-retrieval-support .learn-more:after { content: ""; position: absolute; right: 0; top: 10px; width: 8px; height: 8px; border-bottom: 2px solid #2aa6ff; border-right: 2px solid #2aa6ff; z-index: 100; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 991px) { .license-retrieval-banner { height: 56px; } .license-retrieval-support .container { padding: 30px 20px; } } @media (max-width: 767px) { .license-retrieval-form h1 { font-size: 2.4em; } .license-retrieval-form p.descr { font-size: 1.25em; } .license-retrieval-form form { display: flex; flex-direction: column; margin: 40px auto 0; } .license-retrieval-form .icon { margin: 0 auto 15px; } .license-retrieval-form input[type="text"] { margin: 0 auto; box-sizing: border-box; } .license-retrieval-form input[type="submit"] { max-width: 250px; width: initial; height: 40px; margin: 15px auto 0; font-size: 1.2em; line-height: 40px; } .license-retrieval-form p.note { margin: 40px auto 0; font-size: 0.9em; } .license-retrieval-support img { width: 114px; height: 116px; background-size: 114px 116px; } .license-retrieval-support h2 { padding: 30px 0 20px; font-size: 2.1em; } .license-retrieval-support p { padding: 0; font-size: 1.1em; } .license-retrieval-support .learn-more { font-size: 1.2em; } } @media (max-width: 575px) { .license-retrieval-form h1 { font-size: 2.1em; } .license-retrieval-form p.descr { font-size: 1.15em; } .license-retrieval-form p.note { font-size: 0.8em; } .license-retrieval-support h2 { font-size: 1.7em; } .license-retrieval-support img { width: 104px; height: 106px; background-size: 104px 106px; } .license-retrieval-support p { padding: 0; font-size: 1em; } }