:root { --font: Source Sans Pro,sans-serif; --alt-font: Source Sans Pro,sans-serif; --accent-color: #411c3e; --secondary-color: #bac8bc; --link-color: #411c3e; --accent-highlight-color: #411c3e; --accent-highlight-background-color: #f5e7f3; --accent-tinted-color-70: #c6bbc5; --accent-tinted-color-80: #d9d2d8; --accent-tinted-color-90: #ece8ec; --accent-contrast-color: #fff; --accent-contrast-tinted-background-color: #b3b3b3; --accent-hover-color: #652b60; --secondary-hover-color: #9eb1a0; --secondary-contrast-color: #111; --link-hover-color: #883b82; } .company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/o0sast2hvfdo-hw4u7ozamlen-Terumo-Interventional-Systems-logo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;} /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdh18Smxg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdo18Smxg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdg18Smxg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdv18Smxg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdj18Smxg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdi18Smxg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSds18Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidh18Smxg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkido18Smxg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidg18Smxg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidv18Smxg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidj18Smxg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidi18Smxg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkids18Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7qsDJT9g.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7jsDJT9g.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7rsDJT9g.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7ksDJT9g.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7osDJT9g.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdh18Smxg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdo18Smxg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdg18Smxg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdv18Smxg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdj18Smxg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdi18Smxg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdh18Smxg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdo18Smxg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdg18Smxg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdv18Smxg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdj18Smxg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdi18Smxg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydh18Smxg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydo18Smxg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydg18Smxg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydv18Smxg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydj18Smxg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydi18Smxg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklyds18Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmhduz8A.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wkxduz8A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmxduz8A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlBduz8A.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmBduz8A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmRduz8A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdu.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmhduz8A.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwkxduz8A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmxduz8A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlBduz8A.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmBduz8A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmRduz8A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #cart-button { display: none; } .widget--course-purchase .btn--secondary{display:none;} /* section-banner */ .row.widget.widget--hero-image.widget--hero-image_standard.section-banner { padding: 0; } .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero { margin-bottom: 0; } .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero picture { background: #000; } .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero img { width: 100%; height: 450px; object-fit: cover; object-position: 0 40%; /* opacity: 0.9; */ } .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero { display: flex; justify-content: center; } .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero .hero__caption { background: transparent; max-width: 1160px; margin-left: auto; margin-right: auto; left: inherit; } .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero .hero__caption .hero__title, .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero .hero__caption .h4 { color: #000000; } .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero .hero__caption .h4 { display: block; } .row.widget.widget--hero-image.widget--hero-image_standard.section-banner .hero .hero__caption a.btn.btn--primary { margin: 12px 0; } @media only screen and (max-width: 48.063em) { .hero .hero__caption { background: rgba(255,255,255,.85); bottom: 2em; left: 0; position: absolute; } } /* section-about */ .row.widget.widget--about-blocks.widget--about-blocks_standard.row-center-custom.section-about.widget--no-white-space { margin: 48px auto; } /* section-upcoming-event */ .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event { background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/u7u9s23e2k3d-L02_TER133722_Terumo_Learning_Edge_Web_Platform_HeroBanners_1440x6755_banner_1440x449px.jpg"); background-repeat: no-repeat; background-size: cover; } .home.index .row.widget.widget--featured-content.widget--featured-content_standard { max-width: 100%; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .row { max-width: 1160px; margin-left: auto; margin-right: auto; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .catalog-grid-item { border: none; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .catalog-grid-item .row > .column.medium-6:first-child { display: none; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .catalog-grid-item .row > .column.medium-6:last-child { float: none; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .catalog-grid-item .row > .column.medium-6:last-child .catalog-grid-item__hr { display: none; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .catalog-grid-item .row > .column.medium-6:last-child .btn--link.btn--primary { background: #411C3E !important; color: #fff; border-radius: 3px; margin-top: 24px; padding: 8px 16px !important; float: left; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .h2.widget__title{ margin-left: 28px; color: #000; text-align: left; font-size: 34px; font-weight: bold; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .catalog-grid-item__title { font-size: 24px; color: #000; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .catalog-grid-item__source { font-size: 14px; color: #000; } .row.widget.widget--featured-content.widget--featured-content_standard.section-upcoming-event .catalog-grid-item__description { font-size: 16px; color: #000; } /* Header */ .header.header--microsite .company__school-name__divider, .header.header--microsite .company__school-name { display: none; } .header.header--microsite .top-bar { border-top: none; } .header.header--microsite { /* border-bottom: 2px solid #411C3E; */ } .nav.nav--top a { background: #411C3E; color: #fff; border-radius: 3px; } /* Catalog */ .row.widget.widget--catalog.widget--catalog_standard { max-width: 1160px; margin-left: auto; margin-right: auto; } .row.widget.widget--catalog.widget--catalog_standard .catalog-item { transition: box-shadow .3s; } .row.widget.widget--catalog.widget--catalog_standard .catalog-item:hover { box-shadow: 0 0 11px rgba(33,33,33,.2); } .row.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__cta-container span.btn--link:hover { text-decoration: underline; } .row.widget.widget--catalog.widget--catalog_standard .btn.btn--link span:hover { text-decoration: underline; } .row.widget.widget--catalog.widget--catalog_standard .btn.btn--bare.btn--inherit-font.catalog-aggregation__value:hover { text-decoration: underline; } /* Widget */ .row.widget.widget--support.widget--support_standard, .row.widget.widget--one-column.widget--one-column_standard, .row.widget.widget--html.widget--html_standard { max-width: 1160px; margin-left: auto; margin-right: auto; } /* General Layout */ .row .row-center-custom, .row-center-custom, .course__detail__container, .layout__content--instructor-led-training { max-width: 1160px; margin-left: auto; margin-right: auto; } .row .row { margin: 0 auto; } .home__content { padding: 0; } .btn.btn-primary, .btn.btn--primary:not(.btn--link) { background: #411C3E; color: #fff; border-radius: 3px; border-color: #411C3E; } .btn--primary--manager--new { background-color: #411C3E; border: none; border-radius: 2px; color: #fff; } /*section-categories*/ .row.widget.widget--four-column.widget--four-column_standard.section-categories .category-1 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/1y4kty83n17t-InterventionalCardiology.jpg"); min-height: 215px; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: right; } .row.widget.widget--four-column.widget--four-column_standard.section-categories .category-2 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/zi6s4evzm1vp-PeripheralIntervention.jpg"); min-height: 215px; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: right; } .row.widget.widget--four-column.widget--four-column_standard.section-categories .category-3 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/j2a710busgdq-InterventionalOncologyEmbolization1.jpg"); min-height: 215px; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: right; /*display:none;*/ } .row.widget.widget--four-column.widget--four-column_standard.section-categories .category-4 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/3qm3peacl1zw-thumb_01.jpg"); min-height: 215px; display: flex; justify-content: center; align-items: center; } .row.widget.widget--four-column.widget--four-column_standard.section-categories p { color: #fff; font-size: 24px; line-height: 1.5; font-weight: bold; text-align: center; padding: 12px; } .row.widget.widget--four-column.widget--four-column_standard.section-categories .h2.widget__title{ margin-left: 14px; color: #000; text-align: left; font-size: 34px; font-weight: bold; } /* section-upcoming-events-banner */ .row.widget.widget--one-column.widget--one-column_standard.section-upcoming-events-banner { max-width: 100%; padding: 0; } .row.widget.widget--one-column.widget--one-column_standard.section-upcoming-events-banner .ember-view:first-child { max-width: 1160px!important; margin-left: auto; margin-right: auto; } .row.widget.widget--one-column.widget--one-column_standard.section-upcoming-events-banner .medium-12.columns { padding: 0; } .row.widget.widget--one-column.widget--one-column_standard.section-upcoming-events-banner.upcoming-events-banner .h2.widget__title { margin-left: 14px; color: #000; text-align: left; font-size: 34px; font-weight: bold; } .row.widget.widget--one-column.widget--one-column_standard.section-upcoming-events-banner.upcoming-events-banner p.description { font-size: 24px; color: #000; margin-left: 14px; } .row.widget.widget--one-column.widget--one-column_standard.section-upcoming-events-banner.upcoming-events-banner a.btn { margin-left: 14px; } .row.widget.widget--one-column.widget--one-column_standard.section-upcoming-events-banner.upcoming-events-banner { background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(https://d3i9g4671ronu3.cloudfront.net/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/u7u9s23e2k3d-L02_TER133722_Terumo_Learning_Edge_Web_Platform_HeroBanners_1440x6755_banner_1440x449px.jpg); background-repeat: no-repeat; background-size: cover; padding: 24px 0; } @media only screen and (min-width: 48.063em) { .row.widget.widget--one-column.widget--one-column_standard.section-upcoming-events-banner .upcoming-events-banner p.description { max-width: 50%; } } /* section-upcoming-events-banner for two-column widget */ .row.widget.widget--two-column.widget--two-column_standard.section-upcoming-events-banner { max-width: 100%; padding: 0; } .row.widget.widget--two-column.widget--two-column_standard.section-upcoming-events-banner .ember-view:first-child { max-width: 1160px!important; margin-left: auto; margin-right: auto; } .row.widget.widget--two-column.widget--two-column_standard.section-upcoming-events-banner .medium-12.columns { padding: 0; } .row.widget.widget--two-column.widget--two-column_standard.section-upcoming-events-banner.upcoming-events-banner .h2.widget__title { margin-left: 14px; color: #000; text-align: left; font-size: 34px; font-weight: bold; } .row.widget.widget--two-column.widget--two-column_standard.section-upcoming-events-banner.upcoming-events-banner p.description { font-size: 24px; color: #000; margin-left: 14px; } .row.widget.widget--two-column.widget--two-column_standard.section-upcoming-events-banner.upcoming-events-banner a.btn { margin-left: 14px; } .row.widget.widget--two-column.widget--two-column_standard.section-upcoming-events-banner.upcoming-events-banner { background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(https://d3i9g4671ronu3.cloudfront.net/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/u7u9s23e2k3d-L02_TER133722_Terumo_Learning_Edge_Web_Platform_HeroBanners_1440x6755_banner_1440x449px.jpg); background-repeat: no-repeat; background-size: cover; padding: 24px 0; } @media only screen and (min-width: 48.063em) { .row.widget.widget--two-column.widget--two-column_standard.section-upcoming-events-banner .upcoming-events-banner p.description { max-width: 50%; } } /* Survery page */ .learn.survey .application__content.application__content--survey .row{ max-width: 1160px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 40.063em) and (max-width: 64em) { .container { max-width: 100%; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .container { max-width: 100%; } } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .container { max-width: 100%; } } @media only screen and (min-width: 120.063em) { .container { max-width: 100%; } } /* Learner Dashboard */ body.learn.dashboard .navigation-bar .top-bar-section ul li>a { color: #656565; font-size: 1rem; font-weight: 400; text-transform: none; } .top-bar-section .has-dropdown>a, .top-bar-section .navigation-widget__item--has-dropdown>a { padding-right: 2.25rem!important; } .row.widget.widget--featured-content.widget--featured-content_standard { max-width: 1160px; margin-left: auto; margin-right: auto; } .row.widget.widget--dashboard-stats.widget--dashboard-stats_standard { background: #fff; } .company__school-name__divider, .company__school-name { display: none; } body.learn.dashboard .navigation-bar.top-bar.expanded { z-index: 1; } body.learn.dashboard .dashboard-access-tabs { background: #fff; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } body.learn.dashboard .row.widget.widget--dashboard-access.widget--dashboard-access_standard { padding: 0; } body.learn.dashboard .row.widget.widget--dashboard-access.widget--dashboard-access_standard .small-12.columns { padding: 0; } body.learn.dashboard .dashboard-access { border: none; } body.learn.dashboard .dashboard-access-tab--active { border-color: transparent; background: #fff; } body.learn.dashboard .dashboard-access-tab--active button { color: #411C3E; } body.learn.dashboard .dashboard-access-tab--active button .dashboard-access-tab__label { color: #411C3E; font-weight: bold; } body.learn.dashboard .dashboard-access-tab--active .dashboard-access-tab__count { background: #411C3E; border-color: #411C3E; color: #fff; } body.learn.dashboard .dashboard-access-tab__label { color: #363636; font-weight: bold; } body.learn.dashboard .dashboard-access-tab--active:after { background: transparent; } body.learn.dashboard .dashboard-access > section { max-width: 1160px; margin-left: auto; margin-right: auto; margin-top: 12px; } body.learn.dashboard .row.widget.widget--catalog.widget--catalog_standard { max-width: 1160px; margin-left: auto; margin-right: auto; } body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard { position: absolute; top: 100px; } body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard .navigation-item { padding: 1px; } body.learn.dashboard .navigation-bar .top-bar-section ul.left { border-bottom: none; } body.learn.dashboard .dashboard-header__avatar { display: inline-block; margin-bottom: 5px; } body.learn.dashboard .row.widget.widget--hero-image.widget--hero-image_standard { padding: 0; } body.learn.dashboard .row.widget.widget--hero-image.widget--hero-image_standard img { padding: 0; /* height: 250px; */ object-fit: cover; } body.learn.dashboard .header.header--dashboard { background: #fff; } body.learn.dashboard { background: #f1f1f1; } body.learn.dashboard .container.sidebar--closed--right { background: #f1f1f1; } @media only screen and (min-width: 48.063em) { body.learn.dashboard .top-bar { background: transparent; } body.learn.dashboard .header--dashboard { padding: 0; } } .learn.account .container.sidebar--closed--right > div:not(:first-child) { max-width: 1160px; margin-left: auto; margin-right: auto; } /* Learner Dashboard Nav */ body.learn.dashboard .header.header--dashboard { /* border-bottom: 2px solid #411C3E; padding-bottom: 50px; */ } body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard { padding: 0; } body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard section.top-bar-section ul { display: flex; align-items: center; } body.learn.dashboard .navigation-bar .top-bar-section ul li>a { padding: 0 1rem; line-height: 3rem; } body.learn.dashboard .navigation-bar .top-bar-section .has-dropdown>a:after { margin-top: -2.5px; top: 1.5rem; } body.learn.dashboard .navigation-bar .top-bar-section .has-dropdown>a{ padding-right: 2.25rem!important; } body.learn.dashboard .top-bar-section ul li.navigation-item.has-dropdown ul.dropdown li a { background: #f6f6f6; } body.learn.dashboard .top-bar-section ul li.navigation-item.has-dropdown ul.dropdown li:hover a { font-weight: 400; color: #333 } body.learn.dashboard .top-bar-section ul li.navigation-item.has-dropdown ul.dropdown { flex-direction: column; } body.learn.dashboard .top-bar-section ul .navigation-item.has-dropdown.hover, body.learn.dashboard .top-bar-section ul .navigation-item.has-dropdown.hover a { background: #f6f6f6; } body.learn.dashboard .top-bar { border-bottom: 0; } body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard li.navigation-item:hover, body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard li.navigation-item:hover a { background: #f6f6f6; } body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard .top-bar-section li.hover>a { color: #333 !important; } body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard .top-bar-section ul li:hover:not(.has-form)>a { color: #333 !important; } @media only screen and (max-width: 48.063em) { body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard { width: 100%; } body.learn.dashboard .row.widget.widget--navbar.widget--navbar_standard section.top-bar-section ul { display: block; } } @media only screen and (min-width: 48.063em) { body.learn.dashboard .navigation-bar .dropdown li { -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; } } /* Video Nav link*/ .learn.video .header--article { border-bottom: 2px solid #411C3E; padding: 1rem 0 50px; } .row.widget.widget--navbar.widget--navbar_standard.navbar-stick-to-header { position: absolute; top: 144px; left: 0; z-index: 999; padding: 0; } .navbar-stick-to-header .navigation-bar .top-bar-section ul li>a { padding: 0 1rem; line-height: 3rem; color: #656565; font-size: 1rem; font-weight: 400; text-transform: none; } .navbar-stick-to-header section.top-bar-section ul { display: flex; align-items: center; } .navbar-stick-to-header .navigation-bar .top-bar-section ul.left { border-bottom: none; } .navbar-stick-to-header .top-bar-section ul .navigation-item.has-dropdown.hover, .navbar-stick-to-header .top-bar-section ul .navigation-item.has-dropdown.hover a { background: #f6f6f6; } .navbar-stick-to-header .top-bar-section ul li.navigation-item.has-dropdown ul.dropdown { flex-direction: column; } .navbar-stick-to-header li.navigation-item:hover, .navbar-stick-to-header li.navigation-item:hover a { background: #f6f6f6 !important; } .navbar-stick-to-header .navigation-bar .top-bar-section ul li>a { color: #656565; font-size: 1rem !important; font-weight: 400; text-transform: none; } .navbar-stick-to-header .top-bar-section ul li.navigation-item.has-dropdown ul.dropdown li:hover a { font-weight: 400; color: #333 !important; } .navbar-stick-to-header .navigation-bar .top-bar-section ul li>a { padding: 0 1rem !important; line-height: 3rem !important; } .navbar-stick-to-header .top-bar-section ul li { padding: 1px !important; } .navbar-stick-to-header .navigation-bar .top-bar-section .has-dropdown>a:after { margin-top: -2.5px; top: 1.5rem; } .navbar-stick-to-header .navigation-bar .top-bar-section .has-dropdown>a{ padding-right: 2.25rem!important; } .navbar-stick-to-header .top-bar-section ul li.navigation-item.has-dropdown ul.dropdown li a { background: #f6f6f6 !important; } .navbar-stick-to-header .top-bar { border-bottom: 0; } .navbar-stick-to-header .top-bar-section li.hover>a { color: #333 !important; } .navbar-stick-to-header .top-bar-section ul li:hover:not(.has-form)>a { color: #333 !important; } @media only screen and (max-width: 48.063em) { .navbar-stick-to-header { width: 100%; } .navbar-stick-to-header section.top-bar-section ul { display: block; } } @media only screen and (min-width: 48.063em) { .navbar-stick-to-header .navigation-bar .dropdown li { -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; } } .dashboard-stat--collaborations{ display:none !important; } /* Custom Footer */ footer.footer { padding: 0; } footer .footer__inner { border-top: none; padding: 0; } footer .footer__company__info { display: none; } .footer-module { background-color: #411C3E; padding: 21px 0 25px; } .footer-top-container { max-width: 1160px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; padding-bottom: 54px; padding-top: 39px; border-bottom: 1px solid rgba(115, 120, 126, 0.4); } .footer-bottom-container { max-width: 1160px; margin-left: auto; margin-right: auto; display: flex; margin: 17px auto 0px; } .footer-top-container h3 { font-weight: bold; color: #fff; margin-bottom: 15px; font-size: 15px; } .footer-top-container ul { list-style: none; padding: 0; margin: 0; } .footer-top-container ul li a, .footer-top-container p { color: #a1a5a8 !important; font-size: 15px; } .footer-bottom-container { color: #a1a5a8 !important; font-size: 15px; } .footer-two-column { columns: 2; -webkit-columns: 2; -moz-columns: 2; } .btn-white-border { border: 1px solid #fff !important; } .footer-max-width-300 { max-width: 300px; } .course-group .event-sidebar--tabs a {color: #0000EE !important;} .event-sidebar__content { display: none; } .event-sidebar__content__container { display: none; } .article-sidebar__rating { display: none; } /* Added by KS */ .learn.dashboard .row.widget.widget--html.widget--html_standard {max-width: 100%; padding: 0;} /* For Hiding Pinterest link from course detail page */ .btn--social.btn--pinterest {display: none;} /* For Nav Top Register */ .nav--top li.navTopReg {margin-right: 12px;} .nav.nav--top ul>li:not(.has-form) a:not(.button):focus {background: #411C3E;} .nav.nav--top a {border: 1px solid #411C3E;} .nav--top li.navTopReg a {background: #fff; color: #411C3E; border: 1px solid #411C3E;} .nav--top ul>li:not(.has-form).navTopReg a:not(.button):focus {color: #411C3E; background: #fff;} /* KS ----------------------------------------------------------------- */ /* Custom header for Panorama - Added by KS */ /* ========================= GENERIC NAVIGATION CSS ========================= */ body { margin: 0; } .generic-nav { position: relative; z-index: 999999; } .generic-nav .mobile-search-flex { z-index: 100001; position: relative; } /* ========================= DESKTOP ========================= */ .cmp-link.button-secondary a.link-bold { color: #242424; border: 0; padding: 0; } @media (min-width: 1025px) { /* .generic-nav { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; } */ .generic-nav .grid-container .mobile-search-flex { display: none; } .generic-nav .mobile-nav-large { background-color: #ffffff; border-top: 2px solid #008060; border-bottom: 2px solid #008060; z-index: 999999; } .generic-nav .mobile-nav-large.sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .generic-nav ul.menu.nav { display: none; } .generic-nav .mobile_eyebrow { display: none; } .generic-nav .desktop_eyebrow { background-color: #f3f4f5; overflow: hidden; max-height: 50px; opacity: 1; transition: max-height 0.4s ease, opacity 0.4s; } .generic-nav .desktop_eyebrow.hidden { max-height: 0; } .generic-nav .desktop_eyebrow .header_eyebrow { list-style-type: none; width: 100%; display: flex; justify-content: flex-end; gap: 20px; height: 50px; align-items: center; padding: 0px 64px 0px 65px; max-width: 1472px; margin: 0 auto; } .generic-nav .desktop_eyebrow .header_eyebrow li { color: #1a1a1a; font-size: 14px; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; } .generic-nav .desktop_eyebrow .header_eyebrow li a { text-decoration: none; color: #242424; cursor: pointer; } .generic-nav .desktop_eyebrow .header_eyebrow li.terumo-group-link div.cmp-link a { padding: 0; } } /* ========================= MOBILE ========================= */ @media (max-width: 1024px) { .generic-nav .mobile-nav-large { z-index: 999999; } .generic-nav .mobile_nav_search { position: fixed; top: 18px; left: 0; width: 100%; height: calc(100dvh - 80px); background: #fff; z-index: 999999; overflow-y: auto; display: none; } .generic-nav .mobile_nav_search.menu-open { display: block !important; } .generic-nav .mobile-nav-large ul.level-1.dropdown { display: none; } .generic-nav .desktop_eyebrow { display: none; } .generic-nav .mobile_eyebrow li { color: #656565; font-family: 'Roboto', Arial, sans-serif; font-weight: 600; } .generic-nav .logo_mega_menu { display: flex; width: 100%; justify-content: space-between; align-items: center; } .generic-nav .mobile-nav-large { background-color: #ffffff; position: fixed; top: 0; display: flex; width: 100%; z-index: 999; left: 0; } .generic-nav ul.dropdown { background: #ffffff !important; opacity: 1 !important; visibility: visible !important; } .generic-nav .mobile-nav-large.sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .generic-nav .mobile-nav-large .dropdown { position: relative; } .generic-nav .mobile-nav-large .nav-desk, .generic-nav .mobile-nav-large .contact-us-link { display: none; } .generic-nav .mobile-nav-large .icon-open { border-radius: 2.5px; cursor: pointer; display: inline-block; height: 30px; min-width: 30px; padding: 0; width: 30px; } .generic-nav .mobile-nav-large .icon-open .hamburger-menu { background-color: #1a1a1a; border-radius: 1px; display: block; height: 3px; margin: 6px 0 0; width: 30px; } .generic-nav .mobile-nav-large .logo-section { display: flex; flex-wrap: nowrap; justify-content: inherit; flex: auto; padding-left: 12px; padding-right: 12px; } .generic-nav .mobile-nav-large ul.menu.nav, .generic-nav .mobile-nav-large ul { background-color: #ffffff; } .generic-nav .mobile-nav-large ul.menu.nav { width: 39px; position: fixed !important; height: 39px; margin: 0; right: 0; top: -42px; } .generic-nav .mobile-nav-large ul.menu.nav li { padding: 0; height: auto; } .generic-nav .mobile-nav-large li { height: 3.75rem; padding: 20px 25px 21px 24px; width: 100%; color: #1a1a1a; font-size: 16px; font-family: 'Roboto', Arial, sans-serif; font-weight: 500; box-sizing: border-box; } .generic-nav .mobile-nav-large li a { text-decoration: none; color: #1a1a1a; cursor: pointer; display: flex; width: inherit; justify-content: space-between; align-items: center; } } /* ========================= LISTS ========================= */ .generic-nav ul { margin-bottom: unset; padding-inline-start: 0; } .generic-nav ul li { list-style-type: none; } .generic-nav ul li a { cursor: pointer; } .generic-nav ul li a:focus-visible { outline: 2px solid #008060; } @media (min-width: 1025px) { .generic-nav ul li.active { background: #f3f4f5; } .generic-nav ul li.mega-menu.active-arrow .dropdown-pane { position: absolute; left: 0; } } /* ========================= MEGA MENU ========================= */ .generic-nav ul li.mega-menu.active { background-color: #ffffff; position: relative; } .generic-nav ul li .mega-menu__main-nav::after { /* position: relative; top: 0px; content: ""; display: inline-block; width: 6px; height: 6px; border-top: 2px solid #008060; border-right: 2px solid #008060; transform: rotate(45deg); margin-left: 8px; */ width: 100%; height: 100%; color: #242424; -webkit-mask: url("data:image/svg+xml;utf8,"); mask: url("data:image/svg+xml;utf8,"); -webkit-mask-size: contain; mask-size: contain; background-color: currentColor; display: inline-block; -webkit-mask-size: auto; mask-size: auto; background-color: currentColor; display: inline-block; content: ""; width: 15px; height: 15px; margin-left: .25rem; top: 3px; position: relative; color: #008060; } /* ========================= LEVEL 1 MENU ========================= */ .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 { position: fixed; width: 100%; margin: 0 auto; display: none; background-color: #ffffff; max-width: 1312px; left: 0; right: 0; padding-inline-start: 0; } @media (min-width: 1025px) { .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); top: 68px; } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1.borderRight li { border-right: .125rem solid #eceeed; } .generic-nav ul li.active { background: #eceeed; } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 li.active { border-right: .125rem solid #008060; } .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 { -moz-column-count: 2; column-count: 2; -moz-column-gap: 1.25rem; column-gap: 1.25rem; list-style: none; padding: 0; align-items: flex-start; margin: 0; } } @media (min-width: 1025px) { .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 li { width: 267px; height: 50px; padding: 12px 65px 11px 64px; color: #444b52; } .generic-nav .mega-menu .nav_vertical_icon .dropdown { left: 16.6875rem; } } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 li { font-family: 'Roboto', Arial, sans-serif; font-weight: 500; display: flex; align-items: center; line-height: normal; border-right: .125rem solid #fff; } /* @media (min-width: 1200px) { .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 li { width: 267px; height: 50px; padding: 12px 65px 11px 64px; color: #656565; } } */ .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 li.active>a { color: #008060; } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 li.active>a:not(.button):focus { background-color: transparent; } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 a { text-decoration: none; cursor: pointer; display: flex; width: inherit; justify-content: space-between; align-items: center; color: #444b52; font-size: 14px; } /* ========================= LEVEL 2 ========================= */ .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 { display: none; overflow-y: auto; column-gap: 0 !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; } .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 .level-container .level-3 a { width: 259px; } @media (min-width: 1025px) { .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 { -moz-column-count: 2; column-count: 2; -moz-column-gap: 1.25rem; column-gap: 1.25rem; list-style: none; padding: 0; align-items: flex-start; margin: 0; } } /* ========================= GRID CONTAINER ========================= */ .generic-nav .grid-container { justify-content: space-between; align-items: center; flex-wrap: nowrap; background: #ffffff; width: 100%; } .generic-nav .grid-container.grid-x { display: flex; flex-flow: row wrap; } @media (min-width: 1025px) { .generic-nav .grid-container { max-width: 1472px; margin: 0 auto; display: flex; justify-content: space-between; } } /* ========================= DROPDOWN ========================= */ .generic-nav .grid-container .dropdown { gap: 20px; align-items: center; margin: 0; display: flex; flex-flow: row wrap; } .generic-nav .grid-container .dropdown.level-1, .generic-nav .grid-container .dropdown.level-2 { position: absolute; top: 0; align-items: unset; flex-flow: unset; } .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 .level-container { height: 350px; } .generic-nav .mega-menu .nav_vertical_icon ul { margin-left: 0; } .generic-nav .grid-container .dropdown li { font-family: 'Roboto', Arial, sans-serif; font-weight: 500; } .generic-nav .grid-container .dropdown li a { color: #242424; text-decoration: none; padding: 0; } /* ========================= SEARCH ========================= */ .generic-nav .grid-container .dropdown .search-link a { text-decoration: none; color: #1a1a1a; cursor: pointer; font-family: 'Roboto', Arial, sans-serif; font-weight: 500; font-size: 14px; display: flex; align-items: center; border: none; padding: 0; } /* ========================= CONTACT BUTTON ========================= */ .generic-nav .grid-container .dropdown .contact-us-link a { border-radius: 5px; background: linear-gradient(90deg, #008060 0%, #00B08D 100%); display: inline-flex; height: 42px; justify-content: center; align-items: center; margin-left: 5px; text-decoration: none; color: #ffffff; text-align: center; font-size: 14px; padding: 14px 24px; font-family: 'Roboto', Arial, sans-serif; font-weight: 700; cursor: pointer; } /* ========================= LOGO ========================= */ @media (max-width: 640px) { .generic-nav .nav-logo { width: 230px; } } @media (max-width: 1199px) { .generic-nav .nav-logo { width: 315px; } } @media (min-width: 1200px) { .generic-nav .nav-logo { width: 100%; max-width: 385px; } } /* ========================= MOBILE MENU FIX ========================= */ .cmp-link { margin-top: .75rem; margin-bottom: .75rem; } .button-secondary { background: 0; } .button-primary, .button-secondary { font-family: Roboto, sans-serif; font-weight: 700; font-size: 1rem; border-radius: .3125rem; line-height: 1; } .cmp-link.button-secondary a { color: #008060; border-radius: .3125rem; text-transform: uppercase; } .button-primary a, .button-secondary a { display: inline-flex; min-height: 2.625rem; padding: 0 1.5rem; font-size: .875rem; color: #fff; font-weight: 700; width: -moz-fit-content; width: fit-content; text-decoration: none; align-items: center; justify-content: center; } .icon-close { content: "×"; font-size: 28px; font-weight: 700; width: 100%; height: 100%; color: #242424; /* -webkit-mask: url(clientlibs_base/icons/close.svg) no-repeat center; mask: url(clientlibs_base/icons/close.svg) no-repeat center; */ -webkit-mask-size: contain; mask-size: contain; background-color: currentColor; display: inline-block; } .generic-nav .mobile_eyebrow li { height: auto !important; padding-top: .8125rem !important; padding-bottom: .5rem !important; } @media (max-width:1024px) { /* .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-1, .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 { top: -39px; } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 { left: -25px; } */ .generic-nav .mobile_eyebrow a, .generic-nav .mobile_eyebrow li, .generic-nav .mobile_eyebrow span { font-size: 0.875rem; color: rgb(68, 75, 82); } .generic-nav .mobile-nav-large .mobile-search-flex { position: absolute; top: 0; width: 100%; left: 0; background-color: #eceeed; display: flex; height: 3.75rem; align-items: center; justify-content: space-between; padding: 1.4375rem 2.8125rem 1.5rem 2.8125rem; gap: 1.25rem; box-sizing: border-box; } .generic-nav .mobile-nav-large .mobile-search-flex .search-link { width: .9375rem; height: .9375rem; position: absolute; right: 2.8125rem; } .generic-nav .mobile-nav-large .mobile-search-flex .search-icon-mob .icon-search-black { display: flex; width: -moz-fit-content; width: fit-content; align-items: center; position: absolute; right: 0; text-decoration: none; border: 0; min-height: 0; padding: 0; top: 50%; transform: translateY(-50%); font-size: initial; } .generic-nav .mobile-nav-large .mobile-search-flex .search-icon-mob .link-label { color: #444b52; font-size: .875rem; } .generic-nav .mobile-nav-large .mobile-search-flex .search-icon-mob .icon-search-black::before { content: ""; display: inline-block; width: 0.875rem; height: 0.875rem; margin-right: 0.25rem; position: relative; top: 0.0625rem; background-color: #242424; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .generic-nav .mobile-nav-large .icon-close { content: ""; display: inline-block; width: 0.875rem; height: 0.875rem; margin-right: 0.25rem; position: relative; top: 0.0625rem; background-color: #242424; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .generic-nav .mobile-nav-large ul.dropdown { position: fixed !important; left: 0; width: 100%; top: 70px !important; height: calc(100vh - 140px); height: calc(100dvh - 140px); max-height: calc(100dvh - 140px); padding-bottom: 2rem; align-items: flex-start; z-index: 99999; box-sizing: border-box; row-gap: 0; padding-left: 2.5rem; padding-right: 2.5rem; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; } .generic-nav .mobile-nav-large ul.dropdown { flex-direction: row; align-content: flex-start; } .generic-nav .mobile-nav-large .mobile-search-flex .back_mobile { display: none; } .generic-nav .mobile-nav-large .mobile-search-flex .back_mobile::before { content: ""; display: inline-block; width: 0.875rem; height: 0.75rem; margin-right: 0.25rem; position: relative; top: 0.0625rem; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } } @media (max-width: 1439px) { .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 { max-width: 56.0625rem; } } @media (max-width: 1024px) { /* Child menu overlays the parent drawer — sits on top from the same top offset */ .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 { position: fixed !important; top: 70px !important; left: 0; width: 100% !important; max-width: 100% !important; height: calc(100dvh - 140px) !important; overflow-y: auto !important; background-color: #ffffff; z-index: 100000; padding-left: 20px; padding-right: 20px; box-sizing: border-box; flex-direction: column !important; } .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 .level-container { height: unset !important; overflow-y: unset; } } @media (max-width: 1024px) and (max-width: 666px) { .generic-nav .mobile-nav-large ul.dropdown { padding-left: 1.25rem; padding-right: 1.25rem; } .generic-nav .mobile-nav-large li { font-size: 16px !important; } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 a { font-size: 16px; } } @media (max-width: 666px) { .generic-nav .mobile_eyebrow a, .generic-nav .mobile_eyebrow li, .generic-nav .mobile_eyebrow span { font-size: .75rem !important; color: #444b52; } } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1.no-level-2 { width: -moz-fit-content; width: fit-content; min-width: 24.25rem; right: 0; margin: 0 auto; left: 50%; transform: translateX(-50%); } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1.no-level-2 .level-1 { width: -moz-fit-content; width: fit-content; /* min-width: 24.25rem; */ } @media (min-width: 1440px) { .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 li.level-3 { width: 388px; } .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 li { width: 16.6875rem; height: 3.125rem; padding: .75rem 4.0625rem .6875rem 4rem; color: #444b52; } } @media (min-width: 1025px) { .generic-nav .grid-container .dropdown li { font-size: .875rem; } } .level2MenuInner { margin-top: 25px; } @media (min-width: 1025px) and (max-width: 1439px) { .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 li { width: 11.375rem; padding: .75rem 1.375rem .6875rem 1.375rem; } .generic-nav .mega-menu .nav_vertical_icon .dropdown { left: 11.375rem; } .generic-nav .mega-menu .nav_vertical_icon .dropdown.level-2 li.level-3 { width: 16.625rem; } } @media (max-width: 1439px) { .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 { max-width: 56.0625rem; } } @media (max-width: 1439px) { .generic-nav .mega-menu .nav_vertical_icon>ul.level-1 { max-width: 56.0625rem; } } .generic-nav ul li.mega-menu.active-arrow>.mega-menu__main-nav::after { transform: rotate(90deg); } .customFooter {padding: 30px !important; text-align: center; font-size: 0.75rem; font-family: HelveticaNeueLTStd-Roman, Helvetica, sans-serif; color: rgb(76, 73, 72);} .customFooter ul {display: block;} .customFooter ul li {display: inline-block;} .customFooter ul li::after {content: '|'; display: inline-block; margin: 0 4px;} .customFooter ul li:last-child::after {display: none;} .customFooter ul li a {color: inherit; font-weight: 600; text-decoration: none;} .customFooter .container {background: none; box-shadow: none;} /* Header Logo & other */ /* .header.header--microsite {border commented at line 875} */ .cHeader.header {border-bottom: 30px solid #b1caa9;} .cHeader.header .header__inner, .dHeader.header .header__inner {border-bottom: 3px solid #008d61;} .dHeader.header .header__inner {padding: 0; border-bottom: 3px solid #008d61;} .header .header__inner > .row, .header.header--microsite .hcontainer {max-width: 93.75rem; margin: 0 auto; padding: 48px 0;} .header .company__beta-logo {max-width: 500px;} body.learn.dashboard .header.header--dashboard {padding-bottom: 0 !important;} /* commented border and padding at line 1260 */ .header.header--microsite {padding: 0;} .cHeader.header.header--microsite .nav--top {margin-right: 20px;} .header.header--microsite .top-bar {max-width: 93.75rem; margin: 0 auto;} .cHeader.header .header__inner > .row, .cHeader.header.header--microsite .hcontainer {min-height: 80px;} @media only screen and (max-width: 1360px) { .header .header__inner > .row .column:nth-child(1) {width: 66.66%;} .header .header__inner > .row .column:nth-child(2) {width: 33.33%;} .header .company__beta-logo {width: 50%;} .header .header__inner > .row .column {padding: 0;} .header .header__inner > .row {padding: 40px 0;} } @media only screen and (max-width: 1024px) { .header .header__inner > .row .column:nth-child(1), .header .header__inner > .row .column:nth-child(2) {width: 50%;} .header .company__beta-logo {width: 100%;} .header.header--microsite .company__beta-logo {width: 50%; margin: 10px 0;} .header .header__inner > .row, .header.header--microsite .hcontainer {padding: 40px 0 20px;} .dashboard-header-dropdown__link {position: absolute; top: 25px; right: calc(40px + 40px + 40px); transform: none; width: 50%;} .cHeader.header.header--microsite .nav--top {position: absolute; top: 68px; right: calc(40px + 40px); transform: none; width: 50%;} } @media only screen and (max-width: 768px) { .dashboard-header-dropdown__link {top: 22px;} .header.header--microsite .nav--top {top: 62px; width: auto;} .cHeader.header.header--microsite .nav--top ul {text-align: right;} .dHeader.header.header--microsite .nav--top {position: absolute; top: 0; left: 0; width: 100%;} .mobMenuBtn {top: 74px;} } @media only screen and (max-width: 665px) { .header .header__inner > .row, .header.header--microsite .hcontainer {padding: 10px 0;} .dashboard-header-dropdown__link {top: 10px;} .cHeader.header.header--microsite .nav--top {top: 22px;} .mobMenuBtn {top: 34px; right: 20px;} body.showingCHeader {width: 100%; height: 100%; overflow: hidden;} } @media only screen and (max-width: 520px) { .mobMenuBtn {top: 20px;} .dashboard-header-dropdown__link {top: -4px; right: calc(40px + 40px + 20px);} } @media only screen and (max-width: 420px) { .dashboard-header-dropdown__link .nav--top {top: 0px;} .cHeader.header.header--microsite .nav--top {top: 14px; right: calc(40px);} .mobMenuBtn {top: 24px;} } @media only screen and (max-width: 1024px) { .mobMenuBtn {display: block;} .mobMenuBtn::before, .mobMenuBtn::after {content: '';} .mobMenuBtn span, .mobMenuBtn::before, .mobMenuBtn::after {display: block; width: 32px; height: 2px; background: rgb(65, 28, 62); transform-origin: 0 1px; transition: all ease-in-out .2s;} .mobMenuBtn span {margin: 8px 0;} .mobMenuBtn.active::before {transform: rotate(40deg);} .mobMenuBtn.active::after {transform: rotate(-40deg);} .mobMenuBtn.active span {visibility: hidden;} } /* dispaly none at line 967 to hide 4th item on https://terumosandbox.eu.thoughtindustries.com/us-design-testing*/ .row.widget.widget--three-column.widget--three-column_standard.section-categories3 .category-1, .row.widget.widget--three-column.widget--three-column_standard.section-categories3 .category-2, .row.widget.widget--three-column.widget--three-column_standard.section-categories3 .category-3, .row.widget.widget--three-column.widget--three-column_standard.section-categories3 .category-4 { min-height: 300px; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; } .row.widget.widget--three-column.widget--three-column_standard.section-categories3 .category-1 { /*original image background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/c4a76c7c-914e-411f-b1f9-31652f8f31ae/xquwmvzquv6z-Category-1.jpg");*/ background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/v1/course-uploads/c4a76c7c-914e-411f-b1f9-31652f8f31ae/fbf8ig1xf2h1-TLE-Learning-Library-Image-IC.jpg"); background-position: right; } .row.widget.widget--three-column.widget--three-column_standard.section-categories3 .category-2 { /* original image background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/c4a76c7c-914e-411f-b1f9-31652f8f31ae/gztkvnila0ka-Category-2.jpg"); */ background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/v1/course-uploads/c4a76c7c-914e-411f-b1f9-31652f8f31ae/zmd177cq2h26-TLE-Learning-Library-Image-IR.jpg"); background-position: right; } .row.widget.widget--three-column.widget--three-column_standard.section-categories3 .category-3 { /* original image background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/560ee135-06be-4c4c-980a-1a219197fbbf/j2a710busgdq-InterventionalOncologyEmbolization1.jpg"); */ background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/v1/course-uploads/c4a76c7c-914e-411f-b1f9-31652f8f31ae/v6l4ithdksf0-TLE-Learning-Library-Image-VS.jpg"); background-position: right; } .row.widget.widget--three-column.widget--three-column_standard.section-categories3 .category-4 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://d3i9g4671ronu3.cloudfront.net/course-uploads/c4a76c7c-914e-411f-b1f9-31652f8f31ae/397j1fr1k4sb-Category-4.jpg"); background-size: cover; } .row.widget.widget--three-column.widget--three-column_standard.section-categories3 p { color: #fff; font-size: 24px; line-height: 1.5; font-weight: bold; text-align: center; padding: 12px; } /* Just to hide one widget Explore Training as it is not in pdf shared */ .section-categories-displaynone {display: none;} /* Below line added for making width full width */ .row.widget.fullwidth {max-width: none !important;} /* For 2nd Menu row */ .header--microsite .dHeader ~ .top-bar {height: auto;} .level2Menu {border-top: 2px solid #008d61; border-bottom: 2px solid #ededed;} .level2Menu::before {content: ''; display: block; clear: both;} .level2Menu .level2MenuInner {display: block; max-width: 93.75rem; margin: 0 auto;} .level2Menu .level2MenuInner .l2menuBtn {display: none;} .level2Menu .level2MenuInner ul {display: block; list-style: none; margin: 0;} .level2Menu .level2MenuInner ul li {display: inline-block; position: relative;} .level2Menu .level2MenuInner ul li:hover {background: #f3f3f3;} .level2Menu .level2MenuInner ul li a {display: block; padding: 1.25rem; position: relative; color: #656565;} .level2Menu .level2MenuInner ul li a .darr {display: inline-block; vertical-align: middle; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #bababa; } .level2Menu .level2MenuInner ul li a:hover {color: #333;} .level2Menu .level2MenuInner ul li > ul {display: none; position: absolute; top: 100%; left: 0; width:260px; background: #f3f3f3; z-index: 10;} .level2Menu .level2MenuInner ul li:hover > ul {display: block;} .level2Menu .level2MenuInner ul li > ul > li {border-bottom: 1px solid #fff;} @media only screen and (max-width: 420px) { .level2Menu .level2MenuInner ul li > ul {left: auto; right: 0;} }