#js-course-mount .error a, #js-course-mount .error a:focus, #js-course-mount .error a:hover, #js-course-mount .herobanner a, #js-course-mount .request-error a { text-decoration: underline; } #js-course-mount.coursedetail .avatar, #js-course-mount.coursedetail .registration, #js-course-mount .empty { text-align: center; } #js-course-mount span.course-spots { font-weight: 600; text-transform: uppercase; } #js-course-mount span.course-spots.success { padding-left: 17px; background: url(http://cdn.oreillystatic.com/static/svg/icon-check.02f73dea1ce2.svg) left center no-repeat; color: #079f00; } #js-course-mount .course-spots { order: 2; margin: 10px 0 0; font-size: 12px; } #js-course-mount .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #js-course-mount .flex .fi { flex: 0 1 auto; } #js-course-mount.coursedetail .info, #js-course-mount .coursenav { justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap; } #js-course-mount.coursedetail .info { flex-direction: column; -ms-flex-direction: column; } #js-course-mount .coursenav { align-items: center; -ms-flex-align: center; margin: 20px 0 10px; } @media screen and (min-width: 32.5625em) { #js-course-mount .course-list { flex-wrap:wrap; -ms-flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex}; } @media screen and (min-width: 56.25em) { #js-course-mount.coursedetail .info { flex-direction:row; -ms-flex-direction: row; } #js-course-mount.coursedetail .hero { flex: 1 1 auto; } #js-course-mount.coursedetail aside { flex: 0 0 400px; }; #js-course-mount.coursedetail .coursetitle { font-size: 2rem; } } #js-course-mount .herobanner { padding: 15px; background: url(http://cdn.oreillystatic.com/static/images/live-training/bg-banner.a98a091cb9c4.jpg) left top no-repeat #777; background-size: cover; } #js-course-mount .herobanner h1, #js-course-mount .herobanner h2 { max-width: 65%; } #js-course-mount .herobanner a, #js-course-mount .herobanner a:focus, #js-course-mount .herobanner a:visited, #js-course-mount .herobanner h1, #js-course-mount .herobanner h2 { color: #fff; line-height: 1.3em; } #js-course-mount .coursenav .button { margin: 0 10px 10px 0; } #js-course-mount .coursenav select { margin-bottom: 10px; } #js-course-mount .empty { font-weight: 600; display: block; width: 100%; font-size: 32px; margin: 1em 0 2em; height: 100%; color: #777; } #js-course-mount .registration .button, #js-course-mount .registration .when, #js-course-mount .registration button { font-size: 21px; line-height: 1.5em; } #js-course-mount .registration .button.line-button, #js-course-mount .registration .when.line-button, #js-course-mount .registration button.line-button { font-size: 14px; width: auto; background-color: #fff; padding: 8px 15px 6px; font-weight: 400; margin: 0 8px; position: relative; } #js-course-mount .registration .button.transp-bg, #js-course-mount .registration .when.transp-bg, #js-course-mount .registration button.transp-bg { background-color: transparent; } #js-course-mount .registration .button.full-width, #js-course-mount .registration .when.full-width, #js-course-mount .registration button.full-width { width: 100%; font-size: 21px; line-height: 1.5em; margin-bottom: 10px; } #js-course-mount .registration .button.live-streaming-button, #js-course-mount .registration .when.live-streaming-button, #js-course-mount .registration button.live-streaming-button { color: #079f00; } #js-course-mount .request-error { color: #ea6d60; margin: 10px 0; } #js-course-mount .course-card, #js-course-mount .course-card .avatar, #js-course-mount .course-card .cta { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #js-course-mount .course-card { flex-direction: column; -ms-flex-direction: column; position: relative; width: 100%; color: #404040; background-color: #fff; border: 1px solid #e6e6e6; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } #js-course-mount .course-card:hover { border-color: #d3002d; } #js-course-mount .course-card .hero { flex: 0 1 auto; position: relative; margin: 0; min-height: 140px; overflow: hidden; border-radius: 0; } #js-course-mount .course-card .background { position: absolute; width: 100%; height: 120px; top: 0; left: 0; overflow: hidden; z-index: 0; background-color: #777; } #js-course-mount .course-card .background img { height: 100%; } #js-course-mount .course-card .avatar { flex-direction: row; -ms-flex-direction: row; flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; justify-content: flex-end; -ms-flex-pack: flex-end; display: inline-flex; min-height: 140px; z-index: 1; position: relative; } #js-course-mount .course-card .avatar img { display: block; width: 70px; height: 70px; margin: 5px 10px 0 0; border: 2px solid #fff; border-radius: 50%; z-index: 1; } #js-course-mount .flex-end { -webkit-justify-content: flex-end; justify-content: flex-end; } #js-course-mount .flex-container { padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #js-course-mount .course-card .title, #js-course-mount.coursedetail .markdown-enabled article, #js-course-mount.coursedetail .markdown-enabled aside, #js-course-mount.coursedetail .markdown-enabled figcaption, #js-course-mount.coursedetail .markdown-enabled figure, #js-course-mount.coursedetail .markdown-enabled footer, #js-course-mount.coursedetail .markdown-enabled header, #js-course-mount.coursedetail .markdown-enabled main, #js-course-mount.coursedetail .markdown-enabled nav, #js-course-mount.coursedetail .markdown-enabled section { display: block; } #js-course-mount .course-card .coursemeta { flex: 1 1 auto; margin-bottom: 10px; padding: 0 10px 10px; } #js-course-mount .course-card .coursedates { display: block; font-weight: 600; font-size: 13px; line-height: 1.5em; } #js-course-mount .course-card .title { font-size: 18px; line-height: 1.4em; } #js-course-mount .course-card .presenters { font-size: 14px; line-height: 1.4em; } #js-course-mount .course-card .presenters strong { font-weight: 600; } #js-course-mount .course-card .cta { flex: 1 1 auto; flex-direction: row; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -ms-flex-pack: justify; align-items: center; -ms-flex-align: center; padding: 0 10px; } #js-course-mount .course-card .availability { margin: 0 10px 10px 0; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #777; } #js-course-mount .course-card .availability.waitlist { color: #079f00; } #js-course-mount .course-card .availability.attending { padding-left: 20px; color: #079f00; background: url(http://cdn.oreillystatic.com/static/svg/icon-check.02f73dea1ce2.svg) left center no-repeat; background-size: 15px; } #js-course-mount .course-card .cta .button { margin-bottom: 10px; } @media screen and (min-width: 69em) { #js-course-mount .course-card .avatar img { width:100px; height: 100px; }; } #js-course-mount .course-card { margin-bottom: 20px!important; } @media screen and (min-width: 32.5625em) { #js-course-mount .course-card { width:49.25%; } #js-course-mount .course-card:nth-of-type(n) { margin-bottom: 1.5%; margin-right: 1.5%; } #js-course-mount .course-card:nth-of-type(2n) { margin-right: 0; margin-bottom: 0; }; } @media screen and (min-width: 69em) { #js-course-mount .course-card { width:32.3333333333%; } #js-course-mount .course-card:nth-of-type(n) { margin-bottom: 1.5%; margin-right: 1.5%; } #js-course-mount .course-card:nth-of-type(3n) { margin-right: 0; margin-bottom: 0; }; } #js-course-mount.coursedetail { padding: 20px; background: #fff; font-family: 'guardian-text-oreilly',open-sans,Helvetica,Arial,sans-serif; color: #505050; } #js-course-mount.coursedetail .markdown-enabled {; } #js-course-mount.coursedetail .markdown-enabled html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #js-course-mount.coursedetail .markdown-enabled body { margin: 0; } #js-course-mount.coursedetail .markdown-enabled h1 { font-size: 2em; margin: .67em 0; } #js-course-mount.coursedetail .markdown-enabled code, #js-course-mount.coursedetail .markdown-enabled kbd, #js-course-mount.coursedetail .markdown-enabled pre, #js-course-mount.coursedetail .markdown-enabled samp { font-family: monospace,monospace; font-size: 1em; } #js-course-mount.coursedetail .markdown-enabled figure { margin: 1em 40px; } #js-course-mount.coursedetail .markdown-enabled hr { box-sizing: content-box; height: 0; overflow: visible; } #js-course-mount.coursedetail .markdown-enabled a { background-color: transparent; -webkit-text-decoration-skip: objects; } #js-course-mount.coursedetail .markdown-enabled abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } #js-course-mount.coursedetail .markdown-enabled b, #js-course-mount.coursedetail .markdown-enabled strong { font-weight: bolder; } #js-course-mount.coursedetail .markdown-enabled dfn { font-style: italic; } #js-course-mount.coursedetail .markdown-enabled mark { background-color: #ff0; color: #000; } #js-course-mount.coursedetail .markdown-enabled small { font-size: 80%; } #js-course-mount.coursedetail .markdown-enabled sub, #js-course-mount.coursedetail .markdown-enabled sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #js-course-mount.coursedetail .markdown-enabled sub { bottom: -.25em; } #js-course-mount.coursedetail .markdown-enabled sup { top: -.5em; } #js-course-mount.coursedetail .markdown-enabled audio, #js-course-mount.coursedetail .markdown-enabled video { display: inline-block; } #js-course-mount.coursedetail .markdown-enabled audio:not([controls]) { display: none; height: 0; } #js-course-mount.coursedetail .markdown-enabled img { border-style: none; } #js-course-mount.coursedetail .markdown-enabled svg:not(:root) { overflow: hidden; } #js-course-mount.coursedetail .markdown-enabled button, #js-course-mount.coursedetail .markdown-enabled input, #js-course-mount.coursedetail .markdown-enabled optgroup, #js-course-mount.coursedetail .markdown-enabled select, #js-course-mount.coursedetail .markdown-enabled textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } #js-course-mount.coursedetail .markdown-enabled button, #js-course-mount.coursedetail .markdown-enabled input { overflow: visible; } #js-course-mount.coursedetail .markdown-enabled button, #js-course-mount.coursedetail .markdown-enabled select { text-transform: none; } #js-course-mount.coursedetail .format, #js-course-mount .success p { text-transform: uppercase; } #js-course-mount.coursedetail .markdown-enabled [type=reset], #js-course-mount.coursedetail .markdown-enabled [type=submit], #js-course-mount.coursedetail .markdown-enabled button, #js-course-mount.coursedetail .markdown-enabled html [type=button] { -webkit-appearance: button; } #js-course-mount.coursedetail .markdown-enabled [type=button]::-moz-focus-inner, #js-course-mount.coursedetail .markdown-enabled [type=reset]::-moz-focus-inner, #js-course-mount.coursedetail .markdown-enabled [type=submit]::-moz-focus-inner, #js-course-mount.coursedetail .markdown-enabled button::-moz-focus-inner { border-style: none; padding: 0; } #js-course-mount.coursedetail .markdown-enabled [type=button]:-moz-focusring, #js-course-mount.coursedetail .markdown-enabled [type=reset]:-moz-focusring, #js-course-mount.coursedetail .markdown-enabled [type=submit]:-moz-focusring, #js-course-mount.coursedetail .markdown-enabled button:-moz-focusring { outline: ButtonText dotted 1px; } #js-course-mount.coursedetail .markdown-enabled fieldset { padding: .35em .75em .625em; } #js-course-mount.coursedetail .markdown-enabled legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } #js-course-mount.coursedetail .markdown-enabled progress { display: inline-block; vertical-align: baseline; } #js-course-mount.coursedetail .markdown-enabled textarea { overflow: auto; } #js-course-mount.coursedetail .markdown-enabled [type=checkbox], #js-course-mount.coursedetail .markdown-enabled [type=radio] { box-sizing: border-box; padding: 0; } #js-course-mount.coursedetail .markdown-enabled [type=number]::-webkit-inner-spin-button, #js-course-mount.coursedetail .markdown-enabled [type=number]::-webkit-outer-spin-button { height: auto; } #js-course-mount.coursedetail .markdown-enabled [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } #js-course-mount.coursedetail .markdown-enabled [type=search]::-webkit-search-cancel-button, #js-course-mount.coursedetail .markdown-enabled [type=search]::-webkit-search-decoration { -webkit-appearance: none; } #js-course-mount.coursedetail .markdown-enabled ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } #js-course-mount.coursedetail .markdown-enabled em, #js-course-mount.coursedetail .sec-subheader { font-style: italic; } #js-course-mount.coursedetail .markdown-enabled details, #js-course-mount.coursedetail .markdown-enabled menu { display: block; } #js-course-mount.coursedetail .markdown-enabled summary { display: list-item; } #js-course-mount.coursedetail .markdown-enabled canvas { display: inline-block; } #js-course-mount.coursedetail .markdown-enabled [hidden], #js-course-mount.coursedetail .markdown-enabled template { display: none; } #js-course-mount.coursedetail .markdown-enabled strong { font-weight: 700; } #js-course-mount.coursedetail .markdown-enabled ol, #js-course-mount.coursedetail .markdown-enabled ul { margin: 15px 0; padding: 0 0 0 40px; } #js-course-mount.coursedetail .markdown-enabled ul { list-style: outside; margin: initial; } #js-course-mount.coursedetail .markdown-enabled ol { list-style: decimal inside; } #js-course-mount.coursedetail .markdown-enabled ol ol, #js-course-mount.coursedetail .markdown-enabled ol ul, #js-course-mount.coursedetail .markdown-enabled ul ol, #js-course-mount.coursedetail .markdown-enabled ul ul { padding: 0; } #js-course-mount.coursedetail .markdown-enabled ol ul li, #js-course-mount.coursedetail .markdown-enabled ul ul li { list-style: circle; } #js-course-mount.coursedetail .markdown-enabled ol ol li, #js-course-mount.coursedetail .markdown-enabled ul ol li { list-style: lower-latin; } #js-course-mount.coursedetail h2 { font-weight: 700; margin: 20px 0 10px; } #js-course-mount.coursedetail h2.about-instructor { margin: 0; position: relative; top: 10px; } #js-course-mount.coursedetail h4 { color: #505050; } #js-course-mount.coursedetail h4 p { font-size: 24px; font-weight: 300; color: #505050; line-height: 1.4em; } #js-course-mount.coursedetail .titles { padding-right: 20px; } #js-course-mount.coursedetail p { margin-top: 0; } #js-course-mount.coursedetail .format { display: inline-block; margin-bottom: .5em; color: #d3002d; font-size: 13px; } #js-course-mount.coursedetail .format svg { height: 10px; } #js-course-mount.coursedetail .coursetitle { margin: 0 0 10px; line-height: 1.1; font-size: 21px; } #js-course-mount.coursedetail .coursesubtitle { margin: 0 0 10px; line-height: 1.3; font-size: 17px; } #js-course-mount.coursedetail .info { margin: 20px -20px 25px; } #js-course-mount.coursedetail .registration .date { display: block; font-weight: 700; } #js-course-mount.coursedetail strong { font-weight: 700; } #js-course-mount .b2b-wrng, #js-course-mount.coursedetail .avatar figcaption .name, #js-course-mount .openings, #js-course-mount .success p { font-weight: 600; } #js-course-mount.coursedetail .pull-out { margin: 20px 0 10px -20px; padding: 10px 10px 10px 20px; background: #f5f5f5; } #js-course-mount.coursedetail .pull-out.about-instructors { float: left; } #js-course-mount.coursedetail .hero { height: 260px; min-height: 260px; margin-bottom: 1px; background-size: cover; background-color: #777; } #js-course-mount.coursedetail .avatar { max-width: 140px; width: 100%; margin-right: 1px; padding: 10px; overflow: hidden; color: #404040; background: rgba(255,255,255,.7); } #js-course-mount.coursedetail .avatar img { width: 85px; height: 85px; border: 2px solid #fff; border-radius: 50%; } #js-course-mount.coursedetail .avatar figcaption { font-size: 13px; text-transform: uppercase; color: #070707; margin-top: 5px; } #js-course-mount.coursedetail .content { font-size: 18px; line-height: 1.5; } #js-course-mount.coursedetail .content nav { display: inline-block; } #js-course-mount.coursedetail .content nav a { padding: 10px; } #js-course-mount.coursedetail ul li { list-style-type: disc; margin: 10px 20px; } #js-course-mount.coursedetail .about-instructors ul li { margin: 0; } #js-course-mount.coursedetail .about-instructors .instructor { position: relative; min-height: 205px; margin-bottom: 20px; list-style-type: none; } #js-course-mount.coursedetail .about-instructors .presenter-information { max-width: 100%; width: 100%; float: left; } #js-course-mount.coursedetail .about-instructors .presenter-information .social-media li { list-style-type: none; display: inline-block; margin: 0 10px 0 0; } #js-course-mount.coursedetail .about-instructors .presenter-information .social-media svg { width: 20px; height: 20px; } #js-course-mount.coursedetail .about-instructors .presenter-headshot { min-width: 210px; margin-left: 20px; } #js-course-mount.coursedetail .about-instructors .presenter-headshot img { border: 2px solid #fff; border-radius: 50%; max-height: 205px; margin: 10px; float: right; } #js-course-mount.coursedetail .schedule p { margin: 0; } #js-course-mount.coursedetail .schedule ul { margin-bottom: 1em; } #js-course-mount.coursedetail .schedule ul li { margin: 0 0 5px 20px; } #js-course-mount.coursedetail .schedule ul li ul { margin: .5em 0; } #js-course-mount.coursedetail .schedule ul li ul li { position: relative; } #js-course-mount .regitem { padding: 15px 20px; border-bottom: 1px solid #fff; background: #e6e6e6; } #js-course-mount .regitem .cta { margin: 10px 0; position: relative; } #js-course-mount .regitem .cta .request-indicator { position: absolute; right: 10px; top: 10px; max-width: 30px; } #js-course-mount .regitem .cta .request-indicator.center-align { right: 30%; top: 3px; } #js-course-mount .openings { font-size: 15px; margin-bottom: 5px; } #js-course-mount .deadline, #js-course-mount .msg { font-size: 15px; line-height: 1.5em; } #js-course-mount .error { background: #b9002d; color: #fff; } #js-course-mount .error a, #js-course-mount .error a:focus, #js-course-mount .error a:hover { color: #fff; } #js-course-mount .inprogress .button, #js-course-mount .success p { color: #079f00; } #js-course-mount .double-booked { margin: -15px 0 0 10px!important; font-size: 15px; } #js-course-mount .statusmsg, #js-course-mount .statusmsg p { font-size: 21px; } #js-course-mount .statusmsg { margin: 0 0 10px; } #js-course-mount .statusmsg svg { width: 32px; height: 20px; } #js-course-mount .b2b-wrng { margin-top: -.5em; margin-bottom: 1.2em; padding: 0 3%; font-size: .75em; line-height: 1.5em; } #js-course-mount .withdraw { background: #f5f5f5; } #js-course-mount .inprogress svg { fill: #079f00; } @media screen and (min-width: 65.25em) { #js-course-mount.coursedetail .format { margin-top:20px; font-size: 16px; } #js-course-mount.coursedetail .format svg { height: 12px; } #js-course-mount.coursedetail .coursesubtitle { font-size: 21px; } #js-course-mount.coursedetail .info { margin: 20px 0 25px -20px; } #js-course-mount.coursedetail aside { max-width: 485px; height: 260px; margin-left: 20px; } #js-course-mount.coursedetail .content { width: calc(100% - 420px); }; } @media screen and (min-width: 69em) { #js-course-mount.coursedetail .about-instructors .instructor { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #js-course-mount.coursedetail .about-instructors .presenter-information { max-width: calc(100% - 275px); }; } #js-course-mount select.styled { padding: 8px 35px 8px 15px; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; background: url(http://cdn.oreillystatic.com/static/images/down_arrow_icon.183ac2d27457.svg) 97% center no-repeat #fff; color: #404040; border: 1px solid #777; border-radius: 0; cursor: pointer; } #js-course-mount .question-rating .rating-scale input[type=radio]:checked+label, #js-course-mount .question-rating .rating-scale label:hover { background: #e6e6e6; } #js-course-mount select.styled::-ms-expand { display: none; } #js-course-mount .survey { flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-direction: column; -ms-flex-direction: column; align-items: flex-end; -ms-flex-align: flex-end; } #js-course-mount .survey .survey-form { width: 100%; order: 2; -ms-flex-order: 2; flex: 1 1 auto; -ms-flex: 1 1 auto; border-top: 1px solid #999; } #js-course-mount .survey aside { order: 1; -ms-flex-order: 1; margin-bottom: 20px; flex: 1 1 auto; -ms-flex: 1 1 auto; } #js-course-mount .coursedetail .survey aside { height: auto; margin-left: 0; } @media screen and (min-width: 69em) { #js-course-mount .survey { flex-direction:row; -ms-flex-direction: row; } #js-course-mount .survey .survey-form { width: auto; margin-right: 20px; order: 0; -ms-flex-order: 0; } #js-course-mount .survey aside { flex: 0 1 420px; -ms-flex: 0 1 420px; }; } #js-course-mount .survey-form h3, #js-course-mount .survey-form h3>label { font-size: 1.125rem; font-weight: 700; text-transform: none; letter-spacing: normal; color: #404040; } #js-course-mount .survey-form h3, #js-course-mount .survey-form input[type=submit] { margin: 2rem 0 .5rem; } #js-course-mount .survey-form input[type=text], #js-course-mount .survey-form textarea { max-width: 100%; } #js-course-mount .survey-form .question label { margin: .5rem 0; } #js-course-mount .question-rating .rate-label { padding: 0 0 5px; font-size: 14px; color: #777; justify-content: space-between; -ms-flex-pack: justify; } #js-course-mount .question-rating .rating-scale { height: 50px; border: 1px solid #999; border-radius: 4px; } #js-course-mount .question-rating .rating-scale label { margin: 0!important; border-right: 1px solid #999; cursor: pointer; text-align: center; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; -ms-flex-pack: center; } #js-course-mount .question-rating .rating-scale label span { position: absolute; top: 0; } #js-course-mount .question-rating .rating-scale label:first-of-type { border-radius: 4px 0 0 4px; } #js-course-mount .question-rating .rating-scale label:last-of-type { border: none; border-radius: 0 4px 4px 0; } #js-course-mount .question-rating .rating-scale input[type=radio] { display: none; }