#apex-dashboard-wrap h2 { margin-bottom: 24px; } .apex-dashboard-wrap h2 { margin-bottom: 24px; } .apex-dashboard-wrap .main { background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); margin-bottom: 24px; } .apex-dashboard-wrap .getting-started { padding: 24px; } .apex-dashboard-wrap h3 { font-size: 21px; line-height: 1.143; margin: 0; } .apex-dashboard-wrap p, .apex-dashboard-wrap a { font-size: 16px; line-height: 1.5; } .apex-dashboard-wrap p { margin: 24px 0; } .apex-dashboard-wrap .pro { background: #DFECF0; padding: 24px; } .apex-dashboard-wrap .main h4 { font-size: 21px; line-height: 1.143; margin: 0; } .apex-dashboard-wrap .main a { font-weight: 700; } .apex-dashboard-wrap .feature-list { margin: 36px 0; } .apex-dashboard-wrap .feature-list li { margin: 24px 0; } .apex-dashboard-wrap .feature-list img { width: auto; max-width: 100%; height: auto; margin: 0 24px 0 0; } .apex-dashboard-wrap .feature-list p { font-size: 14px; line-height: 1.714; margin: 18px 0; } .apex-dashboard-wrap .pro-ad, .apex-dashboard-wrap .thanks-upgrading { padding: 24px; background: #05B0E7; color: #fff; text-align: center; } .apex-dashboard-wrap .pro-ad h3, .apex-dashboard-wrap .thanks-upgrading h3 { color: #fff; } .apex-dashboard-wrap .pro-ad p, .apex-dashboard-wrap .thanks-upgrading p { margin: 6px 0 24px; } .apex-dashboard-wrap .pro-ad a, .apex-dashboard-wrap .thanks-upgrading a { display: inline-block; padding: 12px 24px; text-decoration: none; color: white; background: #FF931E; -webkit-transition: background 0.2s, -webkit-transform 0.2s, box-shadow 0.2s; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; } .apex-dashboard-wrap .pro-ad a:hover, .apex-dashboard-wrap .thanks-upgrading a:hover, .apex-dashboard-wrap .pro-ad a:active, .apex-dashboard-wrap .thanks-upgrading a:active, .apex-dashboard-wrap .pro-ad a:focus, .apex-dashboard-wrap .thanks-upgrading a:focus { background: #FFA33F; -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); } .apex-dashboard-wrap .sidebar h4 { font-size: 16px; line-height: 1.5; margin: 0 0 24px 0; } .apex-dashboard-wrap .sidebar .dashboard-widget { padding: 24px; margin-bottom: 24px; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); } .apex-dashboard-wrap .sidebar .dashboard-widget ul { margin-top: 24px; } .apex-dashboard-wrap .sidebar .dashboard-widget li { margin: 8px 0; } .apex-dashboard-wrap .sidebar .dashboard-widget p, .apex-dashboard-wrap .sidebar .dashboard-widget a { font-size: 14px; line-height: 1.714; margin: 18px 0; } .apex-dashboard-wrap .sidebar .dashboard-widget img { max-width: 100%; } .apex-dashboard-wrap .updated p { font-size: 13px; line-height: 1.5; } .apex-dashboard-wrap .license-container ~ div { margin-top: 24px; } @media all and (min-width: 600px) { .apex-dashboard-wrap .feature-list li { display: -webkit-box; display: flex; } .apex-dashboard-wrap .feature-list .image { flex-shrink: 0; } .apex-dashboard-wrap .feature-list img { width: 260px; margin: 0 24px 0 0; } } @media all and (min-width: 800px) { .apex-dashboard-wrap:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .apex-dashboard-wrap .main { float: left; width: calc(70% - 24px); margin-right: 24px; } .apex-dashboard-wrap .sidebar { float: left; width: 30%; } .apex-dashboard-wrap .getting-started { padding: 24px 36px 36px 36px; } .apex-dashboard-wrap .pro { padding: 24px 36px 24px 36px; } .apex-dashboard-wrap .pro-ad, .apex-dashboard-wrap .thanks-upgrading { padding: 36px 36px 48px 36px; } .apex-dashboard-wrap .pro-ad h3, .apex-dashboard-wrap .thanks-upgrading h3 { font-size: 24px; } .apex-dashboard-wrap .pro-ad p, .apex-dashboard-wrap .thanks-upgrading p { margin-bottom: 36px; } .apex-dashboard-wrap .feature-list li { display: list-item; } .apex-dashboard-wrap .feature-list img { width: auto; margin: 0 0 12px 0; } .apex-dashboard-wrap .thanks-upgrading p { margin-bottom: 0; } } @media all and (min-width: 1100px) { .apex-dashboard-wrap .feature-list li { display: -webkit-box; display: flex; } .apex-dashboard-wrap .feature-list img { width: 260px; margin: 0 24px 0 0; } }