.bloghoot-admin-notice { padding: 0 20px 20px; } .bloghoot-admin-notice .info-content h5 { margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; font-weight: 600; color: #2271b1; } .bloghoot-admin-notice .info-content h1 { font-size: 28px; font-weight: 600; line-height: 35px; text-transform: capitalize; margin: 10px 0 !important; } .bloghoot-admin-notice #install-activate-button { background-color: #2271b1; color: #fff; } .bloghoot-admin-notice #install-activate-button:hover, .bloghoot-admin-notice .button.admin-button.info-button:hover { background: #135e96; border-color: #135e96; color: #fff; } .bloghoot-admin-notice .button.admin-button.info-button { background: #2271b1; color: #ffffff; padding: 1px 10px; font-weight: 600; margin-top: 10px; } .bloghoot-admin-notice .admin-button.dismiss-notice.btn-notice-dismiss { color: #a4a4a7; display: inline-block; margin: 15px; } .bloghoot-admin-notice .admin-button.dismiss-notice.btn-notice-dismiss:hover { color: #d63638; } .bloghoot-admin-notice .notice-text { display: inline-block; width: 100%; margin: 5px 0 0 0; font-size: 14px; } .dashboard-about-bloghoot { padding: 30px; background: #fff; box-sizing: border-box; width: 98.5%; margin: 20px 0 0 0; } .dashboard-about-bloghoot .half-col { width: 50%; display: inline-block; } .dashboard-about-bloghoot .featured-list { display: flex; grid-gap: 30px; } .dashboard-about-bloghoot .half-col ul ul { margin: 10px 0 20px; padding: 0 0 0 30px; } .dashboard-about-bloghoot .half-col ul ul li, .dashboard-about-bloghoot .half-col.pro-features li { position: relative; } .dashboard-about-bloghoot .half-col ul ul li:before, .dashboard-about-bloghoot .half-col.pro-features li:before { content: "\2713"; background: #bdbfc2; width: 13px; height: 13px; position: absolute; left: -20px; top: 2px; font-size: 12px; line-height: 12px; text-align: center; border-radius: 20px; color: #fff; } .dashboard-about-bloghoot .half-col.pro-features li { font-size: 14px; font-weight: 600; margin: 10px 0; } .dashboard-about-bloghoot .half-col.pro-features li:before { background: #04cf9c; } .dashboard-about-bloghoot .half-col.pro-features ul { margin: 0; padding: 0 0 0 18px; } .dashboard-about-bloghoot .upgrade-btn.button { text-transform: uppercase; background: #4261ee; border-color: #4261ee; color: #fff; display: inline-block; margin-top: 21px; padding: 8px 17px; } .dashboard-about-bloghoot .upgrade-btn.button:hover { background: #f39446; border-color: #f39446; } .bloghoot-admin-notice .info-content h3, .dashboard-about-bloghoot h3, .bloghoot-admin-notice .info-content .bloghoot-required-plugin li h4, .dashboard-about-bloghoot .bloghoot-required-plugin li h4 { margin: 0; } .bloghoot-admin-notice .info-content .bloghoot-required-plugin li, .dashboard-about-bloghoot .bloghoot-required-plugin li { margin: 5px 0; } .bloghoot-admin-notice .info-content .bloghoot-required-plugin, .dashboard-about-bloghoot .bloghoot-required-plugin { margin: 10px 0 30px; } .dashboard-about-bloghoot .bloghoot-baisc-guideline { margin: 20px 0; display: inline-block; width: 100%; } .dashboard-about-bloghoot .bloghoot-baisc-guideline .featured-box { padding: 5px 17px; border: 1px solid #d7d4d4; border-radius: 0; width: 49%; float: left; box-sizing: border-box; margin-bottom: 20px; } .dashboard-about-bloghoot h3.bloghoot-baisc-guideline-header { width: 100%; display: inline-block; margin: 20px 0 0; } .dashboard-about-bloghoot .bloghoot-baisc-guideline .featured-box:nth-child(2n + 2) { margin-left: 2%; } .dashboard-about-bloghoot .bloghoot-baisc-guideline .featured-box li strong { width: 100%; display: inline-block; margin-bottom: 10px; font-size: 16px; } .dashboard-about-bloghoot h3 { font-size: 18px; margin-bottom: 20px; } .dashboard-about-bloghoot h1 { font-size: 20px; } .bloghoot-admin-notice { display: flex; align-items: center; } .bloghoot-admin-notice .info-content { width: 100%; padding-top: 10px; } .bloghoot-admin-notice .info-content h3 { margin-bottom: 5px; line-height: 28px; font-size: 18px; font-weight: 500; } .bloghoot-admin-notice .theme-hero-screens { text-align: right; width: 15%; } .bloghoot-admin-notice .theme-hero-screens img { max-width: 400px; } .dashboard-about-bloghoot p { font-size: 16px; } .bloghoot-admin-notice.notice.notice-info .info-content .admin-button.info-button.processing-spinner { padding-right: 50px; position: relative; } /*processing-spinner*/ .bloghoot-admin-notice.notice.notice-info .info-content .admin-button.info-button.processing-spinner:before { content: ""; right: 5px; top: 5px; position: absolute; width: 30px; height: 30px; border: 4px solid #574be8; display: inline-block; border-radius: 50%; box-sizing: border-box; animation: activatorLoader 1s ease-in infinite; } @keyframes activatorLoader { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .installing-all-pluign.info-button { background: #2271b1; margin: 20px 0 40px; color: #fff; padding: 10px 30px; border-radius: 12px; font-size: 18px; } .bloghoot-theme-screen img { margin: 0 0 -25px 0; max-width: 89%; padding-left: 60px; } .bloghoot-theme-screen { width: 45%; }