<> body #content .ps-button .button { padding: 10px 34px; font-size: 16px; line-height: 24px; } .text-4.section:has(.subhead) { margin-bottom: 0; } .vertically-align .columns {margin: auto 0;} .sandbox-blade img {width: 100%} .ai-courses .flex-open-block-wrapper.resources-block .flex-open-block-wrapper { border-radius: 16px; box-shadow: 0px 4px 40px 0px rgba(0000.08); padding: 15px; } .ai-courses .columns.large-3.resources-block .columns.large-3 {display: flex;} .ai-courses .course-stats {font-size: 13px; color: #3E5674 !important;} .ai-courses .course-stats .course-duration {margin-right: 15px;} .ai-courses .course-stats .course-duration img.ai-courses .course-stats .course-difficulty img {margin-right: 5px;} .ai-courses .text-4 .details .course-name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .resources-block img {width: 100%;} .navigate-sec {border-radius: 16px;} .navigate-sec .generic-block-wrapper {width: 90%; border-radius: 16px; margin: auto;} .navigate-sec a {margin-bottom: 0; color: #fff !important;} .navigate-content-sec img {width: 100%;} #content .ai-courses.generic-block-wrapper .text-4 p.blue, #content .resources-block.generic-block-wrapper .text-4 p.blue { color: #3E5674; font-size: 20px; line-height: 32px; } .purple-banner .ps-button .button {margin: 0;} .purple-banner h2 { margin: 0 !important; font-size: 32px; } body #content .sandbox-blade .ps-button .button, body #content .skills-report .ps-button .button { color: #130f25; background-color: #fff; } .report-banner .text-4.text.section { margin-bottom: 20px !important; } .generic-block-wrapper.block.report-banner .column-control .columns { padding-left: 40px !important; } body #content .sandbox-blade .ps-button .button:hover, body #content .skills-report .ps-button .button:hover { background: #130f25; color: #fff; border: 2px solid #fff; } @media screen and (max-width: 640px){ .generic-block-wrapper.block.report-banner .column-control .columns{ padding-right: 70px !important; } } @media screen and (max-width: 680px){ .purple-banner .ps-button { margin-top: 15px;} .generic-block-wrapper.skills-report { height: 705px; } .report-banner { background-image:url("/content/dam/pluralsight2/ai/home/report-banner-m.svg") !important; background-position: bottom right !important; min-height: 705px; } .report-banner .column-control .column-control-container>.row>.columns[class*="large-"] { padding: 0 35px !important; } .generic-block-wrapper.block.report-banner .column-control .columns{ padding-left: 30px !important; } .report-banner .ps-button { text-align: left !important; } .report-banner .row.padding-top-twenty {padding-top: 25px;} } @media screen and (min-width: 600px){ .navigate-sec::before { content: ""; position: absolute; top: 30px; left: 5px; background-image: url("/content/dam/pluralsight2/ai/home/nodes-left.webp"); width: 244px; height: 113px; z-index: 2; } .navigate-sec::after { content: ""; position: absolute; bottom: 20px; right: 0px; background-image: url("/content/dam/pluralsight2/ai/home/nodes-right.webp"); width: 162px; height: 213px; z-index: 2; } } @media screen and (min-width: 725px){ .navigate-sec::after {right: 10px;} } @media screen and (max-width: 1023px) { .purple-banner h2 {margin: 0 0 30px 0 !important;} .ps-button {text-align:center} .report-banner { background-image:url("/content/dam/pluralsight2/ai/home/report-banner-m.svg") !important; background-position: bottom right !important; background-size: auto !important; } .mobile-reverse .row{ display:flex; flex-direction:column-reverse; } .max-column .column-control .row { max-width: 592px; } body #content .btn-container .row .columns{ display: flex; flex-direction: row; gap: 0; justify-content: flex-start; padding-left: 0; } } @media screen and (min-width: 1023px)and (max-width: 1145px) { .generic-block-wrapper.block.report-banner .column-control .columns{ padding-left: 30px !important; } .report-banner { background-size: 573px !important; } .skills-report h2 { font-size: 39px; } } @media screen and (min-width: 640px){ .sandbox-blade {background-image: url(/content/dam/pluralsight2/ai/ai-sandboxes/ai-bg.webp) !important;} } @media screen and (min-width: 1024px) { .ai-courses .columns.large-3.resources-block .columns.large-3 {justify-content: end;} .ai-courses .columns.large-3 .link.section.resources-block .columns.large-3 .link.section{display: flex; flex-wrap: wrap; align-items: center;} .navigate-sec::before {top: 30px; left: 40px;} .navigate-sec::after {bottom: 20px; right: 45px;} .report-banner .new {background-image: none !important;} } @media screen and (max-width: 433px){ .generic-block-wrapper.skills-report { height: 760px !important; } .report-banner { background-size: 300px !important; min-height: 760px !important; } .skills-report h2 { font-size: 34px; } body #content .btn-container .row .columns { flex-direction: column; gap: 15px; } .ps-button { text-align: left; } }