.blog-fse-nux .blog-fse-nux-button, a.blog-fse-nux-button { background: #00aadc; border-color: #0087be; border-style: solid; border-width: 1px 1px 2px; color: #fff; cursor: pointer; display: inline-block; outline: 0; overflow: hidden; font-weight: 500; text-overflow: ellipsis; text-decoration: none; text-transform: none; text-shadow: none; box-sizing: border-box; font-size: 14px; height: auto; line-height: 21px; border-radius: 4px; margin: 0; padding: 7px 14px 9px; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: baseline; } .blog-fse-nux .blog-fse-nux-button:focus, .blog-fse-nux .blog-fse-nux-button:hover, a.blog-fse-nux-button:focus, a.blog-fse-nux-button:hover { border-color: #005082; color: #fff; } .blog-fse-nux .blog-fse-nux-button:focus, a.blog-fse-nux-button:focus { box-shadow: 0 0 0 2px #78dcfa; } .blog-fse-nux .blog-fse-nux-button:active, a.blog-fse-nux-button:active { border-width: 2px 1px 1px; box-shadow: none; vertical-align: baseline; } .blog-fse-nux .blog-fse-nux-button:disabled, .blog-fse-nux .blog-fse-nux-button[disabled], a.blog-fse-nux-button:disabled, a.blog-fse-nux-button[disabled] { color: #fff; background: tint(#78dcfa, 50%); border-color: tint(#0087be, 55%); cursor: default; } .blog-fse-nux .blog-fse-nux-button:disabled:active, .blog-fse-nux .blog-fse-nux-button[disabled]:active, a.blog-fse-nux-button:disabled:active, a.blog-fse-nux-button[disabled]:active { border-width: 1px 1px 2px; } .blog-fse-notice-nux { background: #e9eff3; border: 10px solid #fff; color: #608299; padding: 60px; text-align: center; box-shadow: none; } .blog-fse-notice-nux::after, .blog-fse-notice-nux::before { content: ""; display: table; } .blog-fse-notice-nux::after { clear: both; } .blog-fse-notice-nux .notice-content { max-width: 420px; margin: 0 auto; } .blog-fse-notice-nux .blog-fse-icon { position: relative; display: block; width: 100px; height: 100px; background: #fff; border-radius: 100%; margin: 0 auto 30px; } .blog-fse-notice-nux .blog-fse-icon img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 16px; box-sizing: border-box; max-width: 100%; } .blog-fse-notice-nux h2 { margin: 0 0 10px; font-weight: 400; color: #2e4453; } .blog-fse-notice-nux p { margin: 0 0 2em; padding: 0; line-height: 1.6; } .blog-fse-notice-nux label { display: block; margin-bottom: 8px; text-align: left; } .blog-fse-notice-nux label:last-of-type { margin-bottom: 2em; } .blog-fse-notice-nux .blog-fse-plugin-card { display: block; } .blog-fse-nux-button.updating-message::before { display: inline-block; content: "\f463"; font: 400 20px/1 dashicons; margin: 3px 5px 0 -2px; vertical-align: bottom; -webkit-animation: 2s linear infinite rotation; animation: 2s linear infinite rotation; } .notice.blog-fse-notice { padding-top: 40px !important; } .blog-fse-notice .notice-content a { margin-right: 20px; } .blog-fse-notice .blog-fse-row { display: flex; flex-wrap: wrap; align-items: center; } .blog-fse-notice .blog-fse-row .blog-fse-col { width: 50%; } .blog-fse-notice .blog-fse-row .blog-fse-col .notice-content { max-width: 630px; padding-left: 64px; padding-bottom: 30px; } .blog-fse-notice .blog-fse-row .blog-fse-col h2 { font-weight: 500; font-size: 36px; line-height: 47px; letter-spacing: -0.5px; color: #1f2937; margin-top: 0; margin-bottom: 10px; } .blog-fse-notice .blog-fse-row .blog-fse-col .blog-fse-description { color: #4b5563; margin-bottom: 27px; font-size: 18px; line-height: 29px; font-weight: 400; } .blog-fse-notice .blog-fse-row .blog-fse-col .button, .blog-fse-notice .blog-fse-row a.blog-fse-button { font-weight: 500; font-size: 16px; line-height: 24px; padding: 10px 16px; border-radius: 6px; margin-top: 5px; text-align: center; margin-bottom: 5px; } .blog-fse-notice .blog-fse-row a.blog-fse-button { display: inline-table; } .blog-fse-notice .blog-fse-row .blog-fse-col.blog-fse-col-right { align-self: flex-end; } .blog-fse-notice .blog-fse-row .blog-fse-col .image-container img { width: 100%; height: auto; float: right; max-width: 600px; } @media only screen and (max-width: 782px) { .blog-fse-notice-nux .blog-fse-icon { width: 65px; height: 65px; } .blog-fse-notice-nux .blog-fse-icon img { padding: 10px; } .blog-fse-notice-nux form { margin-top: 30px; } .blog-fse-notice-nux label:last-of-type { margin-top: 20px; } .blog-fse-notice .blog-fse-row .blog-fse-col .image-container { display: none; } .blog-fse-notice .blog-fse-row .blog-fse-col { width: 100% !important; } } .blog-fse-install-now.updating-message::before { display: inline-block; content: "\f463"; font: 400 19px/1 dashicons; margin: 0 5px 0 -2px; vertical-align: bottom; -webkit-animation: 2s linear infinite rotation; animation: 2s linear infinite rotation; }