(cache)Profile - SciStarter

"); position: absolute; top: 1px; left: 0px; width: 22px; height: 19px; } body:not(.raw) .po-actions .checkmark, body:not(.raw) .po-actions span { vertical-align: middle; display: inline-block; } body:not(.raw) .po-actions .po-check { padding-bottom: 1em; } body:not(.raw) .po-actions .po-check span { font-family: Nunito, sans-serif; padding: 0px 1em; } body:not(.raw) .mp-card-owner.mp-instrument .mp-card-content { flex-basis: 100%; max-width: 100%; } body:not(.raw) .mp-card-owner.mp-instrument .flex-span { padding: 1em 0px; } body:not(.raw) .mp-card-owner.mp-instrument .po-stats { padding: 0.5em 0px; margin: 0px !important; border-bottom: 0px !important; } body:not(.raw) .mp-card .visit.btn:hover { color: white; background-color: rgb(20, 94, 128); } body:not(.raw) .ss-dashboard-lists .close-button { position: absolute; top: 0px; right: 0px; } body:not(.raw) .ss-dashboard-lists .user-list { position: relative; padding: 1rem 0px; border-bottom: 1px dotted rgb(170, 170, 170); } body:not(.raw) .ss-dashboard-lists .user-list--item { font-size: 12pt; } body:not(.raw) .ss-dashboard-lists .unsaved { background-color: rgb(201, 250, 255); } body:not(.raw) .dashboard-user-image { width: 78px; height: 78px; border: 1px solid rgb(204, 204, 204); padding: 4px; float: left; margin-right: 0.5rem !important; } body:not(.raw) a.dashboard-project-url { color: rgb(136, 136, 136); } body:not(.raw) .ss-dashboard-main .el-tabs--border-card .el-tabs__item { border-right: 3px solid rgb(255, 255, 255); } body:not(.raw) .ss-dashboard-main .el-tabs--border-card .el-tabs__item:last-of-type { border-right: none; } body:not(.raw) .ss-dashboard-main .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { border-right: 1px solid rgb(220, 223, 230); } body:not(.raw) .ss-dashboard .frame { border: 1px solid rgb(226, 226, 226); } body:not(.raw) .db-alert--participate { border: 1px solid rgb(246, 125, 32); position: relative; background-color: rgba(212, 104, 32, 0.33); padding: 0px !important; } body:not(.raw) .db-alert--participate button { position: absolute; top: 5px; right: 5px; border: 2px solid rgb(246, 125, 32); background-color: transparent; color: rgb(246, 125, 32); border-radius: 100%; width: 20px; height: 20px; font-size: 1rem; text-align: center; padding: 0px 0px 2px; line-height: 11px; cursor: pointer; } body:not(.raw) .db-alert--participate div { align-self: center; padding-right: 30px; } body:not(.raw) .db-alert--participate img { margin: 0px 1rem 0px 0px; align-self: flex-start; } body:not(.raw) .db-alert--participate h2 { font-family: Lora, serif; font-size: 1.2rem; color: rgb(246, 125, 32); letter-spacing: normal; font-weight: bold; line-height: 1.2; } body:not(.raw) .db-alert--participate p { margin-bottom: 0px !important; font-size: 0.85rem; } body:not(.raw) .project-record { margin-top: 2rem; border-top: 1px solid rgb(226, 226, 226); padding-top: 1rem; } body:not(.raw) .project-record .el-button--primary { background-color: rgb(29, 131, 178); border-color: rgb(29, 131, 178); } body:not(.raw) .project-record .pr-card-img { float: left; display: flex; justify-content: center; align-items: center; width: 118px; height: 93px; background-color: rgb(255, 255, 255); margin-right: 12px; border: 1px solid rgb(226, 226, 226); margin-bottom: 1rem; } body:not(.raw) .project-record .pr-card-img img { width: 100%; object-fit: contain; max-height: 150px; display: block; } body:not(.raw) .project-record .pr-card-content h3 { font-size: 1rem; line-height: normal; font-weight: bold; letter-spacing: normal; } body:not(.raw) .project-record .pr-card-content h4 { font-size: 0.75rem; } body:not(.raw) .project-record .pr-card-content .pr-joined { font-size: 0.5rem; } body:not(.raw) .project-record .pr-action-btns { clear: left; } body:not(.raw) .project-record .pr-action-btns > button, body:not(.raw) .project-record .pr-action-btns > span, body:not(.raw) .project-record .pr-action-btns > .el-select { width: 100%; margin: 0px 0px 0.5rem; max-width: 400px; display: block; } body:not(.raw) .project-record .pr-action-btns .icon-message { stroke-width: 2px; width: 14px; } body:not(.raw) .project-record .btn-txt { background-color: transparent; color: rgb(29, 131, 178); text-decoration: underline; border: 0px; } body:not(.raw) .db-sort { margin-top: 1rem; margin-bottom: -1rem; } body:not(.raw) .db-sort .btn-txt { background-color: transparent; color: rgb(29, 131, 178); text-decoration: underline; border: 0px; } body:not(.raw) .db-sort .btn-txt.selected { color: rgb(85, 85, 85) !important; text-decoration: none !important; } @media (min-width: 992px) { body:not(.raw) .project-record::after { content: ""; display: table; clear: both; } body:not(.raw) .project-record .pr-card-img { width: 180px; height: 113px; margin-bottom: 1rem; } body:not(.raw) .project-record .pr-card-content .pr-joined { float: right; } body:not(.raw) .project-record .pr-card-content h3 { font-size: 1.2rem; } body:not(.raw) .project-record .pr-action-btns { display: flex; } body:not(.raw) .project-record .pr-action-btns > button, body:not(.raw) .project-record .pr-action-btns > span, body:not(.raw) .project-record .pr-action-btns > .el-select { margin-left: 10px; } body:not(.raw) .project-record .pr-action-btns > button:first-child { margin-left: 0px; } body:not(.raw) .project-record .btn-txt { float: right; margin-top: 0.5rem; } } @media (min-width: 1200px) { body:not(.raw) .project-record { display: flex; } body:not(.raw) .project-record .pr-card-img { float: none; width: 210px; height: auto; margin-right: 20px; } body:not(.raw) .project-record .pr-card-content { width: calc(100% - 230px); } body:not(.raw) .project-record .pr-card-content hgroup { margin-bottom: 1.5rem; } } body:not(.raw) .tab-notification { position: absolute; top: 4px; right: 4px; background: rgb(246, 125, 32); border-radius: 100%; font-size: 14px; color: rgb(255, 255, 255); width: 21px; text-align: center; } body:not(.raw) .dashboard-save-visit { margin: -1rem; } body:not(.raw) .dashboard-save-visit .el-tabs--border-card { box-shadow: none; border: 0px; } body:not(.raw) .dashboard-save-visit .icon-bookmark { stroke-width: 2px; position: relative; top: 2px; } body:not(.raw) .dashboard-save-visit .icon-visits { position: relative; top: 1px; } body:not(.raw) .dashboard-save-visit .el-input__inner { background-color: rgb(29, 131, 178); color: rgb(255, 255, 255); border-radius: 0px; border: 0px; } body:not(.raw) .dashboard-save-visit .el-select .el-input .el-select__caret { color: rgb(255, 255, 255); font-weight: bold; } body:not(.raw) .dashboard-save-visit ::-webkit-input-placeholder { color: rgb(255, 255, 255); } body:not(.raw) .feedback-dialog .el-dialog__header { background-color: rgb(169, 187, 46); } body:not(.raw) .feedback-dialog .el-dialog__header .el-dialog__title { color: rgb(255, 255, 255); } body:not(.raw) .feedback-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close { color: rgb(255, 255, 255); border-radius: 100%; border: 1px solid rgb(255, 255, 255); } body:not(.raw) .feedback-dialog .el-dialog__body { padding-top: 20px; } body:not(.raw) .pr-affiliate { margin-top: 1rem; margin-bottom: 1rem; } body:not(.raw) .pr-affiliate * { vertical-align: middle; } body:not(.raw) .pr-affiliate img { width: 130px; position: relative; top: 4px; } body:not(.raw) .pr-affiliate .btn-txt { float: none; } body:not(.raw) .el-icon-thumbs { width: 12px; height: 12px; background-image: url(""); background-size: 100%; } body:not(.raw) .pr-thumbs { display: flex; place-content: space-around center; align-items: center; margin-bottom: 0.5rem; } body:not(.raw) .pr-thumbs button { cursor: pointer; opacity: 0.3; border: 0px; color: rgb(29, 131, 178); } body:not(.raw) .pr-thumbs button:first-child { margin-right: 10px; } body:not(.raw) .pr-thumbs button:hover { opacity: 1; } body:not(.raw) .pr-thumbs button.current { opacity: 1; } body:not(.raw) .pr-thumbs button svg { margin-right: 5px; } body:not(.raw) .pr-thumbs.vote button { opacity: 0.8; border: 1px solid rgb(29, 131, 178); } body:not(.raw) .pr-comment { border: 1px solid rgb(226, 226, 226); padding: 0.5rem; } body:not(.raw) .pr-comment p { text-align: left; font-size: 10px; } body:not(.raw) .pr-comment textarea { width: 100%; display: block; margin-bottom: 0.5rem; border: 1px solid rgb(226, 226, 226); min-height: 100px; } body:not(.raw) .pr-comment button { margin-top: 0.5rem; } body:not(.raw) .el-popover__title { background-color: rgb(169, 187, 46); padding: 10px; font-weight: bold; color: rgb(255, 255, 255); } body:not(.raw) .dismiss-popover { position: absolute; top: 7px; right: 10px; border: 0px; font-size: 24px; background: transparent; color: rgb(255, 255, 255); } body:not(.raw) .dismiss-popover:hover { color: rgb(204, 204, 204); background: transparent; } body:not(.raw) .ss-dashboard-main .ai-rec { background-color: rgb(255, 255, 255); } body:not(.raw) .ss-dashboard-main .ai-rec-projects img { max-width: 50%; } body:not(.raw) .ss-dashboard-main .ai-rec-projects { align-items: center; } @media only screen and (max-width: 600px) { body:not(.raw) .hide-on-phone { display: none; } } body:not(.raw) .owned .el-tabs__item { height: auto; line-height: 1.3; padding: 8px 8px 0px; width: auto; } @media (min-width: 768px) { body:not(.raw) .owned .el-tabs__item { padding: 16px 8px 0px 16px; } } body:not(.raw) .owned__tab-icon { height: 20px; width: 20px; } @media (min-width: 768px) { body:not(.raw) .owned__tab-icon { height: 40px; width: 40px; } } body:not(.raw) .owned__tab-label { margin-top: 10px; } body:not(.raw) .ss-dashboard-owned .entity-preview { border-bottom: none; } body:not(.raw) .ss-organization-landing { max-width: 960px; margin: 0px auto; } body:not(.raw) .ai-rec-page-head { display: flex; flex-direction: column; align-items: center; } @media (min-width: 700px) { body:not(.raw) .ai-rec-page-head { flex-direction: row; justify-content: space-between; } } body:not(.raw) .ss-dash-recommendations-page .btn-text { border: 0px; background-color: transparent; color: rgb(159, 159, 159); margin-bottom: 1rem; } body:not(.raw) .ss-dash-recommendations-page .btn-text:hover { color: rgb(246, 125, 32); } body:not(.raw) .ss-dashboard-recommend li { border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 1rem; } body:not(.raw) .ss-dashboard-recommend li:last-of-type { border-bottom: none; margin-bottom: 0px; } body:not(.raw) .ss-dashboard-recommend .recommend_bookmark { position: absolute; right: 5px; top: 0px; } body:not(.raw) .ss-dashboard-settings .wrap-label .el-checkbox__label { white-space: normal; vertical-align: top; } body:not(.raw) .ss-dashboard-settings .el-form--label-top .el-form-item__label { color: rgb(29, 131, 178); } body:not(.raw) .ss-dashboard-settings legend { font-weight: bold; padding: 0px 5px; background-color: rgb(37, 39, 80); color: white; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.75rem; } body:not(.raw) .ss-dashboard .attention { background-color: rgb(169, 255, 163); } body:not(.raw) .ss-dashboard-settings .project-image-review-outer { width: 150px; height: 88px; } body:not(.raw) .ss-dashboard-settings .project-image-review { max-width: 150px; max-height: 88px; vertical-align: middle; } body:not(.raw) .ss-dashboard-settings .help-text { margin-top: -20px; margin-bottom: 1rem !important; } body:not(.raw) .ss-dashboard-settings .el-upload-dragger { width: inherit; padding: 10%; } body:not(.raw) .ss-dashboard-settings .el-upload { width: 100%; } body:not(.raw) .ss-dashboard-settings .el-upload__input { margin: 0px auto; } @media screen and (min-width: 560px) { body:not(.raw) .ss-dashboard-settings .ss-map { height: 440px; } } @media screen and (min-width: 767px) { body:not(.raw) .ss-dashboard-settings .ss-map { height: 600px; } } body:not(.raw) .p-alert { color: rgb(169, 187, 46); line-height: normal; } body:not(.raw) .ss-data .flex { display: flex; } body:not(.raw) .ss-data .updated { text-align: right; margin-bottom: 0.5rem; font-size: 10px; color: rgb(78, 78, 78); } body:not(.raw) .ss-data .flex-child3 { width: 33.33%; margin-right: 1rem; margin-bottom: 1rem; flex-basis: 0px; flex-grow: 1; padding: 1rem; } body:not(.raw) .ss-data .flex-child3:last-child { margin-right: 0px; } body:not(.raw) .ss-data .flex-child2 { width: 50%; margin-right: 1rem; margin-bottom: 1rem; flex-basis: 0px; flex-grow: 1; padding: 1rem; } body:not(.raw) .ss-data .flex-child2:last-child { margin-right: 0px; } body:not(.raw) .ss-data .border { border: 1px solid rgb(222, 222, 222); border-radius: 6px; padding: 1rem; margin-bottom: 1rem; } body:not(.raw) .ss-data .left-icon { display: flex; align-items: center; } body:not(.raw) .ss-data .left-icon > img { max-width: 100px; margin-right: 1rem; } body:not(.raw) .ss-data .data-numbers h2, body:not(.raw) .ss-data .data-numbers h3, body:not(.raw) .ss-data .data-numbers h4 { margin: 0px; line-height: 1.15; } body:not(.raw) .ss-data .data-numbers h2 { font-family: Lora, serif; font-size: 2rem; color: rgb(78, 78, 78); } body:not(.raw) .ss-data .data-numbers h3 { font-family: Nunito, sans-serif; font-size: 1.2rem; color: rgb(78, 78, 78); margin-bottom: 4px; letter-spacing: normal; } body:not(.raw) .ss-data .data-numbers h4 { font-family: Nunito, sans-serif; font-size: 0.75rem; color: rgb(169, 187, 46); letter-spacing: normal; } body:not(.raw) .ss-data .data-numbers.dn-small h2 { font-family: Lora, serif; font-size: 1.4rem; color: rgb(169, 187, 46); margin-bottom: 4px; } body:not(.raw) .ss-data .data-numbers.dn-small h3 { font-family: Nunito, sans-serif; font-size: 1rem; color: rgb(78, 78, 78); margin-bottom: 4px; } body:not(.raw) .ss-data .flex-select .el-select { margin-left: auto; width: 100px; } body:not(.raw) .ss-data .flex-select input { background-color: rgb(221, 228, 235); color: rgb(0, 0, 0); border: 0px; } body:not(.raw) .ss-data h1 { color: rgb(0, 0, 0); } body:not(.raw) .ss-data h1.h1-outside { padding: 1rem 1rem 0px; } body:not(.raw) .ss-data .flex4 { width: 25%; margin-right: 1rem; flex-basis: 0px; flex-grow: 1; } body:not(.raw) .ss-data .flex4:last-child { margin-right: 0px; } body:not(.raw) .ss-data .engagement-bar { margin: 2rem 0px; } body:not(.raw) .ss-data .engagement-bar .flex4 { text-align: center; border-right: 1px solid rgb(222, 222, 222); padding: 1rem 0px; } body:not(.raw) .ss-data .engagement-bar .flex4:last-child { border-right: 0px; } body:not(.raw) .ss-data .engagement-bar .flex4 img { max-height: 50px; } body:not(.raw) .ss-data .flex2 { width: 50%; margin-right: 1rem; flex-basis: 0px; flex-grow: 1; } body:not(.raw) .ss-data .flex2:last-child { margin-right: 0px; } body:not(.raw) .ss-data .engagement-bar2 .flex2 { border-right: 1px solid rgb(222, 222, 222); padding: 2rem 0px; } body:not(.raw) .ss-data .engagement-bar2 .flex2:last-child { border-right: 0px; } body:not(.raw) .ss-data .engagement-bar2 .flex2 .data-numbers { justify-content: center; align-items: center; } body:not(.raw) .ss-data .engagement-bar2 .flex2 .data-numbers img { max-height: 50px; } body:not(.raw) .ss-data .engagement-bar2 .flex2 .data-numbers > * { padding: 0px 1rem; } body:not(.raw) .ss-data hr { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(222, 222, 222); } body:not(.raw) .ss-data .simple-tabs { margin-bottom: 2rem; } body:not(.raw) .ss-data .simple-tabs a { margin-right: 2rem; text-decoration: underline; } body:not(.raw) .ss-data .simple-tabs a.selected { text-decoration: none; color: rgb(2, 2, 2); pointer-events: none; cursor: default; font-weight: bold; } body:not(.raw) .ss-data .demographics h2 { font-size: 1rem; font-family: Lora, serif; letter-spacing: normal; color: rgb(78, 78, 78); } body:not(.raw) .ss-data .demographics .h2-small { color: rgb(43, 185, 225); font-size: 0.8rem; margin: 0px; } body:not(.raw) .ss-data .demographics .h2-big { font-size: 1.4rem; margin-top: 3px; margin-bottom: 8px; } body:not(.raw) .ss-data .demographics small { color: rgb(149, 149, 149); margin-bottom: 1.5rem; display: block; } body:not(.raw) .ss-data .bar { margin-bottom: 0.5rem; } body:not(.raw) .ss-data .bar label, body:not(.raw) .ss-data .bar span { font-weight: bold; font-size: 12px; } body:not(.raw) .ss-data .bar label { font-size: 14px; } body:not(.raw) .ss-data .bar .bar-wrapper { display: flex; } body:not(.raw) .ss-data .bar .bar-wrapper > div { flex-basis: 0px; } body:not(.raw) .ss-data .bar .bar-outer { flex-grow: 1; height: 16px; background-color: rgb(222, 222, 222); border-radius: 8px; position: relative; margin-right: 10px; } body:not(.raw) .ss-data .bar.has-header { margin-bottom: 20px; } body:not(.raw) .ss-data .bar.has-header .bar-outer { margin-right: 0px; } body:not(.raw) .ss-data .bar .bar-inner { position: absolute; top: 0px; left: 0px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-color: rgb(43, 185, 225); height: 16px; } body:not(.raw) .ss-data .bar .bar-header { display: flex; justify-content: space-between; } body:not(.raw) .ss-data .bar .bar-header span span { color: rgb(43, 185, 225); } body:not(.raw) .ss-data .bar.bar2 .bar-outer { background-color: rgb(255, 255, 255); margin-right: 30px; } body:not(.raw) .ss-data .bar.bar2 .bar-inner { border-radius: 8px; } body:not(.raw) .ss-data .bar.bar2 span { position: relative; top: -5px; left: 6px; } body:not(.raw) .ss-data .donut { justify-content: center; } body:not(.raw) .ss-data .donut .donut-chart { width: 200px; margin-right: 10px; } body:not(.raw) .ss-data .donut .legend { display: flex; margin-bottom: 10px; } body:not(.raw) .ss-data .donut .label-dot { width: 20px; height: 20px; border-radius: 100%; margin-right: 10px; } body:not(.raw) .ss-data .donut .legend-wrapper { display: flex; flex-direction: column; justify-content: center; } body:not(.raw) .ss-data .el-tooltip { height: 18px; width: 18px; line-height: 18px; text-align: center; background-color: rgb(169, 187, 46); color: rgb(255, 255, 255); border-radius: 100%; padding: 0px; font-size: 12px; border: 0px; } body:not(.raw) .ss-data .left-icon > img.big-icon { height: 156px; max-width: 170px; margin-right: -0.5rem; } body:not(.raw) .ss-data .projects-top > .flex2, body:not(.raw) .ss-data .projects-top .flex-child3 { border-right: 1px solid rgb(222, 222, 222); justify-content: center; } body:not(.raw) .ss-data .projects-top > .flex2:last-child, body:not(.raw) .ss-data .projects-top .flex-child3:last-child { border-right: 0px; } body:not(.raw) .ss-data .projects-top .flex-child3 { margin-bottom: 0px; padding-bottom: 0px; } body:not(.raw) .ss-data .push { margin-top: 1rem; margin-bottom: 1rem; } @media (max-width: 991px) { body:not(.raw) .ss-data .d2t--drawer.shown { width: calc(-10px + 100vw); } body:not(.raw) .ss-data .d2t--header { align-items: center; } } @media (max-width: 787px) { body:not(.raw) .ss-data .left-icon { display: block; } body:not(.raw) .ss-data .engagement-bar { flex-wrap: wrap; } body:not(.raw) .ss-data .engagement-bar .flex4 { width: 50%; flex-basis: 50%; border: 0px; margin: 0px; padding: 1rem; } body:not(.raw) .ss-data .engagement-bar2 .data-numbers { display: block; text-align: center; } } @media (max-width: 659px) { body:not(.raw) .ss-data .bar-columns { flex-direction: column; } body:not(.raw) .ss-data .bar-columns > div { width: 100%; } } @media (max-width: 554px) { body:not(.raw) .ss-data .audience-top { flex-direction: column; } body:not(.raw) .ss-data .audience-top .flex-child3 { width: 100%; } body:not(.raw) .ss-data .audience-top .left-icon { display: flex; } body:not(.raw) .ss-data .projects-top { display: block; } body:not(.raw) .ss-data .projects-top > div { width: 100%; border: 0px !important; } body:not(.raw) .ss-data .projects-top .left-icon { display: flex; } } body:not(.raw) .ss-data-card { border-radius: 10px; vertical-align: top; position: relative; } body:not(.raw) .ss-data-card .delete-trigger { position: absolute; top: -3px; right: 4px; } body:not(.raw) .ss-data-card .unknown-type { color: rgb(64, 0, 0); } body:not(.raw) .ss-data-card tr { border-bottom: 1px solid rgb(221, 221, 221); } body:not(.raw) .ss-data-card th { vertical-align: top; } body:not(.raw) img.data-card-pop-image { max-width: 280px; max-height: 280px; } @media only screen and (min-width: 768px) { body:not(.raw) .ss-data-card { flex: 0 1 49%; } } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app { font-family: Lora, serif; -webkit-font-smoothing: antialiased; max-width: 1060px; margin: 0px auto; color: rgb(0, 51, 51); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app h1, body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app h2, body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app h3 { font-family: Lora, serif; letter-spacing: normal; font-size: 1.5em; margin-block: 1em; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app h1 { font-weight: 700; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app h2 { font-weight: 400; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app h3 { font-family: Nunito, sans-serif; font-weight: 700; margin-bottom: 5px; font-size: 1.17em; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app p { font-family: Nunito, sans-serif; font-size: 16px; line-height: 1.6em !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app small { font-family: Nunito, sans-serif; font-size: 13px; display: block; margin-top: 0px; margin-bottom: 15px; color: rgb(77, 112, 112) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app li { margin: 5px 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app a { color: rgb(63, 169, 245); cursor: pointer; text-decoration: none !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app a:hover { text-decoration: underline !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app hr { margin: 35px 0px; border-radius: 4px; color: rgb(204, 213, 204) !important; border-style: solid !important; border-width: 1px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #tab-yourConsentTab { margin-left: 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #tab-yourSafetyTab { margin-right: 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .main-dropshadow { box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 5px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .capitalize { text-transform: capitalize; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-main { overflow: visible !important; padding: 0px !important; margin: 30px 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-submenu__icon-arrow { display: none !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-icon-back { color: rgb(63, 169, 245) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-button { border-radius: 4px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-button.outlined:focus { outline: rgb(0, 51, 51) auto 3px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #header { display: flex; justify-content: space-between; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .reveal-if-active { animation: 0.3s ease 0s 1 normal forwards running fade-in-down !important; } @keyframes fade-in-down { 0% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .logo-container { background-image: url(""); width: 75px; max-width: 100%; height: 75px; background-size: cover; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-menu { border: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .menu-lg { display: flex; flex-direction: row; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .menu-sm { display: none; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app li.el-menu-item { font-size: 16px; margin: 0px 10px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app li.el-menu-item.is-active { background-color: rgb(0, 51, 51) !important; border-radius: 3px !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 5px !important; border: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app li.el-menu-item:hover { background-color: rgb(0, 51, 51) !important; border-radius: 3px !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 5px !important; border: 0px !important; color: rgb(255, 255, 255) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app li.el-select-dropdown__item { display: block; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs { box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 5px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs--card .el-tabs__header { margin: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs__nav { background-color: rgb(225, 234, 233); box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 5px; border: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs__nav .is-active { background-color: rgb(255, 249, 238); box-shadow: rgba(0, 0, 0, 0.52) 0px 4px 5px; color: rgb(51, 103, 103) !important; border: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs__item { margin: 0px 1px; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 5px; color: rgb(0, 51, 51) !important; height: 70px !important; display: flex !important; font-size: 16px !important; border: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs__content { background-color: rgb(255, 249, 238); padding: 15px 35px; border: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs .is-disabled { opacity: 0.3; cursor: not-allowed; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form--label-top .el-form-item__label { margin-bottom: 0px; line-height: 25px; color: rgb(0, 51, 51); font-size: 16px; padding-bottom: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item { margin-bottom: 5px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item__content { line-height: 40px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item-margin { margin-bottom: 30px; margin-top: 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-select__tags-text { max-width: 40px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; display: inline-block !important; vertical-align: middle !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .padding-30-20 .el-dialog__body { padding: 30px 20px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .form-contains-errors .dialog-title { color: rgb(0, 51, 51); font-size: 18px; font-family: Lora, serif; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .form-contains-errors .dialog-message { font-size: 16px; color: rgb(0, 51, 51); font-family: Nunito, sans-serif; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .form-contains-errors .capitalize { font-family: Nunito, sans-serif; color: rgb(63, 169, 245); list-style-type: none; font-size: 16px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .form-contains-errors ul { margin: 0px; padding: 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .form-contains-errors .el-dialog__header { background-color: rgb(241, 242, 242); border-bottom: 2px solid rgb(231, 233, 233); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .form-contains-errors .el-dialog__body { text-align: center; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .form-contains-errors .el-button { font-family: Lora, serif; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog .dialog-title { color: rgb(0, 51, 51); font-size: 18px; font-family: Lora, serif; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog .dialog-message { font-size: 16px; color: rgb(0, 51, 51); font-family: Nunito, sans-serif; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog .capitalize { font-family: Nunito, sans-serif; color: rgb(63, 169, 245); list-style-type: none; font-size: 16px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog ul { margin: 0px; padding: 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog .el-dialog__header { background-color: rgb(241, 242, 242); border-bottom: 2px solid rgb(231, 233, 233); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog .el-dialog__body { text-align: center; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog .el-button { font-family: Lora, serif; border-radius: 4px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog #cancel-button { background-color: rgb(225, 234, 233); color: rgb(0, 51, 51); border-color: rgb(169, 176, 175); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .confirm-dialog #cancel-button:hover { background-color: rgb(233, 239, 239); border-color: rgb(169, 176, 175); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio { margin: 2px 0px !important; height: auto !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio__label { white-space: normal !important; line-height: 1.5em !important; color: rgb(0, 51, 51) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio__input.is-checked + .el-radio__label { color: rgb(51, 103, 103) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox { margin: 2px 0px !important; height: auto !important; color: rgb(0, 51, 51) !important; width: 100% !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox__input.is-checked .el-checkbox__inner { background-color: rgb(51, 103, 103); border-color: rgb(51, 103, 103); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox__input.is-checked + .el-checkbox__label { color: rgb(51, 103, 103); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio-button { margin-right: 5px !important; margin-top: 5px !important; height: auto !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio-button .el-radio-button__inner { border: 1px solid rgb(143, 150, 149) !important; border-radius: 3px !important; white-space: normal !important; line-height: 1.5em !important; background-color: rgb(225, 234, 233) !important; color: rgb(0, 51, 51) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio-button__orig-radio:checked + .el-radio-button__inner { background-color: rgb(51, 103, 103) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; border: 1px solid rgb(51, 103, 103) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio__input.is-checked .el-radio__inner { border-color: rgb(51, 103, 103); background: rgb(51, 103, 103); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox-button { margin-right: 5px !important; margin-top: 5px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox-button__inner { border: 1px solid rgb(143, 150, 149) !important; border-radius: 3px !important; white-space: normal !important; line-height: 1.5em !important; background-color: rgb(225, 234, 233) !important; color: rgb(0, 51, 51) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox-button.is-checked .el-checkbox-button__inner { box-shadow: none !important; background-color: rgb(51, 103, 103) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgb(51, 103, 103) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app input { font-family: Nunito, sans-serif; color: rgb(0, 51, 51) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-select-dropdown__item { font-family: Nunito, sans-serif; font-size: 12px; color: rgb(0, 51, 51) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app ::placeholder { font-family: Nunito, sans-serif; color: rgb(128, 153, 153) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: rgb(51, 103, 103); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .state-select { width: 100%; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tooltip__popper.is-dark { background-color: rgb(0, 51, 51); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-step__head.is-process { border-color: rgb(51, 103, 103); color: rgb(51, 103, 103); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-step__title.is-process { color: rgb(51, 103, 103); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-step__title.is-success { color: rgb(101, 153, 65); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-step__head.is-success { border-color: rgb(101, 153, 65); color: rgb(101, 153, 65); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before { color: rgb(237, 28, 36); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item__error { position: relative !important; color: rgb(237, 28, 36); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item.is-error .el-input__inner { border: 2px solid rgb(237, 28, 36) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item.is-success .el-input__inner { border: 2px solid rgb(101, 153, 65) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-input__inner { border: 2px solid rgb(204, 213, 204) !important; background-color: rgb(255, 255, 254) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-input__inner:hover { border: 2px solid rgb(184, 198, 191) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-input__inner:focus { border: 2px solid rgb(51, 103, 103) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-input, body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-textarea { margin-top: 5px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-textarea__inner { border: 2px solid rgb(204, 213, 204) !important; background-color: rgb(255, 255, 254) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-textarea__inner:hover { border: 2px solid rgb(184, 198, 191) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-textarea__inner:focus { border: 2px solid rgb(51, 103, 103) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item.is-success .el-textarea__inner { border: 2px solid rgb(101, 153, 65) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-form-item.is-error .el-textarea__inner { border: 2px solid rgb(237, 28, 36) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-icon-error { color: rgb(237, 28, 36) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-step__head .is-success { color: rgb(101, 153, 65) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .action-button-container { display: flex; place-content: center flex-end; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .action-button-container .el-button { border-radius: 4px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #action-button { background-color: rgb(101, 153, 65); border-color: rgb(101, 153, 65); float: right; font-family: Lora, serif; height: 50px; align-self: center; padding: 12px 20px !important; margin-left: 10px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #action-button:hover { background-color: rgb(132, 173, 103) !important; border-color: rgb(132, 173, 103) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #action-button-back { font-family: Lora, serif; padding: 12px 20px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .shortenInputWidth { width: 150px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #if-other { margin-top: 5px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .back-to-top { position: relative !important; bottom: 0px !important; right: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .report-data-container > h1 { font-size: 24px; font-weight: 700; color: rgb(0, 51, 51); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app button.el-carousel__arrow { background-color: rgb(0, 51, 51); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .crowd-the-tap-row { flex-direction: row-reverse; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-carousel__button { width: 10px; height: 10px; border-radius: 1000px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .video { background-color: rgb(51, 103, 103); height: 400px; padding: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #materials-img { background-image: url(""); background-repeat: no-repeat; background-size: 100%; background-position: center top; width: 200px; height: 150px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #postcard-img { width: 100%; height: auto; cursor: pointer; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #postcard-caption { text-align: right; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .ctt-intro { box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 5px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .ctt-your-safety { box-shadow: burlywood 6px 6px 12px; padding: 1rem; background-color: aliceblue; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .title { background-color: rgb(0, 51, 51); display: flex; align-items: center; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .description { background-color: rgb(221, 216, 208); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .description p { margin: 15px 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .materials { background-color: rgb(255, 249, 238); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .graph { background-color: rgb(23, 64, 64); color: rgb(255, 249, 238); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .content-container { padding: 35px; margin: 0px auto; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #content-container-graph { padding: 35px 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .grid-content { min-height: 100%; vertical-align: baseline; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .materials-container { display: flex; flex-flow: wrap; justify-content: space-between; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-message--success { background-color: rgb(232, 240, 227); border-color: rgb(178, 204, 160); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-message--info { background-color: rgb(241, 242, 242); border-color: rgb(207, 211, 211); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .success-container { margin: 0px auto; max-width: 600px; padding: 20px; border-top: 5px solid rgb(51, 103, 103); background-color: rgb(255, 249, 238); text-align: center; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 5px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .submit-button { margin: 5px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .success-button { margin: 5px; font-family: Lora, serif; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #submit-another { background-color: rgb(225, 234, 233); border-color: rgb(143, 150, 149); color: rgb(51, 103, 103); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #back-to-main { background-color: rgb(225, 234, 233); border-color: rgb(143, 150, 149); color: rgb(51, 103, 103); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #tutorial-video { width: 100%; height: 100%; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #download-button-container { display: flex; justify-content: flex-end; padding: 0px 15px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #download-button { margin: 10px 0px; background-color: rgb(101, 153, 65); border-color: rgb(101, 153, 65); font-family: Lora, serif; padding: 12px 20px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #download-button:hover { background-color: rgb(132, 173, 103) !important; border-color: rgb(132, 173, 103) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #crowd-the-tap-h1 { color: rgb(255, 249, 238); font-size: 42px; text-align: center; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #tap { color: rgb(204, 102, 50); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #carousel-title { text-align: center; color: rgb(255, 249, 238); } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-icon-download { color: rgb(255, 255, 255) !important; font-size: 1em !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app ol.list-container { list-style-type: none; font-family: Nunito, sans-serif; font-size: 16px; padding-left: 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app ol.list-container li { display: list-item; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #ask-provider-h2 { margin-bottom: 10px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #did-not-call-warning { color: rgb(204, 102, 50); margin: 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #water-provider { padding: 10px; border-left: 5px solid rgb(51, 103, 103) !important; background-color: rgb(204, 217, 217) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #water-provider h3 { margin-top: 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-icon-warning { color: rgb(204, 102, 50) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-icon-success { color: rgb(101, 153, 65) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-icon-info { cursor: pointer; color: rgb(77, 112, 112) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #did-not-call-check { padding: 10px 10px 0px; border-left: 5px solid rgb(204, 102, 50) !important; background-color: rgb(242, 217, 204) !important; margin-bottom: 15px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .autocomplete__col { width: 100%; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .water-service-autocomplete { margin-top: 20px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #city-state { margin-top: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app div#steps-lg { display: flex; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app div#steps-sm { display: none; flex-direction: column; } @media (max-width: 568px) { body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .menu-lg { display: none; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .menu-sm { display: flex; flex-direction: column; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .content-container { padding: 15px; } } @media (max-width: 768px) { body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-input-group__append { padding: 0px 20px 0px 0px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio-group { display: flex; flex-wrap: wrap; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .success-button-group { display: flex; flex-wrap: wrap; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .success-button { flex-grow: 1; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-button { margin-left: 0px !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .success-button span { width: 100%; text-align: center; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio-button { flex-grow: 1; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-radio-button__inner { width: 100%; text-align: center !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox-group { display: flex; flex-wrap: wrap; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox-button { flex-grow: 1; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-checkbox-button__inner { width: 100%; text-align: center; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #crowd-the-tap-h1 { font-size: 38px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .crowd-the-tap-row { display: flex; flex-direction: column; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app #materials-row { flex-direction: column-reverse; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .placeholder-container { height: 150px; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app div#steps-lg { display: none; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app div#steps-sm { display: flex; flex-direction: column; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs__nav { background-color: rgb(225, 234, 233); box-shadow: none; width: 100% !important; display: inline-block !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs__nav .is-active { background-color: rgb(255, 249, 238); box-shadow: none; color: rgb(51, 103, 103) !important; border-width: 0px 0px 2px !important; border-top-style: initial !important; border-right-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-left-color: initial !important; border-image: initial !important; border-bottom-style: solid !important; border-bottom-color: rgb(221, 229, 228) !important; } body:not(.raw) .ss-crowd-the-tap #ss-crowd-the-tap-app .el-tabs__item { box-shadow: none; border-bottom: 2px solid rgb(203, 211, 210) !important; } } body:not(.raw) .iwla-logo { width: 100%; max-width: 125px; } body:not(.raw) .el-date-editor.el-input, body:not(.raw) .el-date-editor.el-input__inner { width: 100%; } body:not(.raw) .data-forms .help-text { margin-top: inherit; } body:not(.raw) main .data-forms-popup { max-width: 200px; max-height: 200px; overflow-y: auto; } body:not(.raw) main .pop-stream-selfie { text-align: center; min-width: 160px; } body:not(.raw) main .pop-stream-selfie img { max-width: 200px; max-height: 200px; } body:not(.raw) main .pop-project-squirrel { min-width: 160px; } body:not(.raw) main .pop-project-squirrel img { max-height: 200px; } body:not(.raw) main .pop-meet-your-mites { min-width: 200px; } body:not(.raw) main .pop-ant-vasion { max-width: 220px; } body:not(.raw) main .pop-ant-picnic { min-width: 200px; } body:not(.raw) main .pop-zombee-watch { min-width: 200px; } body:not(.raw) main .pop-got-guts { min-width: 160px; } body:not(.raw) .leaflet-popup-content { width: inherit !important; } body:not(.raw) .popup-table { width: 100%; } body:not(.raw) .popup-table td, body:not(.raw) .popup-table th { border-bottom: 1px dotted rgb(204, 204, 204); padding: 0.5em; font-size: 12px; } body:not(.raw) .data-map .ss-map .display { margin-bottom: 16px; } @media screen and (min-width: 560px) { body:not(.raw) .data-map .ss-map .display { height: 440px; } } @media screen and (min-width: 767px) { body:not(.raw) .data-map .ss-map .display { height: 600px; } } body:not(.raw) .ss-got-guts .el-upload-dragger { width: inherit; padding: 10%; } body:not(.raw) .ss-got-guts .el-upload { width: 100%; max-height: 200px; } body:not(.raw) .ss-got-guts .el-upload__input { margin: 0px auto; } body:not(.raw) .ss-water-heroes .el-radio { min-width: 8em; } body:not(.raw) .ss-water-heroes .el-radio + .el-radio { margin-left: 0px; } body:not(.raw) .ss-wet-dry-mapping .thumbnails { display: flex; flex-flow: wrap; } body:not(.raw) .ss-wet-dry-mapping .thumbnails .thumbnail { display: flex; align-items: center; justify-content: center; position: relative; width: 204px; height: 204px; } body:not(.raw) .ss-wet-dry-mapping .thumbnails .thumbnail::after { content: "remove"; display: block; position: absolute; top: 0px; right: 4px; cursor: pointer; text-shadow: white 0px 0px 2px; } body:not(.raw) .ss-wet-dry-mapping .thumbnails .thumbnail img { max-width: 200px; max-height: 200px; } body:not(.raw) .ss-demo-banner { color: rgb(255, 255, 255); background-color: rgb(255, 108, 34); text-shadow: rgb(0, 0, 0) 1px 1px 2px; border: 0px; margin: 0px; padding: 2rem; text-align: center; font-size: 3rem; font-weight: bold; font-family: Nunito, sans-serif; } body:not(.raw) .ss-dialog-visit .go-button { background-color: rgb(127, 152, 5); } body:not(.raw) .ss-dialog-visit .visit-action { display: block; margin: 1rem auto; } body:not(.raw) .ss-dialog-leave { margin: -30px -20px 0px; background-color: rgb(37, 39, 80); font-size: 1.2rem; color: rgb(255, 255, 255); font-weight: bold; padding: 1rem; } body:not(.raw) .ss-dialog-leave .icon--visits { position: relative; top: 3px; margin-right: 5px; } body:not(.raw) .ss-dialog-h2 { text-transform: uppercase; color: rgb(246, 125, 32); margin: 1rem 0px -0.5rem; letter-spacing: 0.01rem; font-size: 1rem; } body:not(.raw) .ss-dialog-visit .visit-action { margin: 1rem 0px 1rem auto; } body:not(.raw) .ss-dialog-visit .el-button--primary { background-color: rgb(29, 131, 178); } html > body.raw .el-dialog__header:has(+ .el-dialog__body > .ss-dialog-visit), html > body:not(.raw) .el-dialog__header:has(+ .el-dialog__body > .ss-dialog-visit) { padding: 0px; margin: 0px; border: 0px; } body:not(.raw) .d2t { margin-top: 1em; } body:not(.raw) .d2t--drawer { position: fixed; height: 100vh; width: calc(-30px + 100vw); overflow: auto; top: 0px; left: 105%; background-color: rgb(255, 255, 255); z-index: 999; transition: left 0.15s ease-out 0s; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px; } body:not(.raw) .d2t--drawer .h2--main { padding: 1em; margin-bottom: 0px; } body:not(.raw) .d2t--drawer .d2t--content { padding: 1rem; } body:not(.raw) .d2t--drawer.d2t--drawer-to { left: 0px; } @media (max-width: 991px) { body:not(.raw) .d2t--drawer { display: block !important; } } @media (min-width: 768px) { body:not(.raw) .d2t--drawer .h2--main { padding: 0px; margin-bottom: 1em; } } body:not(.raw) .active-drawer { height: 100vh !important; overflow: hidden !important; } body:not(.raw) .shown .d2c--drawer { left: 10px; } body:not(.raw) .d2t--drawer.shown { left: 10px; } body:not(.raw) .media-unit { background-color: rgb(255, 255, 255); border: 1px solid rgb(226, 226, 226); position: relative; } body:not(.raw) .d2t--header { padding: 1em; background-color: rgb(29, 131, 178); color: rgb(255, 255, 255); display: flex; -webkit-box-align: start; align-items: flex-start; height: 50px; overflow: hidden; z-index: 1000; } body:not(.raw) .d2t--header h3 { white-space: nowrap; font-size: 1.2rem; line-height: 22px; } body:not(.raw) .d2t--header a { font-size: 2.25em; font-weight: bold; margin-right: 1.4rem; line-height: 0.6; color: rgb(255, 255, 255); } @media (min-width: 992px) { body:not(.raw) .d2t--drawer { position: relative; height: auto; width: auto; overflow: auto; top: 0px; left: 0px; background-color: rgb(255, 255, 255); box-shadow: none; margin-bottom: 1em; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(226, 226, 226) rgb(226, 226, 226); border-image: initial; } body:not(.raw) .d2t--drawer .d2t--content { padding-top: 1rem; } body:not(.raw) .active-drawer { height: auto !important; overflow: auto !important; position: relative !important; } body:not(.raw) .d2t--drawer.shown { left: 0px; } } body:not(.raw) .d2t .d2t-tab { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); margin-bottom: 2px; position: relative; border: 1px solid rgb(226, 226, 226); } body:not(.raw) .d2t .d2t-tab::after { content: ""; width: 30px; height: 30px; background-size: 30px; position: absolute; top: 50%; right: 15px; margin-top: -15px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NC4yIDQ0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ0LjIgNDQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMxRDgzQjI7fS5zdDF7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjIyLjEiIGN5PSIyMi4xIiByPSIyMi4xIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjUsMzMuOWMtMC4zLDAtMC42LTAuMS0wLjgtMC4zYy0wLjQtMC40LTAuNC0xLjIsMC0xLjZsMTAuMi0xMC4yTDE2LjcsMTEuNmMtMC40LTAuNC0wLjQtMS4yLDAtMS42YzAuNC0wLjQsMS4yLTAuNCwxLjYsMGwxMSwxMWMwLjQsMC40LDAuNCwxLjIsMCwxLjZsLTExLDExQzE4LjEsMzMuOCwxNy44LDMzLjksMTcuNSwzMy45eiIvPjwvc3ZnPg=="); } body:not(.raw) .d2t .d2t-tab .media-body { padding-right: 30px; } body:not(.raw) .d2t .d2t-tab h2 { font-family: Lora, serif; font-weight: bold; color: rgb(37, 39, 80); font-size: 1.2rem; line-height: 1; margin-bottom: 0.3rem; } body:not(.raw) .d2t .d2t-tab p { color: rgb(85, 85, 85); margin-bottom: 0px !important; } body:not(.raw) .d2t .d2t-tab > a { text-decoration: none; } @media (hover: hover) { body:not(.raw) .d2t .d2t-tab:hover { background-color: rgb(85, 85, 85); } body:not(.raw) .d2t .d2t-tab:hover h2, body:not(.raw) .d2t .d2t-tab:hover p { color: rgb(255, 255, 255); } body:not(.raw) .d2t .d2t-tab:hover .media-image svg { fill: rgb(255, 255, 255) !important; } body:not(.raw) .d2t * { outline: none; } } body:not(.raw) .d2t-tab .media-image svg { fill: rgb(37, 39, 80) !important; } @media (min-width: 992px) { body:not(.raw) .d2t .d2t-tabs { display: flex; } body:not(.raw) .d2t .d2t-tab { background-color: rgb(226, 226, 226); border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); width: 33.33%; margin-bottom: 0px; } body:not(.raw) .d2t .d2t-tab::after { content: none; } body:not(.raw) .d2t .d2t-tab .media-body { padding-right: 0px; } body:not(.raw) .d2t .d2t-tab .media-image { margin-right: 0px; } body:not(.raw) .d2t .d2t-tab h2 { font-size: 1rem; letter-spacing: normal; margin-bottom: 0.3rem; } body:not(.raw) .d2t.two-tabs .d2t-tab { width: 50%; } body:not(.raw) .d2t.data .d2t-tab { background-color: rgb(37, 39, 80); color: rgb(255, 255, 255); } body:not(.raw) .d2t.data .d2t-tab:hover { background-color: rgb(45, 48, 97); } body:not(.raw) .d2t.data .d2t-tab h2, body:not(.raw) .d2t.data .d2t-tab p { color: rgb(255, 255, 255); } body:not(.raw) .d2t.data .d2t-tab .media-image svg { fill: rgb(255, 255, 255) !important; } body:not(.raw) .d2t.data .d2t-tab.d2t--selected { background-color: rgb(255, 255, 255); position: relative; border-top: 4px solid rgb(169, 187, 46); } body:not(.raw) .d2t.data .d2t-tab.d2t--selected .media-image svg { fill: rgb(37, 39, 80) !important; } body:not(.raw) .d2t .d2t-tab.d2t--selected { background-color: rgb(255, 255, 255); } body:not(.raw) .d2t .d2t-tab.d2t--selected ::after { content: ""; background-image: none; border-bottom: 3px solid rgb(255, 255, 255); position: absolute; bottom: -2px; width: 100%; left: 0px; z-index: 1001; } body:not(.raw) .d2t .d2t-tab.d2t--selected h2 { color: rgb(37, 39, 80); } body:not(.raw) .d2t .d2t-tab.d2t--selected p { color: rgb(85, 85, 85); } body:not(.raw) .d2t .d2t-tab.d2t--selected:hover .media-image svg { fill: rgb(37, 39, 80) !important; } body:not(.raw) .d2t .d2t--header { display: none; } } body:not(.raw) .media-object { display: flex; -webkit-box-align: start; align-items: flex-start; padding: 1em; position: relative; } body:not(.raw) .media-object.mo-center { -webkit-box-align: center; align-items: center; } body:not(.raw) .media-image { width: 60px; height: 60px; margin-right: 1em; } body:not(.raw) .media-body { -webkit-box-flex: 1; flex: 1 1 0%; } body:not(.raw) .media-body p { font-size: 0.8125em; line-height: 1.3; } body:not(.raw) .media-body a { margin-top: 0.5em; display: inline-block; } body:not(.raw) .media-btns a { vertical-align: middle; } body:not(.raw) .ss-ed-faq { display: flex; flex-direction: row; height: 100%; min-height: calc(-6.75rem + 100vh); font-family: Nunito, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.2px; color: rgb(74, 74, 74); background-color: rgb(248, 248, 248); } body:not(.raw) .ss-ed-faq div.faq-content { display: flex; flex-direction: column; max-width: 700px; margin: 1rem auto; } body:not(.raw) .ss-ed-faq header { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 222, 222); padding: 1rem 1.5rem; box-sizing: border-box; } body:not(.raw) .ss-ed-faq section { background-color: rgb(242, 241, 241); border: 1px solid rgb(222, 222, 222); box-sizing: border-box; padding: 1.5rem; } body:not(.raw) .ss-ed-faq h1 { font-family: Lora, serif; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.85; letter-spacing: -0.1px; color: rgb(24, 125, 184); } body:not(.raw) .ss-ed-faq h2 { font-family: Nunito, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: rgb(74, 74, 74); cursor: pointer; } body:not(.raw) .ss-ed-faq .ss-foldup.expanded h2 { color: rgb(24, 125, 184); } body:not(.raw) .ss-ed-faq nav { display: flex; flex-wrap: wrap; } body:not(.raw) .ss-ed-faq nav a { position: relative; border-radius: 16px; line-height: 32px; color: rgb(24, 125, 184); font-family: Nunito, sans-serif; font-weight: bold; border: 1px solid rgb(186, 186, 186); background-color: rgb(242, 241, 241); padding: 0.5rem 1rem; margin: 5px 1rem 0px 0px; box-sizing: border-box; text-decoration: none; white-space: nowrap; } body:not(.raw) .ss-ed-faq nav a.selected { background-color: rgb(24, 125, 184); color: rgb(255, 255, 255); } body:not(.raw) .ss-ed-faq nav a.selected::after { display: block; content: " ×"; position: absolute; top: 3px; right: 3px; } body:not(.raw) .ss-ed-faq div.ss-foldup { border-radius: 4px; background-color: rgb(255, 255, 255); border: 1px solid rgb(186, 186, 186); box-sizing: border-box; margin: 1rem 0px; padding: 1rem; } @media (max-width: 720px) { body:not(.raw) .ss-ed-faq { flex-direction: column; } } body:not(.raw) .ss-ed-project { display: flex; flex-direction: row; height: 100%; font-family: Nunito, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.2px; color: rgb(74, 74, 74); background-color: rgb(248, 248, 248); } body:not(.raw) .ss-ed-project .project-display { margin-top: 2rem; display: flex; flex-direction: column; justify-content: start; align-items: center; flex-grow: 1; } body:not(.raw) .ss-ed-project .project-display > * { max-width: 700px; } body:not(.raw) .ss-ed-project .project-display .emphatic { font-family: Lora, serif; font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: -0.1px; color: var(--brand-color); display: block; text-align: center; } body:not(.raw) .ss-ed-project .project-display h2 { font-family: Lora, serif; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.85; letter-spacing: normal; color: var(--brand-color); margin-bottom: 1.5rem; } body:not(.raw) .ss-ed-project .project-display .vertical-stack { display: flex; flex-direction: column; align-items: center; justify-content: center; } body:not(.raw) .ss-ed-project .project-display .participation-button { width: 126px; height: 32px; object-fit: contain; border-radius: 16px; background-color: var(--action-color); font-family: Lora, serif; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2.17; letter-spacing: -0.1px; text-align: center; color: rgb(255, 255, 255); } body:not(.raw) .ss-ed-project .project-display .participate-foot { height: 78px; display: flex; justify-content: center; align-items: center; background-color: var(--brand-color); margin-top: 1rem; } body:not(.raw) .ss-ed-project .project-display .welcome-box { display: flex; flex-direction: row; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 222, 222); margin: 1rem 1rem 0px 0px; box-sizing: border-box; padding: 1rem; } body:not(.raw) .ss-ed-project .project-display .welcome-box > img { max-width: 80px; max-height: 80px; } body:not(.raw) .ss-ed-project .project-display .infobox { background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 222, 222); margin: 1rem 1rem 0px 0px; box-sizing: border-box; padding: 1rem; flex-grow: 1; min-width: 242px; } body:not(.raw) .ss-ed-project .project-display .infobox.last { margin: 1rem 0px 0px; } body:not(.raw) .ss-ed-project .project-display .thankyou-container.infobox { flex-grow: 0; display: flex; flex-direction: row; align-items: stretch; } body:not(.raw) .ss-ed-project .project-display .thankyou-container.infobox .after-thanks { min-width: 250px; display: flex; align-items: center; justify-content: center; } body:not(.raw) .ss-ed-project .project-display .special-instructions { background-color: rgba(253, 215, 38, 0.2); display: flex; flex-direction: row; padding: 1rem; } body:not(.raw) .ss-ed-project .project-display .special-instructions label { font-family: Nunito, sans-serif; font-size: 10px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: rgb(0, 0, 0); text-transform: uppercase; margin-right: 1.5rem; margin-top: 0.25rem; } body:not(.raw) .ss-ed-project .project-display .special-instructions div { flex-grow: 1; } body:not(.raw) .ss-ed-project .project-display .instructions { margin-bottom: 7rem !important; } body:not(.raw) .ss-ed-project .project-display .instructions ol { counter-reset: steps 0; } body:not(.raw) .ss-ed-project .project-display .instructions li { display: flex; flex-direction: row; align-items: start; border-bottom: 0.5px solid rgb(216, 216, 216); margin-bottom: 1rem; } body:not(.raw) .ss-ed-project .project-display .instructions li .ss-markdown { margin-top: 0.5rem; } body:not(.raw) .ss-ed-project .project-display .instructions li::before { counter-increment: steps 1; content: counter(steps); display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 40px; background-color: var(--action-color); color: rgb(255, 255, 255); margin-right: 0.5rem; padding: 20px; font-family: Nunito, sans-serif; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; text-align: center; margin-bottom: 1rem; } body:not(.raw) .ss-ed-project .project-display label { font-family: Nunito, sans-serif; font-size: 10px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: rgb(83, 83, 83); display: block; text-transform: uppercase; margin-bottom: 1rem; } body:not(.raw) .ss-ed-project .project-display .details-container { display: flex; flex-direction: row; flex-grow: 1; width: 700px; } body:not(.raw) .ss-ed-project .project-display .details-container .details-container-minor { display: flex; flex-direction: column; font-family: Nunito, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.2px; color: rgb(83, 83, 83); } body:not(.raw) .ss-ed-project .project-display .details-container .details-container-minor li { display: flex; flex-direction: row; align-items: start; margin-bottom: 0.25rem; } body:not(.raw) .ss-ed-project .project-display .details-container .details-container-minor li::before { content: ""; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: var(--brand-color); margin-right: 0.5rem; padding: 2px; margin-top: 4px; } body:not(.raw) .ss-ed-project .project-display .video-container { display: flex; flex-direction: row; width: 100%; } body:not(.raw) .ss-ed-project .project-display .video-container video { max-width: 422px; max-height: 237px; background-color: rgb(51, 51, 51); } body:not(.raw) .ss-ed-project .project-display .video-container > span { background-color: var(--brand-color); color: rgb(255, 255, 255); font-family: Lora, serif; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.85; letter-spacing: -0.1px; flex-grow: 1; display: flex; align-items: center; justify-content: center; } body:not(.raw) .ss-ed-project .project-display .video-container > span.thanks { background-image: url(""); background-size: cover; text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px; font-family: Lora, serif; font-size: 22px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.3px; color: rgb(255, 255, 255); text-align: center; } @media (max-width: 720px) { body:not(.raw) .ss-ed-project { flex-direction: column; } body:not(.raw) .ss-ed-project .project-display .video-container { flex-direction: column-reverse; } body:not(.raw) .ss-ed-project .project-display .details-container { flex-direction: column; width: 100%; } body:not(.raw) .ss-ed-project .project-display .thankyou-container.infobox { flex-direction: column; width: 100%; } body:not(.raw) .ss-ed-project .project-display .instructions .special-instructions { flex-direction: column; } } body:not(.raw) .ss-ed-sidebar { background-color: rgb(226, 226, 230); min-width: 100px; display: flex; flex-direction: column; align-items: center; font-family: Lora, serif; font-weight: 700; } body:not(.raw) .ss-ed-sidebar div { flex-basis: 90px; display: flex; width: 100%; align-items: center; justify-content: center; border-bottom: 1px solid rgb(168, 169, 184); } body:not(.raw) .ss-ed-sidebar div a { color: rgb(37, 39, 80); } body:not(.raw) .ss-ed-sidebar div.selected { background-color: rgb(24, 125, 184); } body:not(.raw) .ss-ed-sidebar div.selected a { color: rgb(255, 255, 255); } body:not(.raw) .edit_attr .el-tag + .el-tag { margin-left: 10px; } body:not(.raw) .edit_attr .button-new-tag { margin-left: 10px; height: 32px; line-height: 30px; padding-top: 0px; padding-bottom: 0px; } body:not(.raw) .edit_attr .input-new-tag { width: 90px; margin-left: 10px; vertical-align: bottom; } .edit-attr.force-required label::before { content: "*"; color: rgb(245, 108, 108); margin-right: 4px; } body:not(.raw) .ss-edu-project { max-width: 1100px; margin: 0px auto 5rem; } body:not(.raw) .ss-edu-project h1 { margin-top: 20px; padding: 10px 15px; background: rgb(0, 98, 194); color: white; } body:not(.raw) .ss-edu-project .tab-header { margin-top: 35px; border-bottom: 3px solid rgb(0, 98, 194); height: 35px; } body:not(.raw) .ss-edu-project .tab-header span { font-size: 15px; padding: 10px; line-height: 1; margin-bottom: 0px; font-weight: 800; background: rgb(0, 98, 194); color: white; border-top-left-radius: 4px; border-top-right-radius: 4px; } body:not(.raw) .ss-edu-project .project-header img { max-width: 100%; height: auto; } body:not(.raw) .ss-edu-project .project-checklist .steps .step { display: flex; align-items: center; background: white; border: 1px solid rgb(222, 222, 222); margin-bottom: 6px; padding: 20px; } body:not(.raw) .ss-edu-project .project-checklist .steps .step .number { background: rgb(222, 222, 222); border-radius: 25px; color: rgb(0, 0, 0); height: 40px; width: 40px; font-size: 18px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0px auto; } body:not(.raw) .ss-edu-project .project-checklist .action-bar { background: rgba(0, 98, 194, 0.2); padding: 25px 0px; text-align: center; } body:not(.raw) .ss-edu-project .project-checklist .action-bar .button { background: rgb(0, 98, 194); padding: 10px; border-radius: 10px; margin: 0px auto; color: white; font-weight: 800; } body:not(.raw) .ss-edu-project .checklist { border: 1px solid rgb(222, 222, 222); margin-bottom: 50px; } body:not(.raw) .ss-edu-project .checklist .check { padding: 50px 0px; text-align: center; } body:not(.raw) .ss-event .el-date-editor.el-input, body:not(.raw) .ss-event .el-date-editor.el-input__inner { width: 100%; } body:not(.raw) .ss-event .ss-map .display { height: 60vh; } body:not(.raw) .ss-event .ss-eventbrite { width: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(71, 168, 212); padding: 1em; margin-bottom: 1rem; color: rgb(71, 168, 212); } body:not(.raw) .ss-event .past-end { color: rgb(255, 58, 58); } body:not(.raw) .ss-event figcaption { overflow-wrap: break-word; text-shadow: rgb(255, 255, 255) 0px 0px 5px; } body:not(.raw) .ss-event-add .ss-map .display { height: 60vh; } body:not(.raw) .ss-event-finder .el-radio + .el-radio { margin-left: 0px; } body:not(.raw) .ss-event-finder .el-date-editor.el-input, body:not(.raw) .ss-event-finder .el-date-editor.el-input__inner { width: 100%; } body:not(.raw) .ss-event-finder .el-tabs__item { font-size: 24px; } body:not(.raw) .ss-event-finder .ss-map .display { width: 100%; height: 70vh; } body:not(.raw) .ss-event-finder .event-popup { min-width: 160px; max-width: 200px; max-height: 200px; overflow-y: auto; } body:not(.raw) .el-select-dropdown__list li.el-select-dropdown__item { max-width: 90vw !important; } body:not(.raw) .ss-faq { padding: 1rem 4rem; } body:not(.raw) .ss-faq img { max-width: 100%; } @media (max-width: 400px) { body:not(.raw) .ss-faq { padding: 0px; } } body:not(.raw) .ss-foldup .folding-indicator { vertical-align: middle; float: right; } body:not(.raw) #footer, body.raw #footer { margin-top: 2rem; background-color: rgb(238, 238, 238); color: rgb(102, 102, 102); padding-top: 2rem; } body:not(.raw) #footer a, body.raw #footer a { color: rgb(102, 102, 102); } body:not(.raw) #footer a:visited, body.raw #footer a:visited { color: rgb(102, 102, 102); } body:not(.raw) #footer a:hover, body.raw #footer a:hover { color: rgb(71, 168, 212); } body:not(.raw) .footer-list > li, body.raw .footer-list > li { margin-bottom: 1rem; } body:not(.raw) #footer .footer-section, body.raw #footer .footer-section { display: flex; flex-direction: row; align-items: start; } body:not(.raw) #footer .footer-section > .footer-group, body.raw #footer .footer-section > .footer-group { display: flex; flex-direction: column; align-items: start; width: 100%; } body:not(.raw) #footer .footer-section > .footer-group > *, body.raw #footer .footer-section > .footer-group > * { margin-bottom: 1rem; } @media (max-width: 960px) { body:not(.raw) #footer .footer-section, body.raw #footer .footer-section { flex-direction: column; } body:not(.raw) #footer .footer-section > .footer-group.mobile-hz, body.raw #footer .footer-section > .footer-group.mobile-hz { flex-direction: row; justify-content: space-evenly; } } body:not(.raw) .content-info, body.raw .content-info { background-color: rgb(221, 221, 221); } body:not(.raw) .content-info__nav > li, body.raw .content-info__nav > li { margin-left: 0.5rem; } body:not(.raw) .content-info__nav > li::before, body.raw .content-info__nav > li::before { content: "|"; display: inline-block; margin-right: 0.5rem; } body:not(.raw) .content-info__nav > li:first-child::before, body.raw .content-info__nav > li:first-child::before { display: none; } body:not(.raw) .content-info__nav > li:first-child, body.raw .content-info__nav > li:first-child { margin-left: 0px; } body:not(.raw) #cookie-policy, body.raw #cookie-policy { display: none; background-color: rgb(37, 40, 79); position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 2rem; color: rgb(255, 255, 255); font-size: 1rem; z-index: 1000; } body:not(.raw) #cookie-policy.visible, body.raw #cookie-policy.visible { display: block; } body:not(.raw) #cookie-policy::after, body.raw #cookie-policy::after { display: block; content: "✕"; color: rgb(255, 255, 255); position: absolute; top: 0.5rem; right: 0.5rem; cursor: pointer; } body:not(.raw) .ss-form-data { max-width: 100%; overflow: auto; } body:not(.raw) .ss-form-data .data-point { border: 1px solid rgb(153, 153, 153); border-radius: 5%; margin: 1rem auto; padding: 1rem; box-sizing: border-box; border-collapse: separate; width: 90%; } body:not(.raw) .ss-form-data .data-point th { vertical-align: middle; font-weight: bold; } body:not(.raw) .ss-form-data .data-point .ss-map { height: 260px; width: 260px; } body:not(.raw) .ss-forum .from::before { content: "("; display: inline; } body:not(.raw) .ss-forum .from::after { content: ")"; display: inline; } body:not(.raw) .ss-forum .ss-forum-post { border-left: 4px solid rgb(190, 229, 255); padding-left: 1rem; } body:not(.raw) .ss-forum .post-flag > img { width: 0.8rem; height: 0.8rem; } body:not(.raw) .ss-forum .expander > img { transition: transform 0.5s ease 0s; } body:not(.raw) .ss-forum .expander:not(.expanded) > img { transform: rotate(-90deg); } body:not(.raw) .ss-forum .is-circle { border-radius: 50% !important; } body:not(.raw) .ss-forum-post img { max-width: 400px; max-height: 300px; } body:not(.raw) .ss-group-finder .el-select { max-width: 300px; } body:not(.raw) header.site-header, body.raw header.site-header { background-color: rgb(37, 40, 79); box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 2px; color: rgb(255, 255, 255); position: relative; height: 6.75rem; } body:not(.raw) header.site-header #login-links, body.raw header.site-header #login-links { text-align: center; font-size: 80%; margin-top: 0.5rem; } body:not(.raw) header.site-header #login-links a, body.raw header.site-header #login-links a { color: rgb(255, 255, 255); } body:not(.raw) header.site-header .header--messages button, body.raw header.site-header .header--messages button { padding: 0px; margin: 0px; border-radius: 100%; min-width: 1rem; position: relative; top: -0.5rem; } body:not(.raw) header.site-header .minimal-header, body.raw header.site-header .minimal-header { position: absolute; top: 35%; right: 10px; color: rgb(255, 255, 255); } body:not(.raw) header.site-header .minimal-header a, body.raw header.site-header .minimal-header a { display: inline-block; color: rgb(255, 255, 255); margin-right: 1rem; font-family: Nunito, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: -0.1px; } body:not(.raw) header.site-header .minimal-header a:not(:last-of-type), body.raw header.site-header .minimal-header a:not(:last-of-type) { padding-right: 1rem; border-right: 1px solid rgb(169, 186, 73); } body:not(.raw) .logo, body.raw .logo { bottom: 0px; height: inherit; position: absolute; left: 4%; top: 0px; z-index: 2; } body:not(.raw) .logo > img, body.raw .logo > img { bottom: 0px; left: 0px; margin: auto; position: absolute; top: 0px; } @media (max-width: 950px) { body:not(.raw) .logo > img, body.raw .logo > img { max-width: 140px; } } body:not(.raw) button.menu-trigger, body.raw button.menu-trigger { display: none; position: absolute; top: 0px; bottom: 50%; right: 4%; color: rgb(244, 125, 48); stroke: rgb(244, 125, 48); background: rgb(37, 40, 79); font-size: 1.125rem; line-height: 1; height: 1.125rem; margin: auto; border: none; } body:not(.raw) button.menu-trigger:hover, body:not(.raw) button.menu-trigger:focus, body.raw button.menu-trigger:hover, body.raw button.menu-trigger:focus { color: rgb(212, 104, 32); stroke: rgb(212, 104, 32); } body:not(.raw) button.menu-trigger span, body.raw button.menu-trigger span { display: none; } body:not(.raw) .nav--active, body.raw .nav--active { position: absolute; right: 4%; top: 2px; display: block; } body:not(.raw) .nav--active ul, body.raw .nav--active ul { display: inline-block; padding: 0px; } body:not(.raw) .nav--active ul li, body.raw .nav--active ul li { display: inline; } body:not(.raw) .nav--active ul li a, body.raw .nav--active ul li a { color: rgb(255, 255, 255); text-decoration: none; padding-right: 1rem !important; } body:not(.raw) .nav--active ul li a:hover, body:not(.raw) .nav--active ul li a:focus, body.raw .nav--active ul li a:hover, body.raw .nav--active ul li a:focus { color: rgb(244, 125, 48); } body:not(.raw) .nav--links, body.raw .nav--links { position: absolute; bottom: 16px; right: 4%; } body:not(.raw) .nav--links ul, body.raw .nav--links ul { display: table-row; padding: 0px; } body:not(.raw) .nav--links ul li, body.raw .nav--links ul li { display: table-cell; } body:not(.raw) .nav--links ul li a, body.raw .nav--links ul li a { color: rgb(255, 255, 255); text-decoration: none; border-bottom: 2px solid transparent; padding-left: 0.5rem !important; padding-right: 0.5rem !important; padding-top: 0.5rem !important; } body:not(.raw) .nav--links ul li a:hover, body:not(.raw) .nav--links ul li a:focus, body.raw .nav--links ul li a:hover, body.raw .nav--links ul li a:focus { color: rgb(244, 125, 48); border-bottom: 2px solid rgb(244, 125, 48); } body:not(.raw) .nav--links ul li a.blog-link, body.raw .nav--links ul li a.blog-link { padding-right: 0px !important; } @media only screen and (min-width: 951px) and (max-width: 1084px) { body:not(.raw) header.site-header, body.raw header.site-header { height: 8.75rem !important; } body:not(.raw) .logo > img, body.raw .logo > img { margin: 20px 0px; } } @media only screen and (max-width: 950px) { body:not(.raw) .nav--active.hidden-xs-only, body.raw .nav--active.hidden-xs-only { display: none; } body:not(.raw) header.site-header .hidden-sm-and-up, body.raw header.site-header .hidden-sm-and-up { display: initial !important; } body:not(.raw) .nav--links.open ul li.mobile-auth, body.raw .nav--links.open ul li.mobile-auth { display: inline-block !important; } body:not(.raw) .nav--links.open ul li.mobile-search, body.raw .nav--links.open ul li.mobile-search { display: block !important; } body:not(.raw) header.site-header, body.raw header.site-header { height: 4rem; } body:not(.raw) .logo > img, body.raw .logo > img { margin: auto; } body:not(.raw) .menu-trigger, body.raw .menu-trigger { display: block !important; bottom: 25% !important; } body:not(.raw) .nav--links, body.raw .nav--links { display: none; background-color: rgb(37, 40, 79); bottom: auto; top: 100%; z-index: 500; } body:not(.raw) .nav--links.open, body.raw .nav--links.open { position: absolute; top: 4rem; left: 0px; width: 100%; max-width: 100%; display: block; } body:not(.raw) .nav--links.open ul, body.raw .nav--links.open ul { display: block; } body:not(.raw) .nav--links.open ul li, body.raw .nav--links.open ul li { display: block; padding: 0px; border-top: 1px solid rgb(136, 136, 136); width: 100%; max-width: 100%; } body:not(.raw) .nav--links.open ul a, body.raw .nav--links.open ul a { display: inline-block; width: 100%; border-bottom: none; padding: 0.5rem 0.5rem 0.5rem 1rem !important; } body:not(.raw) .nav--links.open ul a:hover, body:not(.raw) .nav--links.open ul a:focus, body.raw .nav--links.open ul a:hover, body.raw .nav--links.open ul a:focus { background-color: rgb(244, 125, 48); color: rgb(255, 255, 255); border-bottom: none; } body:not(.raw) .nav--links.open ul li.mobile-auth, body.raw .nav--links.open ul li.mobile-auth { display: inline-block; width: 49%; border-top: none; } body:not(.raw) .nav--links.open ul li.mobile-auth a.mobile-auth__item, body.raw .nav--links.open ul li.mobile-auth a.mobile-auth__item { width: 100%; text-align: center; padding: 0.5rem 0px !important; } body:not(.raw) .nav--links.open ul li.mobile-search, body.raw .nav--links.open ul li.mobile-search { border-bottom: 1px solid rgb(136, 136, 136); display: block; padding: 0.5rem 0.5rem 0.5rem 1rem !important; } body:not(.raw) #login-links, body.raw #login-links { display: none !important; } } body:not(.raw) .el-input-group__append, body.raw .el-input-group__append { border: none; color: rgb(255, 255, 255); background-color: rgb(169, 186, 60) !important; } body:not(.raw) .el-input-group__append:hover, body:not(.raw) .el-input-group__append:focus, body.raw .el-input-group__append:hover, body.raw .el-input-group__append:focus { background-color: rgb(144, 158, 51) !important; } body:not(.raw) input.el-input_inner, body.raw input.el-input_inner { border: none; } body:not(.raw) header .el-dropdown, body.raw header .el-dropdown { margin: 0px 10px; } body:not(.raw) header .el-button--user, body.raw header .el-button--user { padding: 8px; background-color: rgb(29, 31, 63) !important; border: 0px !important; margin-right: 0px !important; } body:not(.raw) header .el-button--user a, body.raw header .el-button--user a { color: rgb(246, 125, 32) !important; padding-left: 0px !important; } body:not(.raw) header .el-button--user:hover, body.raw header .el-button--user:hover { color: rgb(246, 125, 32); background-color: rgb(29, 31, 63) !important; } body:not(.raw) header .el-button--user.el-dropdown__caret-button, body.raw header .el-button--user.el-dropdown__caret-button { padding: 8px 4px; color: rgb(255, 255, 255); } body:not(.raw) header .el-button--user.el-dropdown__caret-button:hover, body.raw header .el-button--user.el-dropdown__caret-button:hover { border-left: 0px !important; } body:not(.raw) header .el-dropdown .el-dropdown__caret-button:hover::before, body.raw header .el-dropdown .el-dropdown__caret-button:hover::before { top: 5px !important; bottom: 5px !important; } body:not(.raw) .el-dropdown-menu .el-dropdown-menu__item a, body.raw .el-dropdown-menu .el-dropdown-menu__item a { color: rgb(37, 39, 80); } body:not(.raw) .el-dropdown-menu .el-dropdown-menu__item a:hover, body.raw .el-dropdown-menu .el-dropdown-menu__item a:hover { color: rgb(246, 125, 32); } body:not(.raw) .el-dropdown-menu .el-dropdown-menu__item:hover, body.raw .el-dropdown-menu .el-dropdown-menu__item:hover { background-color: rgb(37, 39, 80); color: rgb(246, 125, 32); } body:not(.raw) .el-dropdown-menu .el-dropdown-menu__item:hover a, body.raw .el-dropdown-menu .el-dropdown-menu__item:hover a { color: rgb(246, 125, 32); } body:not(.raw) #header-login, body.raw #header-login { margin-right: 20px; } body:not(.raw) header .hidden-sm-and-up .el-dropdown, body.raw header .hidden-sm-and-up .el-dropdown { width: 100%; margin: 0px; } body:not(.raw) header .hidden-sm-and-up .el-dropdown .el-button--user, body.raw header .hidden-sm-and-up .el-dropdown .el-button--user { width: 75%; } body:not(.raw) header .hidden-sm-and-up .el-dropdown .el-button--user.el-dropdown__caret-button, body.raw header .hidden-sm-and-up .el-dropdown .el-button--user.el-dropdown__caret-button { width: 25%; height: 46px; } body:not(.raw) .ss-inbox .prev-body { border-left: 2px solid rgb(51, 51, 102); } body:not(.raw) .ss-inbox .message label { font-weight: bold; } body:not(.raw) .ss-inbox .unread { font-weight: bold; font-size: 110%; } body:not(.raw) #inbox-search form { display: flex; width: 100%; } body:not(.raw) #inbox-search form button { border: 0px; background-color: rgb(29, 131, 178); } body:not(.raw) .ss-indev { display: inline-block; border: 1px dotted rgb(255, 102, 102); background-color: rgb(238, 204, 204); margin: 0px; padding: 0px; } body:not(.raw) #hero .el-form-item { margin-bottom: 0px; } body:not(.raw) #hero .el-input__icon { height: inherit; } body:not(.raw) #hero el-select-dropdown.el-popper { top: 480px !important; } body:not(.raw) .el-popper[x-placement^="bottom"] { margin-top: -5px; } body:not(.raw) .gs-link, body:not(.raw) .gs-link:hover, body:not(.raw) .gs-link:visited, body:not(.raw) .gs-link:focus { color: rgb(0, 174, 88); } body:not(.raw) .home-mini-icons { vertical-align: middle; height: 40px; } body:not(.raw) .benefits-for-projects { background-color: rgb(221, 227, 177); } body:not(.raw) .benefits-for-projects img { max-height: 64px; } @media screen and (min-width: 767px) { body:not(.raw) .benefits-for-projects { background-color: rgb(255, 255, 255); } } body:not(.raw) .blog-heading { font-family: Nunito, sans-serif; font-size: 1rem; line-height: 20px; text-transform: none; } body:not(.raw) .ss-index .el-switch { margin-top: -20px; } body:not(.raw) .cycle-container { position: relative; } body:not(.raw) .cycle-container .cycle-frame { top: 0px; left: 0px; width: 100%; } body:not(.raw) .cycle-container .cycle-frame:not(:first-child) { position: absolute; } body:not(.raw) .banner { position: relative; display: block; margin: 0px auto; padding: 10px; border: 1px solid rgb(221, 221, 221); max-width: 100%; } body:not(.raw) .banner .banner-close { display: block; position: absolute; top: 0px; right: 0px; background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); font-weight: bold; cursor: pointer; } body:not(.raw) div.ss-inline-edit { position: relative; } body:not(.raw) div.ss-inline-edit > * { display: inline-block; } body:not(.raw) div.ss-inline-edit a.edit-link { font-size: 0.6rem; margin-left: 1rem; position: absolute; top: 0px; right: 0px; } body:not(.raw) .ss-input-birthday { border: 1px solid rgb(170, 170, 170); padding: 10px; margin-bottom: 1rem; border-radius: 4px; } body:not(.raw) .ss-input-birthday input { font-size: 14px; color: rgb(96, 98, 102); padding: 7px; border-radius: 4px; border: 1px solid rgb(170, 170, 170); width: 35px; text-align: center; } body:not(.raw) .ss-input-birthday #year { width: 70px; } body:not(.raw) .ss-input-birthday label { font-size: 10px; display: block; text-transform: uppercase; color: rgb(29, 131, 178); font-weight: 700; } body:not(.raw) .ss-input-birthday .flex > div { margin-right: 12px; } body:not(.raw) .ss-input-birthday .flex > div:last-child { margin-right: 0px; } body:not(.raw) .ss-input-birthday p { color: rgb(29, 131, 178); display: inline-block; margin-bottom: 0.5rem !important; } body:not(.raw) .ss-dashboard-settings .ss-tooltip { font-size: 12px; color: rgb(152, 152, 152); margin-bottom: 0.5rem; margin-left: auto; } body:not(.raw) .ss-dashboard-settings .ss-tooltip .el-tooltip { padding: 2px; border-radius: 100%; width: 20px; background-color: rgb(246, 125, 32); border-color: transparent; color: rgb(255, 255, 255); } body:not(.raw) .ss-dashboard-settings .flex > div { margin-right: 12px; } body:not(.raw) .ss-dashboard-settings .flex > div:last-child { margin-right: 0px; } body:not(.raw) .ss-dashboard-settings .ss-label { color: rgb(29, 131, 178); font-size: 16px; display: inline-block; margin-bottom: 0.5rem !important; } body:not(.raw) .ss-intro-participants .section-violet { background-color: rgb(37, 40, 79); } @media screen and (min-width: 991px) { body:not(.raw) .ss-intro-participants .section-honeybot { background-image: url(""); background-repeat: no-repeat; background-position: left 4% top 2rem; } } body:not(.raw) .ss-intro-participants .title { position: relative; } body:not(.raw) .ss-intro-participants .title::before, body:not(.raw) .ss-intro-participants .title::after { background-color: rgb(169, 186, 60); content: " "; height: 1px; margin-top: 0.25rem; position: absolute; top: 100%; } body:not(.raw) .ss-intro-participants .title::before { left: -0.5rem; right: 0px; } body:not(.raw) .ss-intro-participants .title::after { left: 0px; margin-top: 0.625rem; right: -0.5rem; } body:not(.raw) .ss-intro-participants .chain-volunteer { list-style: none; margin-left: 0px; padding: 0px; text-align: center; } body:not(.raw) .ss-intro-participants .chain-volunteer__item { background-color: rgb(37, 132, 176); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px; border-radius: 50%; display: block; margin-bottom: -1rem; padding-bottom: 100%; position: relative; width: 100%; } body:not(.raw) .ss-intro-participants .chain-volunteer__item:first-child { z-index: 5; } body:not(.raw) .ss-intro-participants .chain-volunteer__item:nth-child(2) { background-color: rgb(48, 138, 180); z-index: 4; } body:not(.raw) .ss-intro-participants .chain-volunteer__item:nth-child(3) { background-color: rgb(59, 144, 184); z-index: 3; } body:not(.raw) .ss-intro-participants .chain-volunteer__item:nth-child(4) { background-color: rgb(70, 150, 188); z-index: 2; } body:not(.raw) .ss-intro-participants .chain-volunteer__item:nth-child(5) { background-color: rgb(81, 157, 192); z-index: 1; } body:not(.raw) .ss-intro-participants .chain-volunteer__item__body { inset: 0px; height: 50%; margin: auto; position: absolute; width: 80%; } @media screen and (min-width: 560px) { body:not(.raw) .ss-intro-participants .chain-volunteer { margin-left: auto; margin-right: auto; width: 60%; } body:not(.raw) .ss-intro-participants .chain-volunteer__item__body { padding-top: 30px; } } @media screen and (min-width: 767px) { body:not(.raw) .ss-intro-participants .chain-volunteer { margin-left: auto; margin-right: auto; width: 40%; } } @media screen and (min-width: 1024px) { body:not(.raw) .ss-intro-participants .chain-volunteer { margin-left: 0px; margin-right: 0px; width: auto; } body:not(.raw) .ss-intro-participants .chain-volunteer__item { display: inline-block; margin-bottom: 0px; margin-left: -1rem; padding-bottom: 20%; width: 20%; } body:not(.raw) .ss-intro-participants .chain-volunteer__item__body { padding-top: 0px; } } body:not(.raw) .ss-intro-participants .quote-bubble { background-color: white; border: 3px solid rgb(144, 158, 51); border-radius: 12px; margin-bottom: 1.75rem; padding: 1rem; position: relative; } body:not(.raw) .ss-intro-participants .quote-bubble::after { background-image: url(""); background-size: 51px 31px; content: " "; height: 31px; left: 1rem; margin-top: -1px; position: absolute; top: 100%; width: 51px; } body:not(.raw) .ss-intro-researchers .section-violet { background-color: rgb(37, 40, 79); } body:not(.raw) .ss-intro-researchers .title { position: relative; } body:not(.raw) .ss-intro-researchers .title::before, body:not(.raw) .ss-intro-researchers .title::after { background-color: rgb(169, 186, 60); content: " "; height: 1px; margin-top: 0.25rem; position: absolute; top: 100%; } body:not(.raw) .ss-intro-researchers .title::before { left: -0.5rem; right: 0px; } body:not(.raw) .ss-intro-researchers .title::after { left: 0px; margin-top: 0.625rem; right: -0.5rem; } body:not(.raw) div.library-card > a:first-child > img { height: 250px; display: block; margin: 0px auto; object-fit: scale-down; object-position: center top; } body:not(.raw) .four div.library-card > a:first-child > img { height: 200px; } @keyframes drifting-even { 0% { top: -30px; transform: rotate(-0.25turn); } 50% { transform: rotate(0.25turn); } 100% { top: 100vh; transform: rotate(-0.25turn); } } @keyframes drifting-odd { 0% { top: -30px; transform: rotate(0turn); } 25% { transform: rotate(0.25turn); } 75% { transform: rotate(-0.25turn); } 100% { top: 100vh; transform: rotate(0turn); } } body:not(.raw) .ss-library .confetti { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; pointer-events: none; z-index: 99; background-color: transparent; } body:not(.raw) .ss-library .confetti > div { top: -30px; position: absolute; animation-iteration-count: 1; animation-timing-function: linear; animation-duration: 5s; } body:not(.raw) .ss-library .confetti > div > div { position: absolute; top: 20px; width: 10px; height: 5px; } body:not(.raw) .ss-library.badge .confetti { display: block; } body:not(.raw) .ss-library.badge .confetti > div:nth-child(2n) { animation-name: drifting-even; } body:not(.raw) .ss-library.badge .confetti > div:nth-child(2n+1) { animation-name: drifting-odd; } body:not(.raw) .ss-library .ss-share-this { margin-top: 1em; transform: scale(0.6); } body:not(.raw) .ss-library .edit-container { box-sizing: border-box; margin: 0px; border: 1px solid transparent; padding: 0px; position: relative; } body:not(.raw) .ss-library .edit-container:has(> .edit-link:hover) { border: 1px dotted rgb(255, 0, 255); } body:not(.raw) .ss-library .edit-link { position: absolute; top: 0px; right: 0px; z-index: 999; color: orange; text-shadow: black 1px 1px 1px; } body:not(.raw) .ss-library .el-collapse-item__header { height: auto; } body:not(.raw) .ss-library .top-border { border-top: 4px solid rgb(190, 186, 186); } body:not(.raw) .ss-library .callout { display: block; margin: 3rem auto; max-width: 600px; padding: 1rem; border: 1px solid rgb(0, 99, 185); border-radius: 1rem; } body:not(.raw) .ss-library .main-column { background: rgb(238, 238, 238); } body:not(.raw) .ss-library .library-flex__card { padding-bottom: 1rem; } body:not(.raw) .ss-library .library-flex__prefix { width: 100%; background: rgb(238, 238, 238); } body:not(.raw) .ss-library .library-flex__prefix p { margin-bottom: 0.75rem !important; margin-top: 0.75rem; } body:not(.raw) .ss-library .library-flex__prefix h1, body:not(.raw) .ss-library .library-flex__prefix h2, body:not(.raw) .ss-library .library-flex__prefix h3, body:not(.raw) .ss-library .library-flex__prefix h4, body:not(.raw) .ss-library .library-flex__prefix h5, body:not(.raw) .ss-library .library-flex__prefix h6 { margin-top: 0.5em; margin-bottom: 0.5em; } body:not(.raw) .ss-library .embed-container { position: relative; } body:not(.raw) .ss-library .embed-container > * { width: 100%; height: auto; } @media screen and (min-width: 560px) { body:not(.raw) .ss-library .library-flex { display: flex; flex-wrap: wrap; align-content: flex-start; box-sizing: border-box; } body:not(.raw) .ss-library .library-flex.two { padding-left: 16.7% !important; padding-right: 16.7% !important; } body:not(.raw) .ss-library .library-flex.one { padding-left: 33% !important; padding-right: 33% !important; } body:not(.raw) .ss-library .library-flex__card { flex: 1 1 auto; padding-right: 1rem; padding-bottom: 1rem; max-width: 33.33%; } body:not(.raw) .ss-library .library-flex__card.four { max-width: 25%; } body:not(.raw) .ss-library .library-flex__card.two { max-width: 50%; } body:not(.raw) .ss-library .library-flex__card.one { max-width: 100%; } body:not(.raw) .ss-library .library-flex__card a:hover { text-decoration: none; } } body:not(.raw) .ss-library .library-card { height: 100%; display: flex; flex-direction: column; position: relative; } body:not(.raw) .ss-library .library-card.completed::after { position: absolute; top: -18px; left: 0px; content: ""; background-image: url(""); background-size: 93px 75px; width: 93px; height: 75px; } body:not(.raw) .ss-library .library-card .affiliate-logo { width: 32px; height: 32px; position: absolute; bottom: 0px; right: 0px; } body:not(.raw) .ss-library .library-card a:first-child { flex-grow: 1; } body:not(.raw) .ss-library .library-card:hover:not(.no-hover) { box-shadow: yellow 0px 0px 20px inset; } body:not(.raw) .ss-library .library-card h3 { font-size: 1.125rem; line-height: 1.2; color: rgb(37, 40, 79); font-weight: 900; text-transform: uppercase; } body:not(.raw) .ss-library .library-card h3:hover { text-decoration: none; } body:not(.raw) .ss-library .library-card p { color: rgb(255, 255, 255); font-size: 1rem; line-height: 1.5; } body:not(.raw) .ss-library .library-card p:hover { text-decoration: none; } body:not(.raw) .ss-library .library-intro-module { margin: 5px auto; width: 60vw; height: calc(42vw); } body:not(.raw) .ss-library .library-intro-module iframe { width: 100%; height: 100%; } @media only screen and (max-width: 600px) { body:not(.raw) .ss-library .library-intro-module { width: 100vw; height: calc(70vw); } } @media only screen and (max-height: 600px) { body:not(.raw) .ss-library .library-intro-module { height: 90vh; } } body:not(.raw) .ss-library .top-content { font-size: 1.25rem; display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { body:not(.raw) .ss-library .top-content { flex-direction: row; } } body:not(.raw) .ss-library .top-content .image-container { text-align: center; } body:not(.raw) .ss-library .top-content .image-container img { max-width: 300px; } @media only screen and (min-width: 768px) { body:not(.raw) .ss-library .top-content .image-container img { max-width: 190px; } } @media only screen and (min-width: 992px) { body:not(.raw) .ss-library .top-content .image-container img { max-width: 250px; } } @media only screen and (min-width: 767px) and (max-width: 991px) { body:not(.raw) .ss-library .intro { display: flex; } body:not(.raw) .ss-library .intro .intro-img { padding-right: 2rem; } } body:not(.raw) .ss-library .kit-rating-criteria { background-color: rgb(239, 239, 239); } body:not(.raw) .ss-library .project-finder { background: rgb(37, 40, 79); color: white; max-width: 700px; margin: 0px auto; } body:not(.raw) .ss-library .project-finder h3 { color: white; font-size: 16px; } body:not(.raw) .ss-library .project-finder p { line-height: 1.2; } body:not(.raw) .ss-library .project-finder + .intro { margin-top: 2rem; } body:not(.raw) .ss-library .two-col-centered { display: flex; align-items: center; flex-direction: column; } @media only screen and (min-width: 768px) { body:not(.raw) .ss-library .two-col-centered { flex-direction: row; } } body:not(.raw) .ss-library .login-required-overlay { position: fixed; inset: 0px; z-index: 99; } body:not(.raw) .ss-library .login-required-overlay .login-required-background { background-color: rgb(255, 255, 255); opacity: 0.5; position: absolute; inset: 0px; z-index: -1; } body:not(.raw) .ss-library .login-required-overlay .login-required-content { padding: 3rem; background-color: rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 3px 3px 6px; margin: 200px auto 0px; max-width: 600px; } body:not(.raw) .ss-library .disablized { position: relative; overflow: hidden; } body:not(.raw) .ss-library #disabler { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); opacity: 0.67; transition: top 1s ease 0s; } body:not(.raw) .ss-library .self-identification { border: 1px solid rgb(150, 199, 226); border-radius: 3px; padding: 1rem; } body:not(.raw) .ss-library .self-identification em { font-style: italic; } body:not(.raw) .ss-library .language-select { display: block; margin: 2rem auto; width: 10rem; } body:not(.raw) .ss-library.logged-in .hide-logged-in { display: none; } body:not(.raw) .ss-library.logged-out .hide-logged-out { display: none; } body:not(.raw) .library-data.org-style * { color: rgb(85, 85, 85); } body:not(.raw) .library-data.org-style h1 { font-weight: bold; margin-bottom: 1rem; font-size: 2rem; } body:not(.raw) .library-data.org-style .org-border-card { border-top: 8px solid rgb(169, 187, 46); margin-bottom: 2rem; } body:not(.raw) .library-data.org-style .stat--number { color: rgb(246, 125, 32); } body:not(.raw) .library-data.org-style #ld-projects > div { border: 1px solid rgb(230, 230, 230); margin-bottom: 1rem; } body:not(.raw) .library-data.org-style .ld-project-header { padding: 0px; border-bottom: 1px solid rgb(230, 230, 230); font-family: Lora, serif; align-items: center; } body:not(.raw) .library-data.org-style .ld-project-header .mo-img { height: 45px; } body:not(.raw) .library-data.org-style .ld-project-header .mo-img img { height: 100%; } body:not(.raw) .library-data.org-style .ld-project-header h3 { padding-left: 1rem; font-family: Lora, serif; font-weight: bold; } body:not(.raw) .ld-project .org-flex-item { text-align: left; border-left: 1px solid rgb(230, 230, 230); } body:not(.raw) .ld-project .org-flex-item:first-child { border-left: 0px; } body:not(.raw) .ld-project .org-flex-item h4 { font-family: Lora, serif; font-weight: bold; font-size: 1.3rem; } body:not(.raw) .ld-graph-actions { display: flex; justify-content: space-between; align-items: center; } body:not(.raw) .ld-small-trend { margin: 3rem 0px 1rem; height: 100px; width: 100%; position: relative; display: block; } body:not(.raw) .ld-small-trend canvas { height: 100px !important; } @media (max-width: 991px) { body:not(.raw) .ld-project .org-flex-item { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(230, 230, 230); } } @media (min-width: 992px) { body:not(.raw) .library-data.org-style .d2t .d2t-tab.d2t--selected { border-top: 4px solid rgb(169, 187, 46); } } body:not(.raw) .ld-modal-overlay { position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; place-content: center; align-items: center; } body:not(.raw) .ld-modal-overlay .ld-modal-content { width: 90vw; height: 90vh; background-color: rgb(255, 255, 255); padding: 10px; overflow: auto; } body:not(.raw) .ld-big-trend .ld-flex { display: flex; margin-bottom: 2rem; } body:not(.raw) .ld-big-trend .ld-flex > div { margin-right: 20px; } body:not(.raw) .ld-big-trend .ld-flex > div.ld-flex-last { margin-left: auto; margin-right: 0px; } body:not(.raw) .ld-big-trend .ld-flex button { border: 0px; font-size: 2rem; font-weight: bold; } body:not(.raw) .ld-visitors-header { display: flex; align-items: flex-end; margin-bottom: 2rem; } body:not(.raw) .ld-visitors-header .stat--number { font-size: 2.4rem !important; } body:not(.raw) .ld-visitors-header .stat--desc { font-size: 1.2rem !important; } body:not(.raw) .ld-visitors-header div { margin-right: 0.4rem; } body:not(.raw) #ld-visitors .org-flex-row { margin-bottom: 4rem; border-bottom: 1px solid rgb(239, 239, 239); padding-bottom: 2rem; } body:not(.raw) #ld-visitors .org-flex-row > div { border-left: 1px solid rgb(230, 230, 230); } body:not(.raw) #ld-visitors .org-flex-row > div:first-child { border: 0px; } body:not(.raw) #ld-visitors .org-style .media-image { width: 60px; height: 60px; overflow: hidden; } body:not(.raw) #ld-visitors .org-style .media-image img { width: 100%; } body:not(.raw) #ld-visitors h3 { font-size: 1.2rem; letter-spacing: normal; font-family: Lora, serif; font-weight: bold; margin-bottom: 2rem; } body:not(.raw) #ld-visitors .org-data-selector { border: 0px; } body:not(.raw) #ld-visitors .org-data-selector .org-ds-current { color: rgb(246, 125, 32); font-weight: bold; } body:not(.raw) .ld-pe-flex { display: flex; } body:not(.raw) .ld-pe-flex .ld-auto-left { margin-left: auto; } body:not(.raw) .ld-pe-info td { padding-bottom: 0.75rem; text-align: left; } body:not(.raw) .ld-table-head { color: rgb(246, 125, 32); font-weight: bold; width: 120px; } body:not(.raw) #ld-traffic .el-table { margin-bottom: 1rem; } body:not(.raw) #ld-traffic th:first-child .caret-wrapper { margin-left: 16px !important; } body:not(.raw) #ld-traffic td:first-child { text-align: left !important; } body:not(.raw) .ss-library-kit .language-select { position: absolute; top: 210px; right: max(50% - 40rem, 5px); width: 200px; z-index: 99; } body:not(.raw) .ss-library-kit figcaption { text-align: center; color: rgb(170, 170, 170); } body:not(.raw) .ss-library-kit .info-holder { align-self: center; } body:not(.raw) .ss-library-kit .section-library { background-color: rgb(225, 236, 238); } body:not(.raw) .ss-library-kit .section-test { background-color: rgb(148, 174, 81); } body:not(.raw) .ss-library-kit .section-video { background-color: rgb(0, 0, 0); } body:not(.raw) .ss-library-kit .kit-branding h2 { font-size: 1.625rem; line-height: 1.2; color: rgb(37, 40, 79); font-weight: 1000; text-transform: uppercase; } body:not(.raw) .ss-library-kit .kit-branding p { color: rgb(255, 255, 255); } body:not(.raw) .ss-library-kit .full-height { height: 100%; } body:not(.raw) .ss-library-kit video { width: 100% !important; height: auto !important; } body:not(.raw) .ss-library-kit h3.library-subhead { font-size: 1.375rem; line-height: 1.2; font-weight: 1000; text-transform: uppercase; } body:not(.raw) .ss-library-kit .kit-steps { counter-reset: steps 0; } body:not(.raw) .ss-library-kit .kit-steps dt { font-size: 1.375rem; line-height: 1.2; font-weight: 1000; text-transform: uppercase; } body:not(.raw) .ss-library-kit .kit-steps dt:not(.no-number)::after { counter-increment: steps 1; content: counter(steps); margin-left: 0.25rem; } body:not(.raw) .ss-library-kit .kit-steps dd { margin-bottom: 1rem; } body:not(.raw) .ss-library-kit .kit-steps li:not(:last-of-type) { margin-bottom: 0.75rem; } body:not(.raw) .ss-library-kit .login-required-overlay { position: fixed; inset: 0px; z-index: 99; } body:not(.raw) .ss-library-kit .login-required-overlay .login-required-background { background-color: rgb(255, 255, 255); opacity: 0.5; position: absolute; inset: 0px; z-index: -1; } body:not(.raw) .ss-library-kit .login-required-overlay .login-required-content { padding: 3rem; background-color: rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 3px 3px 6px; margin: 200px auto 0px; max-width: 600px; } @media screen and (min-width: 767px) { body:not(.raw) .ss-library-kit { background-color: rgb(243, 247, 253); } body:not(.raw) .kit-flex { display: flex; } body:not(.raw) .kit-col-wide { flex: 2 1 0px; } body:not(.raw) .kit-col-narrow { flex: 1 1 0px; } body:not(.raw) .kit-flex-reverse { flex-direction: row-reverse; } body:not(.raw) .kit-flex-end { align-self: flex-end; } body:not(.raw) .kit-flex-center { align-self: center; } body:not(.raw) .kit-flex-streach { } } @media only screen and (max-width: 600px) { body:not(.raw) .reverse-column { display: flex; flex-direction: column-reverse; } } body:not(.raw) .kit-rating { color: rgb(255, 255, 255); font-size: 1rem; line-height: 1.5; } body:not(.raw) .kit-rating img { width: 35px; margin-right: 3px; } body:not(.raw) .ss-library-map { flex-direction: column; } body:not(.raw) .ss-library-map #ss-tools-borrow-map .ss-map .display { height: unset; min-width: 300px; aspect-ratio: 4 / 3; } body:not(.raw) .ss-library-map .commas + .commas::before { display: inline; color: rgb(51, 51, 51); text-decoration: none; content: ", "; } @media (min-width: 768px) { body:not(.raw) .ss-library-map { flex-direction: row; } body:not(.raw) .ss-library-map .ss-tools-borrow-results { max-height: 550px; } } body:not(.raw) .ss-library-side-menu { background: rgb(37, 40, 79); color: white; max-width: 700px; margin: 0px auto; } body:not(.raw) .ss-library-side-menu.show-badge { background-image: url(""); background-repeat: no-repeat; background-size: 30px; background-position-x: 10px; } body:not(.raw) .ss-library-side-menu h2 { color: white; font-size: 20px; } body:not(.raw) .ss-library-side-menu h3 { color: white; font-size: 16px; } body:not(.raw) .ss-library-side-menu h2 + h3:not(:first-child) { margin-top: 0px; } body:not(.raw) .ss-library-side-menu input[type="text"], body:not(.raw) .ss-library-side-menu input[type="text"]::placeholder { font-size: 0.8rem; } body:not(.raw) .ss-library-side-menu .el-input__inner { padding: 0px 10px; } body:not(.raw) .ss-library-side-menu .el-form-item__label { color: white; } body:not(.raw) .ss-library-side-menu .el-checkbox__label { color: white; } body:not(.raw) .ss-library-side-menu .el-checkbox__input.is-checked + .el-checkbox__label { color: white; } body:not(.raw) .ss-library-side-menu .el-form-item { margin-bottom: 12px; } body:not(.raw) .ss-library-side-menu .el-button { margin-right: 0.5rem; } body:not(.raw) .ss-library-side-menu p { line-height: 1.2; } body:not(.raw) .ss-library-side-menu + .intro { margin-top: 2rem; } body:not(.raw) .mobile-only { display: none; } @media (max-width: 991px) { body:not(.raw) .mobile-only { display: block; } body:not(.raw) .ss-library-side-menu #signup-form { display: none; } body:not(.raw) .ss-library-side-menu #signup-form.show_mobile_signup { display: block; } } @media (max-width: 960px) { body:not(.raw) .title-new-line { display: block; } } @media (min-width: 992px) { body:not(.raw) .ss-login-signup .el-tabs__header { display: none !important; } body:not(.raw) .ss-login-signup .el-tab-pane { display: block !important; } } body:not(.raw) .ss-login-signup-inline { display: flex; align-items: center; flex-direction: column; } body:not(.raw) .ss-login-signup-inline form { display: flex; flex-direction: column; align-items: stretch; } body:not(.raw) .btn-logout-subduded { color: rgb(255, 255, 255); background-color: rgb(204, 204, 204); border-color: rgb(204, 204, 204); padding: 12px 20px; } body:not(.raw) .btn-logout-subduded:hover, body:not(.raw) .btn-logout-subduded:focus { color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); border-color: rgb(102, 102, 102); } body:not(.raw) .ss-map .display { height: 320px; width: 100%; } body:not(.raw) .ss-map-events { height: 320px; width: 100%; } body:not(.raw) .ss-markdown ol { list-style: inside decimal; } body:not(.raw) .ss-markdown ul { list-style: inside disc; } body:not(.raw) .ss-markdown em { font-style: italic; } body:not(.raw) .ss-markdown strong { font-weight: bold; } body:not(.raw) .ss-markdown pre { white-space: pre-wrap !important; } body:not(.raw) .ss-markdown p { margin: 1rem 0px !important; } body:not(.raw) .ss-markdown:not(.short) { position: relative; background-color: rgb(255, 255, 255); } body:not(.raw) .ss-markdown:not(.short) .fade { display: none; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3em; background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); } body:not(.raw) .ss-markdown:not(.short) .toggle { color: rgb(71, 168, 212); background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) -10px -10px 10px; text-decoration: underline; cursor: pointer; position: absolute; bottom: -1em; right: 0px; } body:not(.raw) .ss-markdown.collapse:not(.short) { max-height: 8em; overflow: hidden; } body:not(.raw) .ss-markdown.collapse:not(.short) .fade { display: block; } body:not(.raw) .ss-markdown.collapse:not(.short) .toggle { bottom: 0px; } body:not(.raw) .ss-markdown.short .fade, body:not(.raw) .ss-markdown.short .toggle { display: none; } body:not(.raw) .ss-message-box .message-box-bigger { font-size: 110%; } body:not(.raw) .ss-mini-signup { background: url("") 10px / 30px no-repeat rgb(37, 40, 79); color: white; max-width: 300px; margin: 0px auto; padding: 1rem 2rem; } body:not(.raw) .ss-mini-signup h2 { color: white; font-size: 20px; } body:not(.raw) .ss-mini-signup h3 { color: white; font-size: 16px; } body:not(.raw) .ss-mini-signup h2 + h3:not(:first-child) { margin-top: 0px; } body:not(.raw) .ss-mini-signup input[type="text"], body:not(.raw) .ss-mini-signup input[type="text"]::placeholder { font-size: 0.8rem; } body:not(.raw) .ss-mini-signup .el-input__inner { padding: 0px 10px; } body:not(.raw) .ss-mini-signup .el-form-item__label { color: white; } body:not(.raw) .ss-mini-signup .el-checkbox__label { color: white; } body:not(.raw) .ss-mini-signup .el-checkbox__input.is-checked + .el-checkbox__label { color: white; } body:not(.raw) .ss-mini-signup .el-form-item { margin-bottom: 12px; } body:not(.raw) .ss-mini-signup .el-button { margin-right: 0.5rem; } body:not(.raw) .ss-mini-signup p { line-height: 1.2; } body:not(.raw) .ss-mini-signup + .intro { margin-top: 2rem; } body:not(.raw) .mobile-only { display: none; } @media (max-width: 991px) { body:not(.raw) .mobile-only { display: block; } body:not(.raw) .ss-library-side-menu #signup-form { display: none; } body:not(.raw) .ss-library-side-menu #signup-form.show_mobile_signup { display: block; } } body:not(.raw) table.scistarter-to-do { background-color: rgb(230, 230, 230); } body:not(.raw) table.scistarter-to-do td { border-bottom: 5px solid rgb(255, 255, 255); padding: 1rem !important; } body:not(.raw) table.scistarter-to-do td:first-of-type { padding-left: 0px; } body:not(.raw) #notices { position: fixed; bottom: 0px; right: 0px; display: flex; flex-direction: column-reverse; width: 16rem; background-color: rgb(255, 255, 255); overflow: hidden; border-top: 1px solid rgb(51, 51, 51); border-left: 1px solid rgb(51, 51, 51); border-top-left-radius: 16px; font-family: Nunito, sans-serif; z-index: 1000001; } body:not(.raw) #notices .fade-enter-active, body:not(.raw) #notices .fade-leave-active { transition: opacity 0.5s ease 0s; } body:not(.raw) #notices .fade-enter, body:not(.raw) #notices .fade-leave-to { opacity: 0; } body:not(.raw) #notices li { position: relative; display: flex; flex-direction: row; place-content: center space-between; margin: 0px; border-right: 6px solid rgb(51, 51, 51); min-height: 32px; border-bottom: 1px dotted rgb(153, 153, 153); cursor: pointer; } body:not(.raw) #notices li .lds-ellipsis { display: none; } body:not(.raw) #notices li .lds-ellipsis div { background-color: rgb(51, 51, 153); top: 16px; } body:not(.raw) #notices li p { padding: 8px; } body:not(.raw) #notices li.success { border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 6px solid rgb(51, 153, 51); position: fixed; top: 50%; left: calc(50% - 150px); background-color: rgb(255, 255, 255); width: 300px; border-radius: 3px; box-shadow: rgb(51, 51, 51) 2px 2px 6px; } body:not(.raw) #notices li.warning { border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 6px solid rgb(153, 153, 51); position: fixed; top: 50%; left: calc(50% - 150px); background-color: rgb(255, 255, 255); width: 300px; border-radius: 3px; box-shadow: rgb(51, 51, 51) 2px 2px 6px; } body:not(.raw) #notices li.error { border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 6px solid rgb(153, 51, 51); position: fixed; top: 50%; left: calc(50% - 150px); background-color: rgb(255, 255, 255); width: 300px; border-radius: 3px; box-shadow: rgb(51, 51, 51) 2px 2px 6px; } body:not(.raw) #notices li.error::after { content: "✕"; display: block; position: absolute; top: 2px; right: 2px; font-weight: bold; } body:not(.raw) #notices li.working { border-right: 6px solid rgb(51, 51, 153); cursor: auto; } body:not(.raw) #notices li.working .lds-ellipsis { display: block; width: 64px; min-width: 64px; height: 32px; } body:not(.raw) .org-nav-desktop__dashboard { position: relative; } body:not(.raw) .org-nav-desktop__dashboard .icon-label { position: absolute; bottom: 0px; left: 1.6rem; } body:not(.raw) .org-flex { display: flex; } body:not(.raw) .org-flex-row { display: flex; flex-wrap: wrap; align-items: stretch; text-align: center; } body:not(.raw) .org-flex-row > div { padding: 1.5rem 1rem; } body:not(.raw) .org-broader-impact .org-flex-row > div { padding: 2rem 1rem; } body:not(.raw) .org-flex-item--25 { width: 25%; } body:not(.raw) .org-flex-item--33 { width: 33.33%; } body:not(.raw) .org-flex-item--50 { width: 50%; } body:not(.raw) .org-flex-item--100 { width: 100%; } body:not(.raw) .org-flex-item-vert { display: flex; align-items: center; flex-direction: column; justify-content: center; } @media screen and (min-width: 992px) { body:not(.raw) .org-flex-item--lg-20 { width: 20%; } body:not(.raw) .org-flex-item--lg-25 { width: 25%; } body:not(.raw) .org-flex-item--lg-33 { width: 33.33%; } body:not(.raw) .org-flex-item--lg-50 { width: 50%; } body:not(.raw) .org-flex-item--lg-100 { width: 100%; } } body:not(.raw) .org-border-card { background-color: rgb(255, 255, 255); border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; margin-bottom: 2rem; } body:not(.raw) .org-border-card .org-flex-item { border-bottom: 1px solid rgb(230, 230, 230); border-left: 1px solid rgb(230, 230, 230); } body:not(.raw) .org-border-card .org-flex-item.org-flex-item--25:first-child, body:not(.raw) .org-border-card .org-flex-item.org-flex-item--33:first-child, body:not(.raw) .org-border-card .org-flex-item.org-flex-item--50:first-child { border-left: 0px; } body:not(.raw) .org-border-card .org-flex-item.org-flex-item--100 { border-left: 0px; } @media screen and (min-width: 992px) { body:not(.raw) .org-border-card .org-flex-item.org-flex-item--lg-25, body:not(.raw) .org-border-card .org-flex-item.org-flex-item--lg-33, body:not(.raw) .org-border-card .org-flex-item.org-flex-item--lg-50 { border-left: 1px solid rgb(230, 230, 230); } body:not(.raw) .org-border-card .org-flex-item.org-flex-item--lg-25:first-child, body:not(.raw) .org-border-card .org-flex-item.org-flex-item--lg-33:first-child, body:not(.raw) .org-border-card .org-flex-item.org-flex-item--lg-50:first-child { border-left: 0px; } } body:not(.raw) .org-style { font-family: Lora, serif; letter-spacing: 0.01rem; } body:not(.raw) .org-style h1 { font-family: Lora, serif; letter-spacing: 0.01rem; color: rgb(64, 64, 64); } body:not(.raw) .org-style h2 { font-family: Lora, serif; color: rgb(64, 64, 64); font-size: 1.2rem; letter-spacing: 0.01rem; font-weight: bold; margin-bottom: 0.5rem; } body:not(.raw) .org-style .org-explainer { font-family: Nunito, sans-serif; font-size: 0.8rem; margin-top: -0.6rem; color: rgb(64, 64, 64); margin-bottom: 0.5rem !important; } body:not(.raw) .org-style .stat--number { font-size: 1.8rem; font-weight: bold; line-height: 1.2; } body:not(.raw) .org-style .stat--number-slash { font-size: 1.4rem; color: rgb(85, 85, 85); } body:not(.raw) .org-style .stat--number-total { font-size: 1rem; color: rgb(169, 169, 169); } body:not(.raw) .org-style .stat--desc { font-size: 1rem; color: rgb(64, 64, 64); font-weight: bold; line-height: 1.2; } body:not(.raw) .org-style .stat--desc-sm { font-size: 0.75rem; color: rgb(169, 169, 169); } body:not(.raw) .org-style .org-broader-impact .icon { width: 30px; height: 40px; } body:not(.raw) .org-style .org-broader-impact .stat--number { font-size: 1.2rem; } body:not(.raw) .org-style .org-broader-impact .stat--desc { font-size: 0.8rem; } body:not(.raw) .org-style .org-tooltip { padding: 0px; background-color: rgb(64, 64, 64); color: rgb(255, 255, 255); line-height: 1; width: 0.8rem; height: 0.8rem; font-size: 0.75rem; border: 0px; border-radius: 100%; } body:not(.raw) .org-style .org_school_header { font-weight: bold; font-size: 1.8rem; } body:not(.raw) .org-style .icon { width: 50px; height: 50px; --white: #fff; margin-bottom: 0.3rem; } body:not(.raw) .org-style .icon--org-school { width: 70px; height: 70px; margin-bottom: -5px; } body:not(.raw) .org-style .icon--org-teacher, body:not(.raw) .org-style .icon--org-contributions { width: 42px; } body:not(.raw) .org-style .icon--org-hours { width: 32px; } body:not(.raw) .org-style .icon--org-students { width: 44px; } body:not(.raw) .org-style .icon--org-assignment { width: 70px; height: 60px; margin-bottom: -5px; margin-top: 6px; } body:not(.raw) .org-style .icon--org-bookmark { stroke: rgb(64, 64, 64); stroke-width: 2px; } body:not(.raw) .org-style .org-broader-impact .icon--org-views { stroke: rgb(64, 64, 64); stroke-width: 1px; } body:not(.raw) .ss-org-student-data .icon--org-joins { width: 30px; height: 40px; } body:not(.raw) .ss-org-student-data .icon--org-visits { width: 26px; height: 30px; } body:not(.raw) .ss-org-student-data .icon--org-bookmark { width: 38px; height: 30px; } body:not(.raw) .org-arc { position: relative; } body:not(.raw) .org-arc-shim { max-width: 200px; height: 200px; position: relative; margin: 0px auto; } body:not(.raw) .org-arc-shim canvas { height: 200px !important; } body:not(.raw) .org-donut { position: relative; } body:not(.raw) .org-donut-shim { max-width: 300px; position: relative; margin: 0px auto; } body:not(.raw) .org-donut-details { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; display: flex; flex-direction: column; justify-content: center; } body:not(.raw) .org-arc-percent { position: absolute; top: 25%; left: 50%; margin-left: 100px; font-family: Nunito, sans-serif; font-size: 0.7rem; font-weight: bold; } body:not(.raw) .org-arc-details { margin-top: -117px; position: relative; } body:not(.raw) .org-arc-details.org-arc-details-no-icon { text-align: center; margin-top: -75px; } body:not(.raw) .ss-org-school-data .org-arc { margin-top: -50px; } body:not(.raw) .ss-org-school-data .org-arc-percent { margin-left: 70px; } @media (max-width: 992px) { body:not(.raw) .ss-org-school-data .org-flex-item--33 { zoom: 0.8; } } body:not(.raw) .org-style .d2t .d2t-tab h2 { font-family: Nunito, sans-serif; color: rgb(64, 64, 64); font-size: 0.85rem; letter-spacing: 0.01rem; } body:not(.raw) .org-style .d2t .d2t-tab::after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NC4yIDQ0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ0LjIgNDQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM1NTU1NTU7fS5zdDF7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjIyLjEiIGN5PSIyMi4xIiByPSIyMi4xIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjUsMzMuOWMtMC4zLDAtMC42LTAuMS0wLjgtMC4zYy0wLjQtMC40LTAuNC0xLjIsMC0xLjZsMTAuMi0xMC4yTDE2LjcsMTEuNmMtMC40LTAuNC0wLjQtMS4yLDAtMS42YzAuNC0wLjQsMS4yLTAuNCwxLjYsMGwxMSwxMWMwLjQsMC40LDAuNCwxLjIsMCwxLjZsLTExLDExQzE4LjEsMzMuOCwxNy44LDMzLjksMTcuNSwzMy45eiIvPjwvc3ZnPg=="); } body:not(.raw) .org-style .d2t--header { background-color: var(--primary); } body:not(.raw) .org-style .media-image { width: 30px; height: 30px; margin-right: 10px !important; } body:not(.raw) .org-style .entity__tab-icon { width: 30px !important; height: 30px !important; } @media (hover: hover) { body:not(.raw) .org-style .d2t .d2t-tab:hover h2 { color: rgb(255, 255, 255); } body:not(.raw) .org-style .d2t .d2t-tab.is-active:hover h2 { color: rgb(64, 64, 64); } } body:not(.raw) .org-data-selector { margin-bottom: 1.5rem; border-bottom: 1px solid rgb(239, 239, 239); padding-bottom: 1rem; } body:not(.raw) .org-data-selector label { font-family: Nunito, sans-serif; color: var(--primary); text-decoration: underline; cursor: pointer; } body:not(.raw) .org-data-selector label.org-ds-current { color: rgb(64, 64, 64); text-decoration: none; } body:not(.raw) .org-data-selector label input { visibility: hidden; } body:not(.raw) .org-style .el-table th div { white-space: normal; } body:not(.raw) .org-style .export { border: 0px; color: var(--primary); text-decoration: underline; cursor: pointer; margin-bottom: 1rem; font-size: 0.85rem; } body:not(.raw) .org-style .export.float-right { float: right; } body:not(.raw) .org-style .el-table td { text-align: right !important; } body:not(.raw) .org-style .el-table td, body:not(.raw) .org-style .el-table th { padding: 6px 0px !important; font-family: Nunito, sans-serif !important; font-size: 0.85rem !important; } body:not(.raw) .org-style .el-table .cell { line-height: normal !important; word-break: keep-all !important; } body:not(.raw) .org-style .el-table__header-wrapper .el-select { display: inline-block; max-width: 150px; } body:not(.raw) .org-style .el-table__header-wrapper .el-select .el-input { max-width: 150px; padding: 0px; } body:not(.raw) .org-style .el-table__header-wrapper .el-input.el-input--mini { max-width: 300px; } body:not(.raw) .org-style .el-table thead.is-group th { background-color: rgb(255, 255, 255); } body:not(.raw) .org-style .table-group-header { text-align: center; display: block; } body:not(.raw) .org-style .table-group-header--title { font-family: Lora, serif; letter-spacing: normal; line-height: normal; font-size: 1rem; font-weight: bold; color: rgb(64, 64, 64); margin-bottom: 0.5rem; } body:not(.raw) .org-style .table-group-header--title button { margin-left: 5px; } body:not(.raw) .org-style .table-group-header--sub { font-size: 0.75rem; line-height: 1; } body:not(.raw) .org-style .table-group-header svg { fill: rgb(64, 64, 64) !important; margin-bottom: -10px; } body:not(.raw) .org-style .table-group-header .icon-bg { background-repeat: no-repeat; background-position: center center; margin-bottom: -10px; } body:not(.raw) .org-style .table-group-header .icon--org-groups { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon--org-groups' viewBox='0 0 88.281 64.809' width='100%25' height='100%25'%3E%3Cg transform='translate(0 -68.066)'%3E%3Cg transform='translate(67.72 95.72)'%3E%3Cpath d='M402.919,229.968c-3-1.5-8.636-1.519-8.874-1.519a1.293,1.293,0,0,0,0,2.586c1.453,0,5.673.224,7.718,1.246a1.293,1.293,0,0,0,1.157-2.313Z' transform='translate(-392.751 -228.449)'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(0 68.066)'%3E%3Cpath d='M84.335,115.651l-5.341-1.526a.542.542,0,0,1-.392-.519v-1.783a9.721,9.721,0,0,0,1.236-1.014,9.513,9.513,0,0,0,2.912-6.882v-2.46l.516-1.033a8.25,8.25,0,0,0,.866-3.67V90.1a1.293,1.293,0,0,0-1.293-1.293H70.4a8.216,8.216,0,0,0-8.207,8.207v.077a6.859,6.859,0,0,0,.72,3.052l.662,1.325v2.112a10.09,10.09,0,0,0,4.148,8.158v1.868c0,.288,0,.407-1.068.713l-2.606.745-7.539-2.741a1.292,1.292,0,0,0-.352-.99L53.746,108.8v-4.249c.255-.21.506-.425.749-.653a15.178,15.178,0,0,0,4.782-11.034V89.472a14.948,14.948,0,0,0,1.383-6.286V69.359a1.293,1.293,0,0,0-1.293-1.293H40.009A12.369,12.369,0,0,0,27.654,80.421v2.766a14.948,14.948,0,0,0,1.383,6.286v2.919a15.8,15.8,0,0,0,5.531,12.06V108.8l-2.409,2.531a1.292,1.292,0,0,0-.352.99l-7.957,2.893a6.781,6.781,0,0,0-1.6.838L21,115.427c3.719-1.619,4.9-3.9,4.954-4.009a1.293,1.293,0,0,0,0-1.157c-.932-1.865-1.045-5.282-1.136-8.028-.03-.914-.059-1.778-.113-2.547-.441-6.2-5.156-10.88-10.969-10.88S3.209,93.484,2.769,99.687c-.055.769-.083,1.633-.113,2.547-.091,2.746-.2,6.163-1.136,8.028a1.293,1.293,0,0,0,0,1.157c.057.113,1.232,2.385,4.959,4.006l-3.47,1.735A5.413,5.413,0,0,0,0,122.027v9.554a1.293,1.293,0,0,0,2.586,0v-9.554a2.84,2.84,0,0,1,1.578-2.554l4.321-2.161,1.5,1.429a5.439,5.439,0,0,0,7.5,0l1.5-1.428,1.409.7a6.81,6.81,0,0,0-1.04,3.611v9.953a1.293,1.293,0,1,0,2.586,0v-9.953a4.251,4.251,0,0,1,2.789-3.982l8.389-3.05,3.492,5.238a2.666,2.666,0,0,0,1.963,1.179q.134.013.267.013a2.665,2.665,0,0,0,1.889-.784l2.13-2.13v13.47a1.293,1.293,0,1,0,2.586,0v-13.47l2.13,2.13a2.664,2.664,0,0,0,1.889.784q.133,0,.267-.013a2.666,2.666,0,0,0,1.963-1.179l3.492-5.238,8.389,3.05a4.251,4.251,0,0,1,2.789,3.982v9.953a1.293,1.293,0,0,0,2.586,0v-9.953a6.836,6.836,0,0,0-1.913-4.731l.32-.091a7.091,7.091,0,0,0,1.2-.435l3.3,3.3v11.909a1.293,1.293,0,0,0,2.586,0V119.673l3.279-3.279a3.077,3.077,0,0,0,.55.218l5.341,1.526a2.867,2.867,0,0,1,2.071,2.745v10.7a1.293,1.293,0,1,0,2.586,0v-10.7A5.465,5.465,0,0,0,84.335,115.651ZM8.3,113.367a9.3,9.3,0,0,1-4.15-2.664,14.254,14.254,0,0,0,.737-3.1A9.643,9.643,0,0,0,8.3,111.817Zm7.408,3.5a2.854,2.854,0,0,1-3.934,0l-1.2-1.143a2.676,2.676,0,0,0,.315-1.263v-1.378a9.616,9.616,0,0,0,5.71,0v1.377a2.676,2.676,0,0,0,.315,1.263Zm-1.966-5.937a7.011,7.011,0,0,1-7-7,1.285,1.285,0,0,0-1.505-1.274c0-.111.007-.223.011-.333.029-.889.057-1.729.108-2.449a9.6,9.6,0,0,1,2.614-6.029,8.035,8.035,0,0,1,11.549,0,9.6,9.6,0,0,1,2.614,6.029c.051.72.079,1.56.108,2.449l.008.231a11.62,11.62,0,0,0-6.387-4.667,16.23,16.23,0,0,0-4.919-.779,1.293,1.293,0,0,0-.9.4l-2.333,2.42a1.293,1.293,0,1,0,1.862,1.8L11.512,99.7c1.672.082,7.051.707,9.143,5.314A6.986,6.986,0,0,1,13.738,110.93Zm5.441,2.441v-1.542a9.566,9.566,0,0,0,3.414-4.216,14.236,14.236,0,0,0,.736,3.09A9.341,9.341,0,0,1,19.179,113.371Zm12.445-20.98V89.183a1.293,1.293,0,0,0-.129-.562,12.4,12.4,0,0,1-1.254-5.434V80.421a9.779,9.779,0,0,1,9.768-9.768H58.074V83.186a12.4,12.4,0,0,1-1.254,5.434,1.293,1.293,0,0,0-.129.562v3.682a12.415,12.415,0,0,1-3.964,9.147,12.872,12.872,0,0,1-.993.841l-.022.016a12.434,12.434,0,0,1-8.391,2.5A12.809,12.809,0,0,1,31.623,92.391ZM38.9,118.412a.081.081,0,0,1-.072.026.082.082,0,0,1-.066-.039l-4.022-6.033,1.294-1.36,6.1,4.17Zm5.253-4.99-7-4.787v-2.414a14.561,14.561,0,0,0,6,1.732q.511.033,1.017.033a14.979,14.979,0,0,0,6.99-1.713v2.362Zm5.39,4.977a.082.082,0,0,1-.066.039.08.08,0,0,1-.072-.026l-3.236-3.236,6.1-4.171,1.294,1.36Zm23.614-1.091-2.935-2.935a3.548,3.548,0,0,0,.08-.768v-.546a9.068,9.068,0,0,0,2.561.452c.1,0,.2,0,.3,0a9.606,9.606,0,0,0,2.851-.431v.521a3.091,3.091,0,0,0,.093.754Zm4.877-8.355a6.95,6.95,0,0,1-5.093,1.974,7.239,7.239,0,0,1-6.787-7.348v-2.418a1.292,1.292,0,0,0-.137-.578l-.8-1.6a4.26,4.26,0,0,1-.447-1.9v-.077a5.627,5.627,0,0,1,5.62-5.62H81.547v5.371a5.65,5.65,0,0,1-.593,2.514l-.653,1.306a1.292,1.292,0,0,0-.137.578v2.765A6.948,6.948,0,0,1,78.038,108.953Z' transform='translate(0 -68.066)'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(80.164 121.991)'%3E%3Cpath d='M466.216,380.814a1.293,1.293,0,0,0-1.293,1.293v8.3a1.293,1.293,0,1,0,2.586,0v-8.3A1.293,1.293,0,0,0,466.216,380.814Z' transform='translate(-464.923 -380.814)'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(5.531 123.701)'%3E%3Cpath d='M33.37,390.728a1.293,1.293,0,0,0-1.293,1.293v6.587a1.293,1.293,0,1,0,2.586,0v-6.587A1.293,1.293,0,0,0,33.37,390.728Z' transform='translate(-32.077 -390.728)'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(33.185 79.814)'%3E%3Cpath d='M214.025,140.043c-4.891-4.891-15.124-3.956-19.3-3.327a2.655,2.655,0,0,0-2.268,2.645v2.979a1.293,1.293,0,0,0,2.586,0v-2.979a.086.086,0,0,1,.068-.087,40.856,40.856,0,0,1,8.4-.41c4.033.268,6.954,1.281,8.681,3.009a1.293,1.293,0,0,0,1.829-1.829Z' transform='translate(-192.46 -136.203)'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(27.654 124.757)'%3E%3Cpath d='M161.677,396.853a1.293,1.293,0,0,0-1.293,1.293v5.531a1.293,1.293,0,0,0,2.586,0v-5.531A1.293,1.293,0,0,0,161.677,396.853Z' transform='translate(-160.384 -396.853)'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(58.074 124.757)'%3E%3Cpath d='M338.1,396.853a1.293,1.293,0,0,0-1.293,1.293v5.531a1.293,1.293,0,1,0,2.586,0v-5.531A1.293,1.293,0,0,0,338.1,396.853Z' transform='translate(-336.806 -396.853)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } body:not(.raw) .org-style .table-group-header .icon--org-students { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon--org-students' viewBox='0 0 70.757 71.166' width='100%25' height='100%25'%3E%3Cpath d='M69.06,17.351V5.281c0-2.842-3.1-5.07-7.055-5.07H45.92A1.723,1.723,0,0,0,44.06,1.8a11.913,11.913,0,0,0,.375,3.48,32.048,32.048,0,0,0-17.986-.266A3.965,3.965,0,0,0,24.7,2.128v-.54A1.7,1.7,0,0,0,22.873,0H7.391C3.562,0,.563,2.209.563,5.029v7.92a2.5,2.5,0,0,0,2.365,2.286v1.039a4.726,4.726,0,0,0,.256,8.838,8.929,8.929,0,0,0,1.1,2.444,31.938,31.938,0,0,0-1.019,8.027,31.511,31.511,0,0,0,9.292,22.431,31.905,31.905,0,0,0,6.328,4.916,11.3,11.3,0,0,1-1.646,1.444,1.355,1.355,0,0,0-.394,1.751,10.518,10.518,0,0,0,9.237,5.041H43.9a10.521,10.521,0,0,0,9.238-5.042,1.355,1.355,0,0,0-.4-1.75,11.285,11.285,0,0,1-1.645-1.446A31.74,31.74,0,0,0,65.859,28.222a9.312,9.312,0,0,0,1.293-2.655,4.724,4.724,0,0,0,1.908-8.217Zm-66.132,5.2a2.609,2.609,0,0,1,0-3.806ZM26.47,7.217a29.649,29.649,0,0,1,18.811.595c.168.388.361.784.579,1.183v3.013a25.953,25.953,0,0,0-19.39-.95ZM24.509,14.7h.369a1.6,1.6,0,0,0,1.58-1.4,23.828,23.828,0,0,1,19.4,1.046V16.6a4.726,4.726,0,0,0,.256,8.838c1.333,4.9,7.783,8.745,10.534,8.745a6.269,6.269,0,0,0,2.121-.475,23.83,23.83,0,0,1-9.812,21.194,4.729,4.729,0,0,0-1.478-2.494,2.1,2.1,0,0,0,.468-1.328V44.471A8.853,8.853,0,0,0,39.24,35.5h-8.5c-4.486,0-8.708,3.574-8.708,9.333,0,1.7,0,6.413,0,7.01a4.75,4.75,0,0,0-2.019,2.293,23.82,23.82,0,0,1-8.877-18.553q0-1.185.114-2.341a6.814,6.814,0,0,0,2.467.616c2.786,0,9.106-3.826,10.5-8.62a4.727,4.727,0,0,0,.289-9.1ZM45.86,19.072v3.806A2.61,2.61,0,0,1,45.86,19.072Zm-.255,39.175v-4.6A2.623,2.623,0,0,1,45.606,58.248Zm-21.1-39.806a2.615,2.615,0,0,1,0,4.408ZM24.219,4.711c.181.432.143-.249.143,7.886H21.881a1.856,1.856,0,0,1-1.854-1.854v-.79A14.984,14.984,0,0,0,24.219,4.711ZM3.456,13.166a1.155,1.155,0,0,1-.786-.257V5.029c0-1.41,1.71-2.624,3.89-2.874.764-.087.247-.031,16.035-.048,0,.552,0,.433,0,.558-.11,2.21-2.881,4.91-4.672,6.256A21.713,21.713,0,0,1,3.456,13.166Zm1.579,2.108a22.708,22.708,0,0,0,6.277-.8,23.284,23.284,0,0,0,6.674-3A3.971,3.971,0,0,0,20.14,14.3a4.6,4.6,0,0,0,2.261.4V23.26c0,4.362-6.5,8.489-8.682,8.489-1.809,0-7.435-3.246-8.5-7.168C5.1,24.157,5.1,23.331,5.036,15.274Zm.34,20.309a29.627,29.627,0,0,1,.6-5.936A17.311,17.311,0,0,0,9.248,32.21,25.957,25.957,0,0,0,19.69,56.544a4.715,4.715,0,0,0,1.418,2.816,10.815,10.815,0,0,1-.916,1.867A29.631,29.631,0,0,1,5.376,35.583Zm20.71,33.475a8.582,8.582,0,0,1-7.042-3.406,12.988,12.988,0,0,0,3-3.409,2.538,2.538,0,0,0,4.106,1.733,15.936,15.936,0,0,0,7.657,5.083Zm1.02-7.35v-8.1a10.622,10.622,0,0,0,8.566-.719,1.054,1.054,0,0,0-1.006-1.852,8.611,8.611,0,0,1-4.1,1.047c-2.649,0-3-1-4.3-.476A2.015,2.015,0,0,0,25,53.485c0,9.019.027,8.563-.045,8.7h0A.429.429,0,0,1,24.142,62c0-7.218,0-16.233,0-17.733a6.765,6.765,0,0,1,6.6-6.654h8.5a6.744,6.744,0,0,1,6.6,6.863v6.588a3.392,3.392,0,0,1-3.026-2.007l-.985-2.207a1.906,1.906,0,0,0-3.527.116,7.131,7.131,0,0,1-.863,1.633,1.054,1.054,0,0,0,1.724,1.213,9.367,9.367,0,0,0,.936-1.665c.52.753.828,3.217,3.4,4.467v5.959c0,4.453-6.6,8.506-8.7,8.506C33.043,67.075,28.914,64.57,27.106,61.708Zm16.79,7.35H35.787c3.01-.686,8.234-4.131,9.518-8.477a4.706,4.706,0,0,0,1.546-.623,12.935,12.935,0,0,0,4.088,5.694A8.57,8.57,0,0,1,43.9,69.058Zm5.9-7.833a10.8,10.8,0,0,1-1.283-3.038,4.473,4.473,0,0,0,.279-.622A25.952,25.952,0,0,0,60.8,32.733a17.6,17.6,0,0,0,3.327-2.487A29.62,29.62,0,0,1,49.794,61.225ZM63.559,27.768C61.3,30.458,57.81,32.08,56.65,32.08a10.9,10.9,0,0,1-5.11-2.561c-1.818-1.473-3.572-3.6-3.572-5.929V11.873a13.3,13.3,0,0,0,3.956,2.806,1.307,1.307,0,0,0,1.779-.667,22.506,22.506,0,0,0,6.867,5.573A1.264,1.264,0,0,0,62.4,18.257a14.84,14.84,0,0,0,2.936,1.465C65.25,23.379,65.9,24.988,63.559,27.768Zm3.393-9.745a13.578,13.578,0,0,1-5.4-3.043,1.323,1.323,0,0,0-2.071.433,1.5,1.5,0,0,0,.093,1.162,28.432,28.432,0,0,1-6.019-6.1,1.285,1.285,0,0,0-2.31.911l.105.568a10.807,10.807,0,0,1-2.829-2.708,13.033,13.033,0,0,1-2.351-6.47V2.319H62.006c2.681,0,4.946,1.356,4.946,2.962Zm.489,5.157v-2.9a1.377,1.377,0,0,0,1.06-.172A2.616,2.616,0,0,1,67.441,23.18Zm0,0' transform='translate(0)'%3E%3C/path%3E%3Cpath d='M437.3,142.831a1.151,1.151,0,0,0-.741.954v0a.946.946,0,0,0-.008.125,1.152,1.152,0,0,0,.638,1.032.875.875,0,0,0,.122.053,1.131,1.131,0,0,0,.393.069,1.154,1.154,0,1,0-.4-2.234Zm0,0' transform='translate(-375.872 -122.913)'%3E%3C/path%3E%3Cpath d='M365.912,142.766a1.154,1.154,0,1,0,1.154,1.154A1.153,1.153,0,0,0,365.912,142.766Zm0,0' transform='translate(-314.058 -122.922)'%3E%3C/path%3E%3Cpath d='M354.392,114.557a9.757,9.757,0,0,0-1.718-.172.017.017,0,0,0-.013,0,5.481,5.481,0,0,0-2.666.551h0a1.059,1.059,0,1,0,.95,1.885,2.746,2.746,0,0,1,1.168-.311c1.549-.135,2.052.4,2.689-.073A1.054,1.054,0,0,0,354.392,114.557Zm0,0' transform='translate(-300.769 -98.481)'%3E%3C/path%3E%3Cpath d='M390.37,176.467a1.047,1.047,0,0,0-.53.912,1.165,1.165,0,1,1-2.33,0,1.054,1.054,0,0,0-2.108,0,3.273,3.273,0,0,0,6.546,0A1.054,1.054,0,0,0,390.37,176.467Zm0,0' transform='translate(-331.833 -151.816)'%3E%3C/path%3E%3Cpath d='M128.439,140.452A1.154,1.154,0,1,0,130,141.533,1.155,1.155,0,0,0,128.439,140.452Zm0,0' transform='translate(-109.943 -120.865)'%3E%3C/path%3E%3Cpath d='M118.481,114.281a5.066,5.066,0,0,1,3.02.2c1.193.75,2.531-1.165.763-1.979a7.451,7.451,0,0,0-4.211-.286,1.054,1.054,0,0,0,.428,2.064Zm0,0' transform='translate(-100.922 -96.472)'%3E%3C/path%3E%3Cpath d='M55.879,141.544a1.154,1.154,0,1,0,2.07-.7A1.156,1.156,0,0,0,55.879,141.544Zm0,0' transform='translate(-48.112 -120.876)'%3E%3C/path%3E%3Cpath d='M45.118,114.248a1.054,1.054,0,0,0,.429-2.064,6.93,6.93,0,0,0-4.47.42c-.034.018-.067.038-.1.059a1.054,1.054,0,1,0,1.121,1.785A5.074,5.074,0,0,1,45.118,114.248Zm0,0' transform='translate(-34.856 -96.439)'%3E%3C/path%3E%3Cpath d='M76.707,175.978a3.28,3.28,0,0,0,3.127,2.306c3.216,0,4.273-4.327,2.219-4.327A1.053,1.053,0,0,0,81,175.011a1.165,1.165,0,0,1-2.33,0C78.669,173.494,75.919,173.451,76.707,175.978Zm0,0' transform='translate(-65.923 -149.778)'%3E%3C/path%3E%3Cpath d='M235.1,422.586a1.054,1.054,0,0,0-1.054,1.054.892.892,0,0,1-1.783,0,1.054,1.054,0,0,0-2.108,0,3,3,0,0,0,6,0A1.053,1.053,0,0,0,235.1,422.586Zm0,0' transform='translate(-198.165 -363.848)'%3E%3C/path%3E%3Cpath d='M280.478,391.128a1.155,1.155,0,1,0,1.263,1.151A1.156,1.156,0,0,0,280.478,391.128Zm0,0' transform='translate(-240.595 -336.759)'%3E%3C/path%3E%3Cpath d='M271.721,373.167c1.493.034,1.417.489,2.045.489a1.052,1.052,0,0,0,.894-.493.732.732,0,0,0,.045-.08,1.053,1.053,0,0,0-.377-1.373,3.617,3.617,0,0,0-.816-.377,8.207,8.207,0,0,0-3.76-.1,1.054,1.054,0,0,0,.43,2.063A7.269,7.269,0,0,1,271.721,373.167Zm0,0' transform='translate(-231.534 -319.479)'%3E%3C/path%3E%3Cpath d='M207.628,391.689a1.155,1.155,0,1,0,2.144.6A1.153,1.153,0,0,0,207.628,391.689Zm0,0' transform='translate(-178.625 -336.766)'%3E%3C/path%3E%3C/svg%3E"); } body:not(.raw) .org-style .org-teacher-legend > span { font-family: Nunito, sans-serif; font-size: 0.8rem; margin-right: 1rem; } body:not(.raw) .org-style .org-leg-box { width: 10px; height: 10px; display: inline-block; margin-right: 5px; } body:not(.raw) .org-style .space { margin-top: 2rem; border-top: 1px solid rgb(239, 239, 239); padding-top: 2rem; } body:not(.raw) .org-style .org-viz-header { display: flex; align-items: center; margin-bottom: 1.5rem; } body:not(.raw) .org-style .org-viz-header h3, body:not(.raw) .org-style .org-viz-header h4 { font-family: Lora, serif; font-weight: bold; letter-spacing: normal; } body:not(.raw) .org-style .org-viz-header h4 { font-size: 1rem; } body:not(.raw) .org-style .org-viz-header .icon { margin-right: 10px; width: 50px !important; height: 40px !important; margin-bottom: 0px !important; } body:not(.raw) .org-style .org-viz-header .el-select { width: 150px; margin-left: auto; } body:not(.raw) .org-style .org-viz-subheader h4 { font-family: Lora, serif; font-weight: bold; font-size: 1rem; } body:not(.raw) .org-style .org-viz-subheader .org-viz-sub-updated { font-family: Nunito, sans-serif; font-size: 0.75rem; } body:not(.raw) .org-style .org-proj-table { font-family: Nunito, sans-serif; position: relative; } body:not(.raw) .org-style .org-proj-table .el-select { max-width: 150px; padding-left: 0px; } body:not(.raw) .org-style .org-proj-table button { margin-bottom: 1rem; } body:not(.raw) .org-style .org-proj-table .org-flex-row { align-items: center; } body:not(.raw) .org-style .org-proj-table table { border-collapse: collapse; } body:not(.raw) .org-style .org-proj-table td { border: 1px solid rgb(230, 230, 230); vertical-align: middle; } body:not(.raw) .org-style .org-proj-table .org-pt-num, body:not(.raw) .org-style .org-proj-table .org-pt-count { text-align: center; padding: 0px 10px; font-weight: bold; font-size: 1.4rem; } body:not(.raw) .org-style .org-proj-table .org-pt-proj .media-object { padding: 0.5rem 1rem; } body:not(.raw) .org-style .org-proj-table .org-pt-proj .media-image { display: flex; align-items: center; } body:not(.raw) .org-style .org-proj-table .org-pt-proj h2 { font-family: Nunito, sans-serif; margin-bottom: 0px; } body:not(.raw) .org-style .org-proj-table .org-pt-proj p { margin-bottom: 0px !important; } body:not(.raw) .org-style .org-proj-table .org-proj-filters { position: absolute; top: 10px; left: 10px; right: 10px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; padding: 2rem; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .el-radio { margin-bottom: 1rem; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .el-radio__label, body:not(.raw) .org-style .org-proj-table .org-proj-filters .el-checkbox__label { font-size: 1rem; } body:not(.raw) .org-style .org-proj-table .org-proj-filters input[type="text"] { max-width: 300px; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .org-filter-div { border-top: 1px solid rgb(230, 230, 230); padding-top: 1rem; margin-bottom: 2rem; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .org-filter-label { font-size: 0.75rem; margin-bottom: 0.8rem; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .cancel { margin-left: auto; border: 0px; font-size: 1rem; text-decoration: underline; color: rgb(64, 64, 64); cursor: pointer; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .cancel:hover { color: var(--primary_hover); } body:not(.raw) .org-style .org-proj-table .org-proj-filters .el-checkbox-group { display: flex; flex-wrap: wrap; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .el-checkbox-group > label { width: 50%; max-width: 50%; margin: 0px 0px 2rem; padding-right: 20px; white-space: normal; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .el-checkbox-group .el-checkbox__input { width: 13px; height: 13px; padding: 0px; margin: 0px; vertical-align: bottom; position: absolute; top: 3px; } body:not(.raw) .org-style .org-proj-table .org-proj-filters .el-checkbox-group .el-checkbox__label { margin-left: 15px; } @media (min-width: 600px) { body:not(.raw) .org-style .org-proj-table .org-proj-filters .el-checkbox-group > label { width: 25%; max-width: 25%; } } body:not(.raw) .org-style .el-button--primary { color: rgb(255, 255, 255); background-color: var(--primary); border-color: var(--primary); } body:not(.raw) .org-style .el-button--primary:hover { background-color: var(--primary_hover); border-color: var(--primary_hover); } body:not(.raw) .org-style .org_image_header { padding-left: 0px; } body:not(.raw) .org-style .org_image_header .media-image { width: 50px; height: 50px; border: 1px solid rgb(230, 230, 230); } body:not(.raw) .org-style .org_image_header h1 { font-weight: bold; font-size: 2rem; } body:not(.raw) .org-style .org-assignment-teacher .icon--org-assignment { width: 45px; height: 45px; margin-top: 0px; margin-bottom: 0px; } body:not(.raw) .org-bp-label { font-size: 0.8rem; text-align: center; font-family: Nunito, sans-serif; line-height: 1.2; } body:not(.raw) .bp-user { font-size: 1.3rem; font-weight: bold; } body:not(.raw) .org-box-plot { display: block; height: 200px; position: relative; margin: 10px 30px 30px; } body:not(.raw) .org-box-plot span { display: block; top: 100px; position: absolute; background-color: rgb(64, 64, 64); } body:not(.raw) .org-box-plot .bp-outlier { width: 10px; height: 10px; margin-top: -5px; border-radius: 100%; } body:not(.raw) .org-box-plot .bp-whisker-end { width: 2px; height: 26px; margin-top: -13px; } body:not(.raw) .org-box-plot .bp-hor-axis { height: 2px; margin-top: -1px; } body:not(.raw) .org-box-plot .bp-median-line { height: 180px; margin-top: -90px; width: 2px; } body:not(.raw) .org-box-plot .bp-box { height: 100px; margin-top: -50px; background-color: rgb(238, 238, 238); } body:not(.raw) .org-box-plot .bp-user-dot { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 100%; } body:not(.raw) .org-box-plot div { font-family: Nunito, sans-serif; font-size: 0.6rem; position: absolute; text-align: center; margin-left: -14px; width: 30px; } body:not(.raw) .org-box-plot .bp-whisker-label { top: 50%; margin-top: 15px; } body:not(.raw) .org-box-plot .bp-median-label { top: 100%; margin-top: -5px; } body:not(.raw) .org-box-plot .bp-box-label { top: 150px; margin-top: 5px; } body:not(.raw) .org-right { float: right; margin-bottom: 20px; } body:not(.raw) .org-data-selector { font-family: Nunito, sans-serif; } body:not(.raw) .org-search-label { line-height: 1 !important; } body:not(.raw) .org-search-label span { margin-left: 12px; color: rgb(64, 64, 64); font-size: 0.7rem; margin-top: 0px; font-weight: bold; display: block; } body:not(.raw) .org-class-subheader { text-align: center; margin-top: 2rem; margin-bottom: 1rem; display: block; } body:not(.raw) #org-student-awards .org-flex-row > div { border-left: 1px solid rgb(230, 230, 230); } body:not(.raw) #org-student-awards .org-flex-row > div:first-child { border-left: 0px; } body:not(.raw) .org-student-award-header { font-family: Lora, serif; line-height: 1.1; margin-bottom: 1rem; } body:not(.raw) .org-student-award-header h3 { font-size: 1rem; font-weight: bold; } body:not(.raw) .org-student-award-header h4 { font-size: 0.8rem; color: rgb(169, 169, 169); } body:not(.raw) .org-student-award-list a, body:not(.raw) .org-student-award-list span { display: block; text-align: left; margin-bottom: 0.3rem; font-family: Nunito, sans-serif; } body:not(.raw) .org-student-award-list a { color: var(--primary); text-decoration: underline; font-size: 0.8rem; margin-bottom: 0.1rem; } body:not(.raw) .org-student-award-list a:hover { color: var(--primary_hover); } body:not(.raw) .org-student-award-list span { font-size: 0.6rem; margin-bottom: 1rem; } body:not(.raw) .org-style .el-table .caret-wrapper { display: flex; position: relative; margin: 0px auto; right: -10px; } body:not(.raw) .org-style .el-table .caret-wrapper::before { content: "sort"; position: relative; left: -25px; top: 5px; color: rgb(191, 191, 191); } body:not(.raw) .org-style #org-teacher-students .org-sortable-table .el-select { max-width: 170px; width: 170px; } body:not(.raw) .org-style #org-teacher-students .org-sortable-table .el-select .el-input { max-width: 170px; width: 170px; } body:not(.raw) .org-style #org-teacher-students .org-sortable-table .el-select .el-input input { width: 160px; } body:not(.raw) .org-style #org-teacher-students .org-sortable-table .el-select .el-input span { right: 15px; } body:not(.raw) .org-style #org-teacher-students th.el-table_1_column_1_column_3, body:not(.raw) .org-style #org-teacher-students th.el-table_1_column_1_column_6 { background-color: rgb(64, 64, 64); color: rgb(255, 255, 255); border-left: 1px solid rgb(255, 255, 255); text-align: center; } body:not(.raw) .org-style .org-bell-curve { width: 100%; min-height: 400px; } body:not(.raw) .ss-assign-project .el-button { outline: 0px; border: 0px; padding: 8px 16px; border-radius: 16px; color: white; font-family: Lora, serif; font-size: 12px; cursor: pointer; } body:not(.raw) .ss-assign-project .assignment li { border-top: 1px solid rgb(204, 204, 204); } body:not(.raw) .ss-org-custom-project .videoWrapper { background-color: rgb(0, 0, 0); } body:not(.raw) .ss-org-custom-project .videoWrapper video { max-width: 100% !important; } body:not(.raw) .ss-org-custom-project .org-branded-box { text-align: center; color: rgb(255, 255, 255); } body:not(.raw) .ss-org-custom-project .vertical-stack { display: flex; flex-direction: column; } body:not(.raw) .ss-org-custom-project ol.steps { counter-reset: section 0; } body:not(.raw) .ss-org-custom-project ol.steps li { list-style-type: none; border-bottom: 1px solid rgb(204, 204, 204); } body:not(.raw) .ss-org-custom-project ol.steps li::before { content: counter(section); counter-increment: section 1; display: inline-block; position: absolute; left: -75px; top: 50%; transform: translateY(-50%); padding: 12px; font-size: 2rem; width: 25px; height: 25px; text-align: center; color: rgb(0, 0, 0); border-radius: 50%; border: 3px solid rgb(0, 0, 0); } body:not(.raw) .ss-org-custom-project .instructions ol { counter-reset: steps 0; } body:not(.raw) .ss-org-custom-project .instructions li { display: flex; flex-direction: row; align-items: start; border-bottom: 0.5px solid rgb(216, 216, 216); margin-bottom: 1rem; } body:not(.raw) .ss-org-custom-project .instructions li .ss-markdown { margin-top: 0.5rem; } body:not(.raw) .ss-org-custom-project .instructions li::before { counter-increment: steps 1; content: counter(steps); display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 40px; color: rgb(255, 255, 255); margin-right: 0.5rem; padding: 20px; font-family: Nunito, sans-serif; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; text-align: center; margin-bottom: 1rem; } body:not(.raw) .ss-org-custom-project .special-instructions { background-color: rgba(253, 215, 38, 0.2); } body:not(.raw) .ss-org-custom-project .special-instructions div { flex-grow: 1; } body:not(.raw) .ss-org-custom-project .participation-button { width: 126px; height: 32px; object-fit: contain; border-radius: 16px; background-color: var(--action-color); font-family: Lora, serif; font-style: normal; font-stretch: normal; letter-spacing: -0.1px; text-align: center; color: rgb(255, 255, 255); } body:not(.raw) .ss-org-custom-project .el-button { outline: 0px; border: 0px; padding-right: 16px; padding-left: 16px; padding-top: 8px; height: 32px; border-radius: 16px; color: white; font-family: Lora, serif; font-size: 16px; cursor: pointer; } body:not(.raw) .ss-org-custom-project a.projects-link { color: white; text-decoration: underline; } body:not(.raw) .ss-org-custom-project .project-completed { background: url(""); } body:not(.raw) .ss-org-custom-project .el-form-item__label { text-align: left !important; } body:not(.raw) .ss-org-custom-project label { font-size: 12px; text-transform: uppercase; font-weight: bold; } body:not(.raw) .welcome-box img { max-height: 100px; max-width: 100px; } body:not(.raw) .ss-org-project em { font-style: italic; } body:not(.raw) .ss-org-project strong { font-weight: bold; } body:not(.raw) .ss-org-project .videoWrapper { background-color: rgb(0, 0, 0); } body:not(.raw) .ss-org-project .videoWrapper video { max-width: 100% !important; } body:not(.raw) .ss-org-project .bottom-box { color: rgb(255, 255, 255); } body:not(.raw) .ss-org-project .bottom-box a { color: rgb(255, 255, 255); text-decoration: underline; } body:not(.raw) .ss-org-project .bottom-box a:hover { color: rgb(255, 255, 255); } body:not(.raw) .ss-org-project .org-branded-box { text-align: center; color: rgb(255, 255, 255); } body:not(.raw) .ss-org-project .vertical-stack { display: flex; flex-direction: column; } body:not(.raw) .ss-org-project ol.steps { counter-reset: section 0; } body:not(.raw) .ss-org-project ol.steps li { list-style-type: none; border-bottom: 1px solid rgb(204, 204, 204); } body:not(.raw) .ss-org-project ol.steps li::before { content: counter(section); counter-increment: section 1; display: inline-block; position: absolute; left: -75px; top: 50%; transform: translateY(-50%); padding: 12px; font-size: 2rem; width: 25px; height: 25px; text-align: center; color: rgb(0, 0, 0); border-radius: 50%; border: 3px solid rgb(0, 0, 0); } body:not(.raw) .ss-org-project .instructions ol { counter-reset: steps 0; } body:not(.raw) .ss-org-project .instructions li { display: flex; flex-direction: row; align-items: start; border-bottom: 0.5px solid rgb(216, 216, 216); margin-bottom: 1rem; } body:not(.raw) .ss-org-project .instructions li .ss-markdown { margin-top: 0.5rem; } body:not(.raw) .ss-org-project .instructions li::before { counter-increment: steps 1; content: counter(steps); display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 40px; color: rgb(255, 255, 255); margin-right: 0.5rem; padding: 20px; font-family: Nunito, sans-serif; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; text-align: center; margin-bottom: 1rem; } body:not(.raw) .ss-org-project .special-instructions { background-color: rgba(253, 215, 38, 0.2); } body:not(.raw) .ss-org-project .special-instructions div { flex-grow: 1; } body:not(.raw) .ss-org-project .participation-button { width: 126px; height: 32px; object-fit: contain; border-radius: 16px; background-color: var(--action-color); font-family: Lora, serif; font-style: normal; font-stretch: normal; letter-spacing: -0.1px; text-align: center; color: rgb(255, 255, 255); } body:not(.raw) .ss-org-project .el-button { outline: 0px; border: 0px; padding-right: 16px; padding-left: 16px; padding-top: 8px; height: 32px; border-radius: 16px; color: white; font-family: Lora, serif; font-size: 16px; cursor: pointer; } body:not(.raw) .ss-org-project a.projects-link { color: white; text-decoration: underline; } body:not(.raw) .ss-org-project .project-completed { background: url(""); } body:not(.raw) .ss-org-project .el-form-item__label { text-align: left !important; } body:not(.raw) .ss-org-project label { font-size: 12px; text-transform: uppercase; font-weight: bold; } body:not(.raw) .welcome-box img { max-height: 100px; max-width: 100px; } body:not(.raw) .org-project-breakout-viz text { font-family: Nunito, sans-serif; } body:not(.raw) .org-project-breakout-viz rect { opacity: 1; transition: opacity 200ms ease 0s; } body:not(.raw) .org-project-breakout-viz polygon { opacity: 0.5; transition: opacity 200ms ease 0s; } body:not(.raw) .org-pb-header { display: flex; font-family: Nunito, sans-serif; font-size: 0.8rem; font-weight: bold; justify-content: space-between; } body:not(.raw) .org-pb-header > div { width: calc(33.33% - 20px); padding-bottom: 5px; } body:not(.raw) .org-pb-wrapper { position: relative; } body:not(.raw) .org-pb-tooltip { font-family: Nunito, sans-serif; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px; padding: 10px; position: absolute; top: 0px; left: 0px; } body:not(.raw) .org-pb-tooltip h1 { font-size: 1rem; } body:not(.raw) .org-pb-tooltip > div { font-size: 0.7rem; } body:not(.raw) .org-project-breakout .org-flex-row > div { text-align: left; padding-left: 0px; padding-top: 0.5rem; } body:not(.raw) .org-project-breakout .org-flex-row > div h3 { font-size: 0.8rem; } @media (max-width: 992px) { body:not(.raw) .org-project-breakout .org-flex-row > div:first-child { padding-bottom: 0px; } } body:not(.raw) .project-builder__grasp { position: absolute; right: 1em; top: 1em; } body:not(.raw) .project-builder__worksheet { position: absolute; right: 1em; top: 2.5em; } body:not(.raw) .ss-org-project-builder .el-upload { width: 100%; } body:not(.raw) .ss-org-project-builder .el-upload-dragger { width: auto !important; height: auto !important; } body:not(.raw) .ss-org-project-builder .add-question-dropdown { border-radius: 16px; padding-left: 20px; padding-right: 20px; } body:not(.raw) .ss-org-project-builder { max-width: 900px; } body:not(.raw) .ss-org-project-builder .org-project-builder { width: 100%; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header { background-color: white; width: 100%; height: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px; z-index: 2; position: relative; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header .heading { display: flex; justify-content: space-between; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header .heading h1 { font-family: Lora, serif; font-size: 22px; font-weight: bold; line-height: 1.85; color: rgb(24, 125, 184); } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header .heading a { font-size: 14px; color: rgb(24, 125, 184); text-decoration: underline; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form fieldset { display: flex; flex-direction: column; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form fieldset:first-of-type { width: 20%; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form fieldset:nth-of-type(2) { flex-grow: 1; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form fieldset label { font-size: 12px; text-transform: uppercase; font-weight: bold; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form fieldset input { height: 32px; border-radius: 3px; background-color: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 207); width: 100%; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form a { text-decoration: underline; } @media screen and (max-width: 991px) { body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form { flex-direction: column; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form fieldset:first-of-type { width: 100%; margin-right: 0px !important; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form fieldset:nth-of-type(2) { width: 100%; margin-right: 0px !important; margin-top: 15px !important; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form button, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-header form a { margin-top: 15px !important; width: 100%; } } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main { z-index: 1; position: relative; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules { background: white; border: 1px solid rgb(222, 222, 222); } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules button { background: transparent; border: 0px; width: 100%; padding-bottom: 0px; color: rgb(83, 83, 83); font-size: 12px; cursor: pointer; text-align: left !important; outline: 0px !important; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules button:hover { color: rgb(24, 125, 184); background: rgb(209, 229, 241); } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li > button { text-transform: uppercase; font-weight: bold; text-align: left; padding: 0px 0px 0px 15px; border-top: 1px solid rgb(222, 222, 222); } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li > button .btn-icon { margin-right: 5px; position: relative; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li > button .btn-icon .base { position: relative; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li > button .btn-icon .active { position: absolute; top: -1px; left: 0px; opacity: 0; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li:hover > button .base { opacity: 0; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li:hover > button .active { opacity: 1; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li:first-of-type > button.toggled { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px; color: rgb(24, 125, 184); } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li:first-of-type > button.toggled .base { opacity: 0; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules > li:first-of-type > button.toggled .active { opacity: 1; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules .add-question button { padding: 0.2rem 0.2rem 0px; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar .add-modules .toggled ~ .add-question { display: block; } @media screen and (max-width: 991px) { body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main .org-project-builder-sidebar { width: 100%; } } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form > h4, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form > h4, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange > h4 { color: rgb(24, 125, 184); font-size: 22px; line-height: 28px; font-weight: bold; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form fieldset label, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form fieldset label, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange fieldset label { font-size: 12px; font-weight: bold; text-transform: uppercase; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form fieldset input[type="text"], body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form fieldset input[type="number"], body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form fieldset textarea, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form fieldset input[type="text"], body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form fieldset input[type="number"], body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form fieldset textarea, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange fieldset input[type="text"], body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange fieldset input[type="number"], body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange fieldset textarea { width: 100%; height: 32px; border-radius: 3px; border: 0.5px solid rgb(211, 211, 207); background-color: rgb(255, 255, 255); padding-left: 16px; padding-right: 16px; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form fieldset input[type="number"], body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form fieldset input[type="number"], body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange fieldset input[type="number"] { max-width: 115px; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form fieldset textarea, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form fieldset textarea, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange fieldset textarea { padding: 8px 16px; height: auto; min-height: 96px; } @media screen and (max-width: 991px) { body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange { padding: 0px; max-height: none; margin-top: 40px; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form .builder-module, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange .builder-module { display: flex; flex-direction: column; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module div.builder-module-icons, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form .builder-module div.builder-module-icons, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange .builder-module div.builder-module-icons { position: relative; order: 2; left: initial; top: initial; justify-content: flex-start; margin-top: 15px; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module fieldset, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form .builder-module fieldset, body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #arrange .builder-module fieldset { max-width: none; } } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form .preview-module label { text-transform: none; font-size: 16px; font-weight: normal; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #preview-form .media-placeholder { height: 200px; width: 400px; max-width: 100%; background: lightgray; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .error { color: red; font-size: 12px; font-weight: bold; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module { position: relative; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module .builder-module-icons { display: flex; justify-content: flex-end; position: absolute; left: calc(70% + 40px); top: 0px; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module .builder-module-icons .module-icon { cursor: pointer; position: relative; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module .builder-module-icons .module-icon svg { height: 37px; width: 37px; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module .builder-module-icons .module-icon .active { position: absolute; top: 0px; left: 0px; opacity: 0; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module .builder-module-icons .module-icon:hover .base { opacity: 0; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module .builder-module-icons .module-icon:hover .active { opacity: 1; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module .builder-module-icons .module-icon.duplicate { margin-right: 16px; margin-top: 1px; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-main #builder-form .builder-module fieldset { display: flex; flex-direction: column; } body:not(.raw) .ss-org-project-builder .org-project-builder #arrange > p { font-weight: bold; } body:not(.raw) .ss-org-project-builder .org-project-builder #arrange .arrange-module { border-bottom: 1px solid rgb(151, 151, 151); cursor: move; display: flex; position: relative; justify-content: space-between; align-items: center; } body:not(.raw) .ss-org-project-builder .org-project-builder #arrange .arrange-module .move-icon { position: absolute; left: 0px; top: 22px; } body:not(.raw) .ss-org-project-builder .org-project-builder #arrange .arrange-module .arrange-module-functions { display: flex; } @media screen and (max-width: 991px) { body:not(.raw) .ss-org-project-builder .org-project-builder #arrange .arrange-module { flex-wrap: wrap; } body:not(.raw) .ss-org-project-builder .org-project-builder #arrange .arrange-module .arrange-module-functions { width: 100%; margin-top: 15px; } } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-bottom-nav { background-color: white; width: 100%; height: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px; z-index: 2; position: relative; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 991px) { body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-bottom-nav > div { flex-direction: column; align-items: center; display: flex; } body:not(.raw) .ss-org-project-builder .org-project-builder .org-project-builder-bottom-nav button + button { margin-left: 0px; margin-top: 15px; } } body:not(.raw) .ss-org-project-builder .finish-project-wrap { opacity: 0; visibility: hidden; position: fixed; height: 100vh; width: 100vw; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; transition: opacity 0.5s ease-in-out 0s, visibility 0s linear 0.5s; top: 0px; left: 0px; z-index: 100; } body:not(.raw) .ss-org-project-builder .finish-project-wrap.toggled { opacity: 1; visibility: visible; transition: opacity 0.5s ease-in-out 0s, visibility 0s linear 0s; } body:not(.raw) .ss-org-project-builder .finish-project-wrap .finish-project-modal { background: white; text-align: center; position: relative; } body:not(.raw) .ss-org-project-builder .finish-project-wrap .finish-project-modal .exit { position: absolute; top: 20px; right: 20px; } body:not(.raw) .ss-org-project-builder .finish-project-wrap .finish-project-modal h1 { margin-bottom: 35px; font-family: Lora, serif; font-size: 22px; font-weight: bold; color: rgb(24, 125, 184); letter-spacing: -0.1px; } @media screen and (max-width: 991px) { body:not(.raw) .ss-org-project-builder .finish-project-wrap .finish-project-modal .modal-btns { display: flex; flex-direction: column; } body:not(.raw) .ss-org-project-builder .finish-project-wrap .finish-project-modal .modal-btns button + button { margin-left: 0px !important; margin-top: 15px; } } body:not(.raw) .ss-org-project-form .uploaded-media img, body:not(.raw) .ss-org-project-form .uploaded-media video { display: block; max-width: 90%; max-height: 200px; } body:not(.raw) .ss-org-project-form .preview-module .option label { text-transform: capitalize; font-weight: normal; } body:not(.raw) .ss-org-project-form label, body:not(.raw) .ss-org-project-form .pseudo-label { font-size: 12px; text-transform: uppercase; font-weight: bold; } body:not(.raw) .ss-org-project-form input { background-color: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 207); padding: 0.3em; border-radius: 3px; font-size: 16px; } body:not(.raw) .ss-org-project-form .build-input input { width: 100%; } body:not(.raw) .ss-org-project-form textarea { width: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 207); padding: 0.3em; border-radius: 3px; font-size: 16px; } body:not(.raw) .ss-org-project-form .el-button { outline: 0px; border: 0px; padding: 0px 10px; height: 32px; border-radius: 16px; color: white; font-family: Lora, serif; font-size: 14px; cursor: pointer; } body:not(.raw) .ss-org-project-form .el-form-item__label { text-align: left !important; } body:not(.raw) .ss-org-student-dashboard .el-button { outline: 0px; border: 0px; padding: 0px 10px; height: 32px; border-radius: 16px; color: white; font-family: Lora, serif; font-size: 14px; cursor: pointer; } body:not(.raw) .ss-org-student-dashboard .current-feature { display: block; background-color: rgb(255, 255, 255); padding: 1rem; border: 1px solid rgb(204, 204, 204); } body:not(.raw) .ss-org-student-dashboard .current-feature img { max-width: 300px; max-height: 300px; } body:not(.raw) .ss-org-student-dashboard .current-feature a:last-of-type { font-size: 32pt; margin-left: 1rem; vertical-align: top; } body:not(.raw) .ss-org-student-groups .project-list-header { background-color: rgb(242, 241, 241); font-size: 12px; text-transform: uppercase; } body:not(.raw) .ss-org-student-groups .project-listing { border-bottom: 1px solid rgb(222, 222, 222); padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } body:not(.raw) .ss-org-student-groups .no-teams { text-align: center; background-color: rgb(242, 241, 241); } body:not(.raw) .ss-org-student-groups .el-cascader .el-input { width: 254px; } body:not(.raw) .ss-org-student-groups .el-select-dropdown__wrap { width: 100%; max-width: 300px; } body:not(.raw) .ss-org-student-groups .select-team .el-select { width: 100%; max-width: 300px; } body:not(.raw) .ss-org-student-groups .el-select-dropdown { width: 100%; max-width: 300px; } body:not(.raw) .ss-org-student-groups .el-select-dropdown .el-select-dropdown__item { width: 100%; max-width: 300px; } body:not(.raw) .ss-org-student-groups .el-collapse-item__header { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 222, 222); font-size: 16px; } body:not(.raw) .ss-org-student-groups .el-collapse-item__header:hover, body:not(.raw) .ss-org-student-groups .el-collapse-item__header:focus { background-color: rgb(245, 247, 250) !important; } body:not(.raw) .ss-org-student-groups .el-collapse-item__header.is-active { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-top: 1px solid rgb(222, 222, 222); border-right: 1px solid rgb(222, 222, 222); border-left: 1px solid rgb(222, 222, 222); border-image: initial; border-bottom: none; } body:not(.raw) .ss-org-student-groups .el-collapse-item__wrap { max-height: 200px; overflow-y: auto; } body:not(.raw) .ss-org-student-groups .el-collapse-item__content { font-size: 14px; } body:not(.raw) .ss-org-student-groups .el-collapse { border-top: none; margin-bottom: 0px !important; } body:not(.raw) .team-select { color: rgb(51, 51, 51); } body:not(.raw) .team-select a { color: rgb(51, 51, 51); display: block; } body:not(.raw) .team-select .instructor { font-style: italic; } body:not(.raw) .team-select td.join:hover, body:not(.raw) .team-select td.join:focus { background-color: rgb(245, 247, 250); text-decoration: none; } body:not(.raw) .team-select td { border-top: 1px solid rgb(221, 221, 221); } body:not(.raw) .org-create-project { border-style: dashed; text-align: center; border-width: 1px; border-radius: 10px; } body:not(.raw) .org-create-project .el-button { outline: 0px; border: 0px; padding: 8px 16px; border-radius: 16px; color: white; font-family: Lora, serif; cursor: pointer; } body:not(.raw) .org-student-project { border-radius: 10px; } body:not(.raw) .ss-org-student-projects .org-form .el-form-item__label { display: block; text-align: left; float: none; font-weight: normal; } body:not(.raw) .ss-org-student-projects .org-form .el-radio__label { font-weight: normal; text-transform: none !important; } ss-org-student-projects .org-form .el-form-item__content { display: block; } body:not(.raw) .ss-org-teacher-assignments .el-collapse-item__header.is-active { border-bottom: 1px solid rgb(222, 222, 222); } body:not(.raw) .ss-org-teacher-assignments .el-collapse-item__content { padding-top: 0px; } body:not(.raw) .ss-org-teacher-assignments .el-collapse { border-bottom: none; } body:not(.raw) .ss-org-teacher-assignments .sizeten { width: 10rem; } body:not(.raw) .checklist-wrap { background-color: rgb(226, 226, 230); } body:not(.raw) .checklist-wrap .section-top { background-color: rgb(226, 226, 230); } body:not(.raw) .checklist-wrap .section-top .small-checklist { position: relative; display: inline-flex; height: 22px; align-items: center; justify-content: space-between; } body:not(.raw) .checklist-wrap .section-top .small-checklist .checklist-item { height: 22px; width: 22px; background: white; position: relative; border-radius: 50%; display: inline-block; border: 2px solid rgb(24, 125, 184); } body:not(.raw) .checklist-wrap .section-top .small-checklist .checklist-item svg { height: 14px; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } body:not(.raw) .checklist-wrap .section-top .small-checklist .checklist-item + .checklist-item { margin-left: 19px; } body:not(.raw) .checklist-wrap .section-top .small-checklist .checklist-item + .checklist-item::before { content: ""; position: absolute; right: 100%; width: 21px; top: 50%; transform: translateY(-50%); height: 2px; } body:not(.raw) .checklist-wrap .section-top a { text-decoration: underline; } body:not(.raw) .checklist-wrap .checklist-bottom { display: none; } @media screen and (min-width: 767px) { body:not(.raw) .checklist-wrap .checklist-bottom .checklist { display: flex; justify-content: space-between; position: relative; } } @media screen and (min-width: 767px) { body:not(.raw) .checklist-wrap .checklist-bottom .checklist::before { content: ""; position: absolute; height: 2px; width: calc(100% - 80px); display: block; top: 19px; left: 50%; transform: translateX(-50%); } } body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item { display: flex; align-items: center; justify-content: space-between; } @media screen and (min-width: 767px) { body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item { max-width: 100px; flex-direction: column; text-align: center; } } body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item .item-inner { display: flex; align-items: center; } @media screen and (min-width: 767px) { body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item .item-inner { flex-direction: column; align-items: center; justify-content: flex-start; } } body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item .icon-wrap { position: relative; height: 40px; width: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: white; } body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item .icon-wrap svg { height: 100%; width: 100%; object-fit: contain; } body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item.complete .primary-fill { fill: white !important; } body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item.complete .primary-stroke { stroke: white !important; } body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-item .complete-label { font-style: italic; font-size: 12px; } body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-description { margin-bottom: 0px; margin-left: 16px; font-size: 0.875rem; line-height: 18px; } @media screen and (min-width: 767px) { body:not(.raw) .checklist-wrap .checklist-bottom .checklist .checklist-description { margin-bottom: 16px; margin-left: 0px; font-size: 1rem; line-height: 20px; } } body:not(.raw) .checklist-wrap .checklist-bottom > p { text-align: center; } body:not(.raw) .checklist-wrap .checklist-bottom > p a, body:not(.raw) .checklist-wrap .checklist-bottom > p b { font-size: 14px; } body:not(.raw) .checklist-wrap .checklist-bottom > p a { color: rgb(37, 39, 80); text-decoration: underline; } body:not(.raw) .checklist-wrap.open .checklist-top { background-color: rgb(255, 255, 255); } body:not(.raw) .checklist-wrap.open .checklist-bottom { display: block; } body:not(.raw) .roster-wrap .section-top .roster-tabs { display: flex; } body:not(.raw) .roster-wrap .section-top .roster-tabs > div { position: relative; text-align: center; cursor: pointer; } body:not(.raw) .roster-wrap .section-top .roster-tabs > div .icon { width: 54px; height: 25px; } body:not(.raw) .roster-wrap .section-top .roster-tabs > div .icon svg { height: 100%; width: 100%; object-fit: contain; } body:not(.raw) .roster-wrap .section-top .roster-tabs > div span { position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); display: block; font-size: 9px; font-weight: bold; text-transform: uppercase; color: rgb(186, 186, 186); } body:not(.raw) .roster-wrap .section-top .roster-tabs > div::after { content: ""; position: absolute; display: block; width: 54px; height: 5px; background-color: transparent; bottom: -18px; left: 50%; transform: translateX(-50%); } body:not(.raw) .roster-wrap .roster-bottom { background-color: rgb(222, 222, 222); } @media screen and (max-width: 991px) { body:not(.raw) .roster-wrap .roster-bottom { padding: 25px 10px; } } body:not(.raw) .roster-wrap .roster-bottom .dropdown-item.group > .item-bottom { background-color: rgb(222, 221, 221); } body:not(.raw) .roster-wrap .roster-bottom .dropdown-item.group > .item-bottom .student .item-bottom { background-color: white; } @media screen and (max-width: 991px) { body:not(.raw) .projects-wrap .section-top { flex-wrap: wrap; } body:not(.raw) .projects-wrap .section-top h2 { width: 100%; text-align: center; } body:not(.raw) .projects-wrap .section-top button { width: 100%; margin-top: 15px; } } body:not(.raw) .projects-wrap .projects-bottom { display: flex; flex-wrap: wrap; } @media screen and (max-width: 991px) { body:not(.raw) .projects-wrap .projects-bottom { justify-content: center; } } body:not(.raw) .projects-wrap .project-frame { border: 1px solid rgb(204, 204, 204); display: inline-block; } body:not(.raw) .projects-wrap .project-frame--fixed { height: 0px; padding-bottom: 58.333%; position: relative; } body:not(.raw) .projects-wrap .project-frame--fixed img { position: absolute; inset: 0px; max-height: 100%; margin: auto; } body:not(.raw) .ss-org-style .ss-org-teacher-faq .el-collapse-item { border-radius: 30px; } body:not(.raw) .ss-org-style .ss-org-teacher-faq .el-collapse-item__header { border-radius: 10px; font-weight: 600; padding: 1rem !important; } body:not(.raw) .ss-org-style .ss-org-teacher-faq .el-collapse-item__header.is-active { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } body:not(.raw) .ss-org-style .ss-org-teacher-faq .el-collapse-item__wrap { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } body:not(.raw) .ss-org-style .ss-org-teacher-faq .el-collapse-item__content { padding-bottom: 1rem !important; } body:not(.raw) .ss-org-style .ss-org-teacher-faq .el-collapse-item__arrow { font-weight: bold; } body:not(.raw) .ss-org-teacher-project-list .el-collapse-item__header.is-active span { color: blue; } body:not(.raw) .org-create-project { border-style: dashed; text-align: center; border-width: 1px; border-radius: 10px; } body:not(.raw) .org-create-project .el-button { outline: 0px; border: 0px; padding: 8px 16px; border-radius: 16px; color: white; font-family: Lora, serif; cursor: pointer; } body:not(.raw) .org-teacher-project { border-radius: 10px; } body:not(.raw) .ss-org-teacher-projects .org-form .el-form-item__label { display: block; text-align: left; float: none; font-weight: normal; } body:not(.raw) .ss-org-teacher-projects .org-form .el-radio__label { font-weight: normal; text-transform: none !important; } body:not(.raw) .ss-org-teacher-projects .org-form .el-form-item__content { display: block; } body:not(.raw) .ss-org-teacher-projects .org-project-card-image { display: block; max-height: 220px; background-color: rgb(51, 51, 51); } body:not(.raw) .ss-org-teacher-projects .org-project-card-image img, body:not(.raw) .ss-org-teacher-projects .org-project-card-image video { display: block; margin: 10px auto; max-height: 200px; max-width: 100%; } body:not(.raw) .roster-wrap .section-top .roster-tabs { display: flex; } body:not(.raw) .roster-wrap .section-top .roster-tabs > div { position: relative; text-align: center; cursor: pointer; } body:not(.raw) .roster-wrap .section-top .roster-tabs > div .icon { width: 54px; height: 25px; } body:not(.raw) .roster-wrap .section-top .roster-tabs > div .icon svg { height: 100%; width: 100%; object-fit: contain; } body:not(.raw) .roster-wrap .section-top .roster-tabs > div span { position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); display: block; font-size: 9px; font-weight: bold; text-transform: uppercase; color: rgb(186, 186, 186); } body:not(.raw) .roster-wrap .section-top .roster-tabs > div::after { content: ""; position: absolute; display: block; width: 54px; height: 5px; background-color: transparent; bottom: -18px; left: 50%; transform: translateX(-50%); } body:not(.raw) .roster-wrap .roster-bottom { background-color: rgb(222, 222, 222); } @media screen and (max-width: 991px) { body:not(.raw) .roster-wrap .roster-bottom { padding: 25px 10px; } } body:not(.raw) .roster-wrap .roster-bottom .dropdown-item.group > .item-bottom { background-color: rgb(222, 221, 221); } body:not(.raw) .roster-wrap .roster-bottom .dropdown-item.group > .item-bottom .student .item-bottom { background-color: white; } body:not(.raw) .org-group-list { max-height: 250px; overflow: auto; } body:not(.raw) .primary-color { color: rgb(24, 125, 184); } body:not(.raw) .primary-bg { background-color: rgb(24, 125, 184); } body:not(.raw) .secondary-color { color: rgb(246, 140, 31); } body:not(.raw) .secondary-bg { background-color: rgb(246, 140, 31); } body:not(.raw) .ss-organization-landing { max-width: 1440px; } body:not(.raw) .ss-organization-landing .hero { margin-bottom: 30px; } body:not(.raw) .ss-organization-landing .hero img { width: 100%; } body:not(.raw) .ss-organization-landing .hero h1 { padding: 8px; color: white; margin-top: -7px; } body:not(.raw) .ss-organization-landing .student-intro { margin-bottom: 40px; } body:not(.raw) .ss-organization-landing .student-intro p { color: rgb(83, 83, 83); } body:not(.raw) .ss-organization-landing .projects-list .projects-heading { border-bottom: 3px solid; height: 34px; } body:not(.raw) .ss-organization-landing .projects-list .projects-heading .title { font-size: 18px; color: white; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 5px 10px; } body:not(.raw) .ss-organization-landing .projects-list .project { padding: 20px; margin-bottom: 5px; background: white; border: 1px solid rgb(222, 222, 222); } body:not(.raw) .ss-organization-landing .projects-list .project .wrap { display: flex; align-items: center; } body:not(.raw) .ss-organization-landing .projects-list .project .wrap .project-image { padding-right: 30px; } body:not(.raw) .ss-organization-landing .projects-list .project .wrap .project-image img { max-width: 200px; } body:not(.raw) .ss-organization-landing .projects-list .project .wrap .project-info { padding-right: 30px; border-right: 1px solid rgb(225, 225, 225); flex-grow: 2; } body:not(.raw) .ss-organization-landing .projects-list .project .wrap .project-info h5 { font-weight: 800; } body:not(.raw) .ss-organization-landing .projects-list .project .wrap .project-cta { padding-left: 30px; } body:not(.raw) .ss-organization-landing .projects-list .project .wrap .project-cta a { display: block; width: 150px; background: rgb(246, 140, 31); color: white; padding: 10px 20px; text-align: center; border-radius: 8px; } body:not(.raw) .ss-organization-nav #org-nav-wide { position: absolute; height: 100%; width: 100vw; left: 50%; transform: translateX(-50%); top: 0px; z-index: 1; } body:not(.raw) .ss-organization-nav #org-nav-wide #org-nav-main { width: 100px; overflow: hidden; height: 100%; background-color: rgb(226, 226, 230); } body:not(.raw) .ss-organization-nav #org-nav-wide #org-nav-main li.org-nav-item { border-bottom: 1px solid rgb(168, 169, 184); } body:not(.raw) .ss-organization-nav #org-nav-wide #org-nav-main li.org-nav-item a { display: block; font-family: Lora, serif; color: rgb(37, 39, 80); font-weight: bold; text-align: center; padding-top: 20px; padding-bottom: 20px; } body:not(.raw) .ss-organization-nav #org-nav-wide #org-nav-main li.org-nav-item a:hover, body:not(.raw) .ss-organization-nav #org-nav-wide #org-nav-main li.org-nav-item a:focus { background-color: rgb(37, 39, 80); text-decoration: none; color: white; } body:not(.raw) .ss-organization-nav #org-nav-wide #org-nav-main li.org-logo { cursor: pointer; border-bottom: 1px solid rgb(168, 169, 184); } body:not(.raw) .ss-organization-nav #org-nav-wide #org-nav-main li.org-logo a { display: block; font-family: Lora, serif; color: rgb(37, 39, 80); font-weight: bold; text-align: center; padding-top: 20px; padding-bottom: 20px; } body:not(.raw) .ss-organization-nav .org-nav-mobile { background-color: rgb(226, 226, 230); width: 100%; } body:not(.raw) .ss-organization-nav .org-nav-mobile p.nav-dashboard__heading { padding: 1rem; text-align: right; margin-bottom: 0px !important; } body:not(.raw) .ss-organization-nav .org-nav-mobile .el-submenu__title { text-align: right; } body:not(.raw) .ss-organization-nav .org-nav-mobile .el-submenu__title i { color: rgb(17, 17, 17); } body:not(.raw) .ss-organization-nav .org-nav-mobile li { border-bottom: 1px solid rgb(168, 169, 184); } body:not(.raw) .ss-organization-nav .org-nav-mobile li a { display: block; text-decoration: none; font-family: Lora, serif; color: rgb(37, 39, 80); } body:not(.raw) .ss-organization-nav .org-nav-mobile li a.selected { background-color: rgb(37, 39, 80); color: white; } body:not(.raw) .ss-organization-nav .org-nav-mobile .el-submenu .el-menu-item.org-logo { height: 70px; } body:not(.raw) .ss-organization-nav .org-nav-mobile .el-submenu .el-menu-item.org-logo a { padding-top: 10px; } body:not(.raw) .ss-organization-teacher-landing #content { background-color: rgb(248, 248, 248); } body:not(.raw) .ss-organization-teacher-landing { max-width: 900px; min-height: 425px; position: relative; } body:not(.raw) .ss-organization-teacher-landing #organization-landing-main { z-index: 2; position: relative; } body:not(.raw) .ss-organization-teacher-landing .hero { margin-bottom: 30px; } body:not(.raw) .ss-organization-teacher-landing .hero img { width: 100%; } body:not(.raw) .ss-organization-teacher-landing .hero h1 { padding: 8px; color: white; margin-top: -7px; } body:not(.raw) .ss-organization-teacher-landing .student-intro { margin-bottom: 40px; } body:not(.raw) .ss-organization-teacher-landing .student-intro p { color: rgb(83, 83, 83); } body:not(.raw) .ss-organization-teacher-landing .projects-list .projects-heading { border-bottom: 3px solid; height: 34px; } body:not(.raw) .ss-organization-teacher-landing .projects-list .projects-heading .title { font-size: 18px; color: white; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 5px 10px; } body:not(.raw) .ss-organization-teacher-landing .projects-list .project { padding: 20px; margin-bottom: 5px; background: white; border: 1px solid rgb(222, 222, 222); } body:not(.raw) .ss-organization-teacher-landing .projects-list .project .wrap { display: flex; align-items: center; } body:not(.raw) .ss-organization-teacher-landing .projects-list .project .wrap .project-image { padding-right: 30px; } body:not(.raw) .ss-organization-teacher-landing .projects-list .project .wrap .project-image img { max-width: 200px; } body:not(.raw) .ss-organization-teacher-landing .projects-list .project .wrap .project-info { padding-right: 30px; border-right: 1px solid rgb(225, 225, 225); flex-grow: 2; } body:not(.raw) .ss-organization-teacher-landing .projects-list .project .wrap .project-info h5 { font-weight: 800; } body:not(.raw) .ss-organization-teacher-landing .projects-list .project .wrap .project-cta { padding-left: 30px; } body:not(.raw) .ss-organization-teacher-landing .projects-list .project .wrap .project-cta a { display: block; width: 150px; background: rgb(246, 140, 31); color: white; padding: 10px 20px; text-align: center; border-radius: 8px; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap { width: 100%; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap { background-color: rgb(226, 226, 230); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .section-top { background-color: rgb(226, 226, 230); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .section-top .small-checklist { position: relative; display: inline-flex; height: 22px; align-items: center; justify-content: space-between; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .section-top .small-checklist .checklist-item { height: 22px; width: 22px; background: white; position: relative; border-radius: 50%; display: inline-block; border: 2px solid rgb(24, 125, 184); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .section-top .small-checklist .checklist-item svg { height: 14px; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .section-top .small-checklist .checklist-item + .checklist-item { margin-left: 19px; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .section-top .small-checklist .checklist-item + .checklist-item::before { content: ""; position: absolute; right: 100%; width: 21px; top: 50%; transform: translateY(-50%); height: 2px; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .section-top a { text-decoration: underline; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom { display: none; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist { display: flex; justify-content: space-between; position: relative; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist::before { content: ""; position: absolute; height: 2px; width: calc(100% - 80px); display: block; top: 19px; left: 50%; transform: translateX(-50%); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist .checklist-item { display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; max-width: 100px; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist .checklist-item .item-inner { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist .checklist-item .icon-wrap { position: relative; height: 40px; width: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: white; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist .checklist-item .icon-wrap svg { height: 100%; width: 100%; object-fit: contain; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist .checklist-item.complete .primary-fill { fill: white !important; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist .checklist-item.complete .primary-stroke { stroke: white !important; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom .checklist .checklist-item .complete-label { font-style: italic; font-size: 12px; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom > p { text-align: center; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom > p a, body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom > p b { font-size: 14px; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap .checklist-bottom > p a { color: rgb(37, 39, 80); text-decoration: underline; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap.open .checklist-top { background-color: rgb(255, 255, 255); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .checklist-wrap.open .checklist-bottom { display: block; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .section-top .roster-tabs { display: flex; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .section-top .roster-tabs > div { position: relative; text-align: center; cursor: pointer; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .section-top .roster-tabs > div .icon { width: 54px; height: 25px; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .section-top .roster-tabs > div .icon svg { height: 100%; width: 100%; object-fit: contain; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .section-top .roster-tabs > div span { position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); display: block; font-size: 9px; font-weight: bold; text-transform: uppercase; color: rgb(186, 186, 186); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .section-top .roster-tabs > div::after { content: ""; position: absolute; display: block; width: 54px; height: 5px; background-color: transparent; bottom: -18px; left: 50%; transform: translateX(-50%); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .roster-bottom { background-color: rgb(222, 222, 222); } @media screen and (max-width: 991px) { body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .roster-bottom { padding: 25px 10px; } } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .roster-bottom .dropdown-item.group > .item-bottom { background-color: rgb(222, 221, 221); } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .roster-wrap .roster-bottom .dropdown-item.group > .item-bottom .student .item-bottom { background-color: white; } @media screen and (max-width: 991px) { body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .projects-wrap .section-top { flex-wrap: wrap; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .projects-wrap .section-top h2 { width: 100%; text-align: center; } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .projects-wrap .section-top button { width: 100%; margin-top: 15px; } } body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .projects-wrap .projects-bottom { display: flex; flex-wrap: wrap; } @media screen and (max-width: 991px) { body:not(.raw) .ss-organization-teacher-landing .teacher_dashboard_wrap .projects-wrap .projects-bottom { justify-content: center; } } body:not(.raw) .ss-page ul, body:not(.raw) .ss-page ol { margin-left: 1rem !important; } body:not(.raw) .ss-page ul li, body:not(.raw) .ss-page ol li { margin-bottom: 0.25rem !important; } body:not(.raw) .ss-page ul li:last-of-type, body:not(.raw) .ss-page ol li:last-of-type { margin-bottom: 1rem !important; } body:not(.raw) .ss-page ul { list-style: disc; } body:not(.raw) .ss-page ol { list-style: decimal; } body:not(.raw) .ss-page .fr-view p::after, body:not(.raw) .ss-page .fr-view div::after { display: block; content: ""; clear: both; height: 0px; } body:not(.raw) .ss-page .fr-view > p { margin-bottom: 1rem !important; } body:not(.raw) .ss-page-about .team h3 { font-family: Nunito, sans-serif; font-size: 1.25rem; line-height: 1.3; letter-spacing: 1px; font-weight: bold; } body:not(.raw) .ss-page-about .team .twitter-img { vertical-align: middle; } body:not(.raw) .ss-page-about .team .team-img { filter: grayscale(100%); width: 100%; } body:not(.raw) .ss-page-add { display: flex; flex-direction: row; justify-content: space-between; } @media (max-width: 699px) { body:not(.raw) .ss-page-add { flex-direction: column; } } body:not(.raw) .ss-page-add a { max-width: 100%; border: 0px; } body:not(.raw) .ss-page-add a figure { font-size: 2rem; text-align: center; max-width: 100%; margin: 1rem; border-radius: 1rem; box-shadow: rgb(238, 238, 238) 3px 3px 9px; } body:not(.raw) .ss-page-add a figure img { max-width: 50%; } body:not(.raw) .ss-page-educators .pullquote { color: rgb(244, 125, 48); font-family: Lora, serif; font-style: italic; } body:not(.raw) .ss-page-educators .pullquote__large { font-size: 2rem; line-height: 1.5; font-weight: 400; letter-spacing: 1px; } body:not(.raw) .ss-page-educators .pullquote__medium { font-size: 1.625rem; line-height: 1.5; font-weight: 400; letter-spacing: 1px; } body:not(.raw) .ss-page-educators .section-educators { background-color: rgb(216, 234, 255); } body:not(.raw) .ss-page-educators table.key-practices img { width: 100px; } body:not(.raw) .ss-page-educators .el-collapse-item__header { background-color: rgb(221, 221, 221); } body:not(.raw) .ss-page-educators .el-collapse-item__header:hover { background-color: rgb(170, 170, 170); } body:not(.raw) .ss-page-educators .el-collapse-item__header.is-active { background-color: rgb(170, 170, 170); } body:not(.raw) .items-list .item-subtitle { color: rgb(170, 170, 170); } body:not(.raw) .items-list .item-img { padding: 7px; } body:not(.raw) .ss-people-finder .leaflet-top.leaflet-right { max-width: 76%; } @media only screen and (min-width: 768px) { body:not(.raw) .ss-people-finder .leaflet-top.leaflet-right { } } body:not(.raw) .ss-people-finder .leaflet-bottom.leaflet-right { max-width: 98%; border-top: 1px solid rgb(238, 238, 238); } @media only screen and (min-width: 768px) { body:not(.raw) .ss-people-finder .leaflet-bottom.leaflet-right { border-top: none; } } body:not(.raw) .el-button.edit-btn { padding: 4px; border-radius: 50%; } body:not(.raw) .profile-user-image { width: 78px; height: 78px; border: 1px solid rgb(204, 204, 204); padding: 4px; float: left; margin-right: 1rem !important; } @media (min-width: 560px) { body:not(.raw) .ss-profile .flex-grid__card { flex: 0 1 49%; } } @media (min-width: 767px) { body:not(.raw) .ss-profile .flex-grid__card { flex: 0 1 47%; } } @media (min-width: 991px) { body:not(.raw) .ss-profile .flex-grid__card { flex: 0 1 32%; } } body:not(.raw) .ss-profile .el-tabs--border-card .el-tabs__item { border-right: 3px solid rgb(255, 255, 255); } body:not(.raw) .ss-profile .el-tabs--border-card .el-tabs__item:last-of-type { border-right: none; } body:not(.raw) .ss-profile .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { border-right: 1px solid rgb(220, 223, 230); } body:not(.raw) .ss-profile .list-commas > span:not(:last-of-type)::after { content: ", "; } body:not(.raw) .ss-profile img.thumbnail, body:not(.raw) .ss-profile a.thumbnail > img { width: 96px; height: auto; vertical-align: middle; } body:not(.raw) .ss-profile-view { background-color: rgb(248, 248, 248); } body:not(.raw) .project-image-review-outer { width: 150px; height: 88px; } body:not(.raw) .project-image-review { max-width: 150px; max-height: 88px; vertical-align: middle; } body:not(.raw) .ss-project figcaption { overflow-wrap: break-word; text-shadow: rgb(255, 255, 255) 0px 0px 5px; } body:not(.raw) .ss-project .help-text { margin-top: -20px; margin-bottom: 1rem !important; } body:not(.raw) .ss-project .el-upload-dragger { width: inherit; padding: 10%; } body:not(.raw) .ss-project .el-upload { width: 100%; } body:not(.raw) .ss-project .el-upload__input { margin: 0px auto; } body:not(.raw) .ss-project .el-dialog__wrapper.dialog-share .el-dialog { max-width: 300px; } body:not(.raw) .ss-project .map-review { max-width: 500px; } body:not(.raw) .ss-project .el-form-item__label { text-align: left; } body:not(.raw) .ss-project .mobile-only { display: none; } body:not(.raw) .ss-project .get-started-row p { margin-bottom: 0.75rem !important; } @media screen and (max-width: 766px) { body:not(.raw) .o-wrapper.u-pt { padding-top: 0px !important; } body:not(.raw) .ss-project .mobile-only { display: block; } body:not(.raw) .ss-project .no-mobile { display: none; } body:not(.raw) .ss-project .table-project { margin-bottom: 1rem; } body:not(.raw) .ss-project .table-project td p { overflow-wrap: break-word; max-width: calc(-80px + 100vw); display: block; } body:not(.raw) .ss-project .find-more { margin-top: 0px; margin-right: -5%; margin-left: -5%; padding: 10px 4%; background-color: rgb(239, 239, 239); margin-bottom: 1rem !important; } body:not(.raw) .ss-project h1 { font-size: 1.5rem; line-height: 28px; font-weight: bold; } body:not(.raw) .ss-project .mobile-flex { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; } body:not(.raw) .ss-project .image-holder { width: 45%; } body:not(.raw) .ss-project .title-holder { width: 50%; padding-left: 1rem; } body:not(.raw) .ss-project .title-holder p { line-height: 1.15; } body:not(.raw) .ss-project .info-holder { clear: both; } body:not(.raw) .ss-project .entity-image.section.frame { border-radius: 10px; } body:not(.raw) .ss-project .table-project tr { padding: 0px 10px 10px 0px; background-color: rgba(71, 168, 212, 0.2); margin-bottom: 12px; border: 0px; } body:not(.raw) .ss-project .table-project th { padding: 0px 10px; margin-bottom: 10px; display: inline-block; background-color: rgb(37, 39, 80); color: rgb(255, 255, 255); line-height: 18px; letter-spacing: 0.05rem; position: relative; top: -2px; left: 0px; } body:not(.raw) .ss-project .table-project th::after { content: ""; height: 0px; width: 0px; display: block; position: absolute; top: 0px; right: -9px; border-width: 9px; border-style: solid; border-color: rgb(37, 39, 80) transparent; } body:not(.raw) .ss-project .table-project td { padding-bottom: 0.5rem; padding-left: 10px; display: block; } body:not(.raw) .ss-project .table-project td.b { font-weight: bold; } body:not(.raw) .ss-project .table-project td p { line-height: 1.4; } body:not(.raw) .ss-project .table-project .icon { width: 44px !important; height: 44px !important; } body:not(.raw) .ss-markdown:not(.short), body:not(.raw) .ss-markdown:not(.short) .toggle { background-color: transparent; box-shadow: none; } body:not(.raw) .ss-markdown:not(.short) .toggle { background-color: rgb(223, 237, 246); box-shadow: rgb(223, 237, 246) -20px 0px 10px; } body:not(.raw) .ss-markdown:not(.short) .fade { background-image: linear-gradient(rgba(223, 237, 246, 0), rgb(223, 237, 246)); } body:not(.raw) #project-utility { position: fixed; bottom: 0px; left: 0px; right: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; z-index: 999; padding: 10px; transition: all 0.2s ease-in-out 0s; margin-bottom: 0px !important; } body:not(.raw) #project-utility * { transition: all 0.3s ease-in-out 0s; } body:not(.raw) .mobile-grid { display: grid; grid-template-columns: 1fr 1fr 70px; align-items: center; margin: 0px !important; } body:not(.raw) .mobile-grid::before { content: none; display: none; } body:not(.raw) .mobile-grid .el-col-8 { width: auto; } body:not(.raw) .mobile-grid .mobile-grid-item { grid-column: 1 / 4; } body:not(.raw) .mobile-grid .mobile-grid-item:nth-child(1) { grid-column: 1 / 2; } body:not(.raw) .mobile-grid .mobile-grid-item:nth-child(2) { grid-area: 2 / 1 / 3 / 4; visibility: hidden; opacity: 0; transition: all 0s linear 0s !important; } body:not(.raw) .mobile-grid .mobile-grid-item:nth-child(3) { grid-column: 2 / 3; } body:not(.raw) #mobile-more-actions { position: absolute; top: 9px; right: 5px; padding: 0px 10px; text-align: center; z-index: 9999; } body:not(.raw) #mobile-more-actions span { display: block; } body:not(.raw) #mobile-more-actions .mma-x { display: block; background-color: rgb(71, 168, 212); border-radius: 100%; width: 40px; height: 40px; line-height: 40px; overflow: hidden; font-size: 30px; font-weight: normal; text-align: center; margin: 0px auto; outline: none; border: 0px; color: white; } body:not(.raw) #mobile-more-actions .mma-x:hover { color: white; } body:not(.raw) #mobile-more-actions .mma-x span { position: relative; top: -3px; left: 0px; color: white; } body:not(.raw) #mobile-more-actions .mma-text { font-size: 8px; color: rgb(149, 149, 149); } body:not(.raw) .project-checkbox { visibility: hidden; transition: visibility 0s ease 0s; } body:not(.raw) .mobile-overlay.shown { background-color: rgba(0, 0, 0, 0.3); display: flex; position: fixed; inset: 0px; z-index: 998; place-content: center; } body:not(.raw) .mobile-overlay.shown #project-utility { left: 5%; right: 5%; bottom: 20px; height: auto; width: 90%; } body:not(.raw) .mobile-overlay.shown #project-utility .mobile-grid { grid-template-columns: 1fr 1fr; margin-top: 80px !important; } body:not(.raw) .mobile-overlay.shown #project-utility .mobile-grid-item { grid-column: 1 / 3; margin-bottom: 20px; } body:not(.raw) .mobile-overlay.shown #project-utility .mobile-grid-item:nth-child(1) { grid-column: 1 / 2; } body:not(.raw) .mobile-overlay.shown #project-utility .mobile-grid-item:nth-child(2) { grid-area: 2 / 1 / 3 / 3; visibility: visible; opacity: 1; } body:not(.raw) .mobile-overlay.shown #project-utility .mobile-grid-item:nth-child(3) { grid-column: 2 / 3; } body:not(.raw) .mobile-overlay.shown #project-utility #mobile-more-actions .mma-x { transform: rotate(45deg); } body:not(.raw) .mobile-overlay.shown #project-utility .project-checkbox { visibility: visible; } body:not(.raw) .mobile-overlay:not(.shown) .project-action-btns .project-flex.p-flex-above-mobile { display: none; } } body:not(.raw) .ss-project .past-end { color: rgb(255, 58, 58); } body:not(.raw) .ss-project .ss-map .display { height: 60vh; } @media (min-width: 767px) { body:not(.raw) #mobile-more-actions { display: none; } } body:not(.raw) .ss-project .el-collapse-item.validation-failed .el-collapse-item__header { background-color: rgb(221, 51, 51); color: white; } body:not(.raw) .ss-project .edit-attr.validation-failed input, body:not(.raw) .ss-project .edit-attr.validation-failed textarea { background-color: rgb(255, 211, 211); } body:not(.raw) .ss-project .edit-attr.validation-failed .ss-fileupload div.el-upload-dragger { background-color: rgb(255, 211, 211); } body:not(.raw) .ss-project .edit-attr.validation-failed::before { content: var(--validation-message); color: rgb(221, 51, 51); font-weight: bold; display: block; padding: 0px 0.25em; } @media screen and (min-width: 766px) { body:not(.raw) .ss-project .data-card-container { display: flex; flex-wrap: wrap; place-content: flex-start space-between; } } body:not(.raw) .question-mark-tooltip, body:not(.raw) .question-mark-tooltip-white { border: 0px; background-color: rgb(29, 131, 178); color: rgb(255, 255, 255); display: inline-block; border-radius: 50%; width: 1rem; height: 1rem; text-align: center; font-size: 0.75rem; margin-left: 0.3rem; } body:not(.raw) .question-mark-tooltip-white { background-color: rgba(255, 255, 255, 0.5); color: rgb(37, 40, 79); } body:not(.raw) .project-flavor svg { fill: rgb(246, 125, 32) !important; } body:not(.raw) .project-flavor p { font-size: 0.8rem; font-weight: bold; } body:not(.raw) .project-flavor .icon--pf-ss { padding-top: 4px; } body:not(.raw) .el-tooltip__popper { max-width: 300px; } body:not(.raw) .project-action-btns button { margin-left: 0px !important; margin-bottom: 0.6rem; } body:not(.raw) .project-action-btns .icon-message { stroke-width: 4px; } body:not(.raw) .project-flex { display: flex; justify-content: space-between; } body:not(.raw) .project-flex > button, body:not(.raw) .project-flex > span { width: 48%; } body:not(.raw) .project-flex.p-flex-mobile { padding-right: 60px; } body:not(.raw) .project-flex.p-flex-above-mobile { display: block; } body:not(.raw) .project-flex.p-flex-above-mobile > button, body:not(.raw) .project-flex.p-flex-above-mobile > span { width: 100%; } @media (min-width: 768px) { body:not(.raw) .project-flex.p-flex-mobile { padding-right: 0px; display: block; } body:not(.raw) .project-flex.p-flex-mobile > button, body:not(.raw) .project-flex.p-flex-mobile > span { width: 100%; } } @media (min-width: 992px) { body:not(.raw) .project-flex.p-flex-above-mobile { display: flex; justify-content: space-between; } body:not(.raw) .project-flex.p-flex-above-mobile > button, body:not(.raw) .project-flex.p-flex-above-mobile > span { width: 48%; } } body:not(.raw) .p-text-btn { border: 0px; color: rgb(29, 131, 178); text-decoration: underline; background-color: transparent; text-align: left; } body:not(.raw) .p-already-joined { display: none; font-weight: bold; color: rgb(246, 125, 32); margin-top: 1rem; font-size: 0.8rem; margin-bottom: 0.2rem !important; } @media (min-width: 768px) { body:not(.raw) .p-already-joined { display: block; } } body:not(.raw) .el-button--dashboard { background-color: rgb(246, 125, 32); color: rgb(255, 255, 255); } body:not(.raw) .el-button--dashboard:hover { background-color: rgb(218, 100, 9); color: rgb(255, 255, 255); } body:not(.raw) .btn-subdued .icon--external { fill: rgb(29, 131, 178) !important; } body:not(.raw) .p-mobile-push { padding-right: 60px; } @media (min-width: 768px) { body:not(.raw) .p-mobile-push { padding-right: 0px; } } body:not(.raw) .ss-project-thumbs { margin: 0rem 1rem 1rem 0px; background: rgb(239, 239, 239); display: inline-block; padding: 10px; border-radius: 10px; } body:not(.raw) .ss-project-thumbs span { font-weight: bold; } body:not(.raw) .ss-project-thumb-wrap { display: flex; flex-wrap: wrap; } body:not(.raw) .ss-project-vote .btn-subdued.voted { border: 0px; } body:not(.raw) .ss-project ol li, body:not(.raw) .ss-project ul li { max-width: 83%; font-size: 16px; } @media (max-width: 739px) { body:not(.raw) .ss-project-vote { margin-bottom: 1rem; margin-top: 1rem; } } @media (max-width: 477px) { body:not(.raw) .ss-project-vote .el-button + .el-button { margin-left: 0px; } body:not(.raw) .ss-project-vote .el-button { margin-bottom: 0.5rem; margin-top: 0.5rem; } } @media (max-width: 450px) { body:not(.raw) #project-utility .el-button { white-space: normal !important; } } @media (min-width: 451px) { body:not(.raw) #project-utility .el-button { white-space: nowrap !important; } body:not(.raw) #project-utility { height: 60px; } } @media (min-width: 768px) { body:not(.raw) #project-utility { height: auto; } } body:not(.raw) .icon--thumbs-up, body:not(.raw) .icon--heart { position: relative; top: 2px; } body:not(.raw) .project-image-review-outer { width: 150px; height: 88px; } body:not(.raw) .project-image-review { max-width: 150px; max-height: 88px; vertical-align: middle; } body:not(.raw) .ss-project-add .help-text { margin-top: -20px; margin-bottom: 1rem !important; } body:not(.raw) .ss-project-add .el-upload-dragger { width: inherit; padding: 10%; } body:not(.raw) .ss-project-add .el-upload { width: 100%; } body:not(.raw) .ss-project-add .el-upload__input { margin: 0px auto; } body:not(.raw) .ss-project-add .el-collapse-item.validation-failed .el-collapse-item__header { background-color: rgb(221, 51, 51); color: white; } body:not(.raw) .ss-project-add .edit-attr.validation-failed input, body:not(.raw) .ss-project-add .edit-attr.validation-failed textarea { background-color: rgb(255, 211, 211); } body:not(.raw) .ss-project-add .edit-attr.validation-failed .ss-fileupload div.el-upload-dragger { background-color: rgb(255, 211, 211); } body:not(.raw) .ss-project-add .edit-attr.validation-failed::before { content: var(--validation-message); color: rgb(221, 51, 51); font-weight: bold; display: block; padding: 0px 0.25em; } body:not(.raw) .ss-project-builder strong { font-size: 1.5rem; } body:not(.raw) .ss-project-builder .el-collapse-item__header { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); } body:not(.raw) .ss-project-builder .el-collapse-item__header.is-active { color: rgb(17, 17, 17); border-bottom: none; } body:not(.raw) .ss-project-builder .el-collapse-item__content { padding-top: 0px; } body:not(.raw) .ss-project-builder .el-collapse { border-bottom: none; } body:not(.raw) .ss-project-builder .manage-entity { margin-bottom: 0px !important; margin-top: 16px; } body:not(.raw) .ss-project-finder-basic { display: flex; flex-direction: column; background-color: rgb(37, 40, 79); align-items: center; color: rgb(255, 255, 255); font-size: 14pt; } body:not(.raw) .nav-secondary > ul { border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-top-style: initial; border-top-color: initial; left: -1px; right: -1px; z-index: 2 !important; } body:not(.raw) .nav-secondary > ul > li { border-top: 1px solid rgb(204, 204, 204); } body:not(.raw) .nav-secondary > ul > li > a, body:not(.raw) .nav-secondary > ul > li span { background-color: rgba(0, 0, 0, 0); color: inherit; display: block; padding: 0.25rem; } body:not(.raw) .nav-secondary > ul > li > a:hover, body:not(.raw) .nav-secondary > ul > li > a:focus, body:not(.raw) .nav-secondary > ul > li span:hover, body:not(.raw) .nav-secondary > ul > li span:focus { background-color: rgb(212, 104, 32); color: rgb(255, 255, 255); text-decoration: none; } body:not(.raw) .nav-secondary > ul > li > a.active, body:not(.raw) .nav-secondary > ul > li span.active { background-color: rgb(212, 104, 32); color: rgb(255, 255, 255); } @media screen and (min-width: 767px) { body:not(.raw) .nav-secondary > ul { position: static; } body:not(.raw) .nav-secondary > ul > li { border-top: 0px; display: inline-block; } body:not(.raw) .nav-secondary > ul > li > a, body:not(.raw) .nav-secondary > ul > li > span { padding: 0.8125rem 0.5rem; } } body:not(.raw) .ss-project-reviews { margin-top: 2rem; } body:not(.raw) .ss-project-reviews .ss-review-header { border-top: 4px solid rgb(37, 39, 80); padding: 0.5rem 0px; display: flex; border-bottom: 1px solid rgb(230, 230, 230); } body:not(.raw) .ss-project-reviews .ss-review-header h1 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1rem; color: rgb(85, 85, 85); font-weight: bold; } body:not(.raw) .ss-project-reviews .ss-review-header .ss-review-thumbs { margin-left: auto; } body:not(.raw) .ss-project-reviews .ss-review-header .ss-review-thumbs span { margin-left: 0.8rem; } body:not(.raw) .ss-project-reviews .mo-img, body:not(.raw) .ss-project-reviews .mo-img svg { width: 40px; height: 40px; margin-right: 10px; text-align: center; fill: rgb(246, 125, 32) !important; } body:not(.raw) .ss-project-reviews .mo-img i { font-size: 32px; color: rgb(230, 230, 230); } body:not(.raw) .ss-project-reviews .mo-body { max-width: 600px; } body:not(.raw) .ss-project-reviews .ss-review-list { max-height: 400px; overflow: auto; margin-bottom: 1rem; border-bottom: 2px solid rgb(85, 85, 85); } body:not(.raw) .ss-project-reviews .ss-review-list li { border-bottom: 1px solid rgb(230, 230, 230); } body:not(.raw) .ss-project-reviews .ss-review-list li:last-child { border-bottom: 0px; } body:not(.raw) .ss-project-reviews .ss-review-list span { color: rgb(177, 177, 177); } body:not(.raw) .ss-project-reviews .ss-review-list a, body:not(.raw) .ss-project-reviews .ss-review-list span { font-size: 0.8rem; margin-right: 1rem; } body:not(.raw) .ss-project-reviews h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1rem; color: rgb(85, 85, 85); font-weight: bold; margin-top: 1rem; } body:not(.raw) .ss-project-reviews .el-textarea { margin: 1rem 0px; } body:not(.raw) .ss-project-stats .btn-primary, body:not(.raw) .ss-project-stats .org-style .el-button--primary { color: rgb(255, 255, 255); background-color: rgb(29, 131, 178); } body:not(.raw) .ss-project-stats .btn-primary:hover, body:not(.raw) .ss-project-stats .org-style .el-button--primary:hover { background-color: rgb(22, 99, 134); } body:not(.raw) .ss-project-stats h1 { letter-spacing: normal; font-weight: bold; font-size: 1.8rem; font-family: Lora, serif; color: rgb(64, 64, 64); } body:not(.raw) .ss-project-stats div { font-family: Nunito, sans-serif; text-align: left; line-height: normal; } body:not(.raw) .ps-big-num { color: rgb(29, 131, 178); font-size: 1.4rem; font-weight: bold; } body:not(.raw) .ps-label, body:not(.raw) .ps-little-num { color: rgb(112, 112, 112); font-size: 0.8rem; font-weight: bold; } body:not(.raw) .ps-little-num { color: rgb(29, 131, 178); } body:not(.raw) .ps-label-light { color: rgb(181, 181, 181); font-weight: normal; font-size: 0.8rem; } body:not(.raw) .ps-med-avg-wrapper { display: block; width: 100%; height: 17px; position: relative; margin-top: 0.5rem; } body:not(.raw) .ps-ma-baseline { position: absolute; height: 1px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background-color: rgb(112, 112, 112); } body:not(.raw) .ps-ma-midline { position: absolute; width: 2px; height: 15px; border-radius: 100px; top: 0px; left: 50%; margin-left: -1px; background-color: rgb(112, 112, 112); } body:not(.raw) .ps-med-avg-graph button { padding: 0px; background-color: rgb(29, 131, 178); border-radius: 100%; height: 10px; width: 10px; margin-left: -5px; position: absolute; top: 3px; border: 0px; } body:not(.raw) .ps-med-avg-comp { padding: 0px 1rem; border-left: 1px solid rgb(230, 230, 230); } body:not(.raw) .ps-med-avg-comp:first-child { border: 0px; } body:not(.raw) .ps-med-avg-graph { margin-top: 1rem; } body:not(.raw) .ps-med-avg-comp svg { width: 30px; height: 30px; margin-right: 1rem; fill: rgb(112, 112, 112); } body:not(.raw) .ps-sep-bottom { padding-bottom: 2rem; border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 2rem; } body:not(.raw) .ps-conversion-wrapper > div { height: 400px; } body:not(.raw) .conversions .el-select { width: 150px; } body:not(.raw) .ps-conversion-legend { margin-bottom: 1.4rem; } body:not(.raw) .ps-conversion-legend > div { margin-right: 1rem; font-size: 0.8rem; color: rgb(112, 112, 112); display: flex; align-items: center; } body:not(.raw) .ps-conversion-legend span { display: block; width: 18px; height: 10px; border-radius: 3px; margin-right: 0.5rem; } body:not(.raw) .ps-share-donut > div:first-child { width: 250px; height: 250px; } body:not(.raw) .ps-share-donut { position: relative; margin-bottom: 2rem; } body:not(.raw) .ps-share-label { width: 250px; position: absolute; top: 100px; left: 0px; text-align: center !important; } body:not(.raw) .ps-share-label div { text-align: center !important; } body:not(.raw) .ps-share-legend { padding: 0px 2rem; min-width: 260px; } body:not(.raw) .ps-share-legend span { border: 2px solid rgb(0, 0, 0); border-radius: 100%; width: 10px; height: 10px; margin-right: 0.5rem; } body:not(.raw) .ps-share-legend span.fb { border-color: rgb(33, 120, 216); } body:not(.raw) .ps-share-legend span.twit { border-color: rgb(130, 193, 247); } body:not(.raw) .ps-share-legend span.pin { border-color: rgb(244, 19, 19); } body:not(.raw) .ps-share-legend > div { margin-bottom: 1rem; display: flex; align-items: center; } body:not(.raw) .ps-share-legend > div:last-child { margin-bottom: 0px; } body:not(.raw) .ps-share-graphs > div { padding: 0px 1rem; } body:not(.raw) #pl-stats-users .org-data-selector { border: 0px; margin-bottom: 0px; } body:not(.raw) #pl-stats-users .org-data-selector label input { position: absolute; left: -9999px; top: -9999px; } body:not(.raw) #pl-stats-users .org-data-selector > span { display: none; } body:not(.raw) #pl-stats-users .org-data-selector label { margin-right: 10px; color: rgb(29, 131, 178); } body:not(.raw) #pl-stats-users .org-data-selector label.org-ds-current { font-weight: bold; color: rgb(112, 112, 112); } body:not(.raw) #pl-stats-users .org-data-selector label::before { content: "|"; padding-right: 10px; color: rgb(112, 112, 112) !important; font-weight: normal !important; } body:not(.raw) #pl-stats-users .org-data-selector label:nth-child(2)::before { content: none; display: none; } body:not(.raw) .ps-flex-item { padding: 0px 1rem; border-left: 1px solid rgb(230, 230, 230); } body:not(.raw) .ps-flex-item:first-child { border: 0px; } body:not(.raw) .ss-project-stats .el-select { max-width: 150px; margin-right: 1rem; } body:not(.raw) .ss-project-stats .d2t--header { background-color: rgb(29, 131, 178); } body:not(.raw) .ps-join-legend span { border: 0px; } body:not(.raw) .ps-join-legend span.jo { background-color: rgb(29, 131, 178); } body:not(.raw) .ps-join-legend span.nj { background-color: rgb(71, 168, 212); } body:not(.raw) .ps-join-legend span.un { background-color: rgb(214, 214, 214); } body:not(.raw) .ps-join-legend .el-tooltip { text-align: center; } body:not(.raw) .ps-join-legend .el-tooltip span { margin: 0px auto; } body:not(.raw) .ss-project-stats .flex-50 { width: 50%; margin-bottom: 2rem; } body:not(.raw) .ss-project-stats .flex-100 { width: 100%; margin-bottom: 2rem; } body:not(.raw) .ss-project-stats .flex { flex-wrap: wrap; } body:not(.raw) .ss-project-stats .org-style .el-table .caret-wrapper { display: inline-block; position: relative; margin: 0px; right: auto; } body:not(.raw) .ss-project-stats .org-style .el-table .caret-wrapper::before { content: none; } body:not(.raw) .ps-contribs-wrapper > div { height: 400px; } @media (min-width: 450px) { body:not(.raw) .ss-project-stats .flex-smmd-50 { width: 50%; } } @media (min-width: 768px) { body:not(.raw) .ss-project-stats .flex-md-25 { width: 25%; } body:not(.raw) .ss-project-stats .flex-md-33 { width: 33%; } body:not(.raw) .ss-project-stats .flex-md-50 { width: 50%; } body:not(.raw) .ss-project-stats .flex-md-100 { width: 100%; } } @media (min-width: 960px) { body:not(.raw) .ss-project-stats .flex-lg-25 { width: 25%; } body:not(.raw) .ss-project-stats .flex-lg-50 { width: 50%; } body:not(.raw) .ss-project-stats .flex-lg-100 { width: 100%; } } body:not(.raw) .ss-project-stats form { border: 1px solid rgb(230, 230, 230); background-color: rgb(255, 255, 255); padding: 2rem; } body:not(.raw) .ss-project-stats form h3 { font-family: Nunito, sans-serif; font-size: 1rem; font-weight: bold; letter-spacing: normal; line-height: normal; margin-bottom: 0.5rem; } body:not(.raw) .ss-project-stats form .el-checkbox { display: block; margin-left: 0px !important; } body:not(.raw) .ss-project-stats form .el-button--primary { margin-bottom: 1rem; } body:not(.raw) .ps-export-section { margin-bottom: 2rem; } body:not(.raw) .ps-export-time { margin-left: 24px; } body:not(.raw) .ps-export-time > div { display: inline-block; width: 150px !important; } body:not(.raw) .ss-project-stats .org-box-plot { height: 50px; margin-left: 82px; margin-right: 20px; } body:not(.raw) .ss-project-stats .org-box-plot span { top: 25px; } body:not(.raw) .ss-project-stats .org-box-plot .bp-median-line { height: 40px; margin-top: -20px; } body:not(.raw) .ss-project-stats .org-box-plot .bp-box { height: 25px; margin-top: -12.5px; } body:not(.raw) .ss-project-stats .org-box-plot .bp-box-label { top: 38px; margin-top: 5px; } body:not(.raw) .ss-project-stats .org-box-plot .bp-outlier { width: 6px; height: 6px; margin-top: -3px; } body:not(.raw) .ss-project-volunteer-management .el-table .cell { word-break: normal; } body:not(.raw) .ss-project-volunteer-management .el-table { border: 1px solid rgb(204, 204, 204); } body:not(.raw) .ss-project-volunteer-management .el-table th { background-color: rgb(238, 238, 238); color: rgb(51, 51, 51); vertical-align: top; border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); } body:not(.raw) .ss-project-volunteer-management .el-table th:last-of-type { border-right: none; } body:not(.raw) .ss-project-volunteer-management .el-table th > .cell { vertical-align: top; } body:not(.raw) .read-more { position: relative; } body:not(.raw) .read-more > div { overflow: hidden; } body:not(.raw) .read-more > a { position: absolute; bottom: -1rem; right: 1rem; } body:not(.raw) .ss-schema { width: 60vw; min-width: 600px; margin: 10px auto; } body:not(.raw) .ss-schema th { font-size: 120%; font-weight: bold; text-align: left; padding: 1rem 1rem 1rem 0px; } body:not(.raw) .ss-schema tr.labels { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } body:not(.raw) .ss-schema tr.section { background-color: rgb(204, 204, 204); } body:not(.raw) .ss-schema tr > td:first-child { font-weight: bold; } body:not(.raw) .ss-schema td { border: 1px dotted rgb(221, 221, 221); } body:not(.raw) .ss-share-this { text-align: center; } body:not(.raw) .ss-share-this .ss-share-network { cursor: pointer; color: white; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: 1; padding: 10px 10px 4px; border: 1px solid transparent; border-radius: 6px; margin-left: 8px; background-color: gray; display: inline-block; appearance: none; } body:not(.raw) .ss-share-this .ss-share-network:first-child { margin-left: 0px; } body:not(.raw) .ss-share-this .ss-share-network[disabled] { opacity: 0.6; cursor: progress; } body:not(.raw) .ss-share-this .ss-share-facebook { background-color: rgb(59, 89, 152); } body:not(.raw) .ss-share-this .ss-share-twitter { background-color: rgb(0, 172, 237); } body:not(.raw) .ss-share-this .ss-share-linkedin { background-color: rgb(0, 119, 181); } body:not(.raw) .ss-share-this .ss-share-instagram { background: radial-gradient(circle at 30% 110%, rgb(253, 216, 125) 0%, rgb(248, 167, 63) 25%, rgb(230, 64, 60) 50%, rgb(214, 36, 159) 75%, rgb(122, 63, 240) 100%); } body:not(.raw) .ss-share-this .ss-share-status { margin: 12px auto 0px; max-width: 26rem; font-size: 0.85rem; } body:not(.raw) .breadcrumb { font-size: 1.125rem; color: rgb(71, 168, 212); } body:not(.raw) .breadcrumb a { color: rgb(71, 168, 212); } body:not(.raw) .ss-shared-custom-project-wrapper { max-width: 900px; margin: 0px auto; } body:not(.raw) .ss-shared-custom-project-wrapper .el-button { background-color: rgb(90, 167, 0); } body:not(.raw) .ss-header-hero { position: relative; } body:not(.raw) .ss-header-hero img { width: 100%; } body:not(.raw) .ss-header-hero .logo-container-left { position: absolute; top: 50px; left: 50px; width: 370px; background: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 2px; } body:not(.raw) .ss-header-hero .logo-container-right { position: absolute; top: 20px; right: 8%; width: 230px; padding: 20px; background: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 2px; } body:not(.raw) .ss-header-hero .header-text { display: flex; position: absolute; bottom: 40px; left: 50px; width: calc(100% - 50px); } body:not(.raw) .ss-header-hero .header-text-1 { align-self: flex-end; } body:not(.raw) .ss-header-hero .header-text-1 .content { padding: 10px 20px; font-family: Montserrat, sans-serif; font-weight: 800; background-color: rgb(243, 111, 43); color: white; font-size: 33px; text-transform: uppercase; letter-spacing: 1px; line-height: 1.25; } body:not(.raw) .ss-header-hero .header-text-1 .content p { margin-bottom: 0px !important; } body:not(.raw) .ss-header-hero .header-text-2 { align-self: flex-end; padding-left: 3rem; margin: 0px 0px 0px auto; flex-basis: 40%; } body:not(.raw) .ss-header-hero .header-text-2 .content { padding: 10px 20px; font-family: Montserrat, sans-serif; background-color: rgba(255, 255, 255, 0.7); color: rgb(37, 40, 79); font-size: 18px; font-weight: bold; line-height: 1.2; } body:not(.raw) .ss-header-hero .header-text-2 .content p { margin-bottom: 0px !important; } @media (max-width: 1024px) { body:not(.raw) .ss-header-hero .logo-container-left { top: 30px; left: 30px; width: 270px; } body:not(.raw) .ss-header-hero .logo-container-right { top: 15px; right: 15px; width: 200px; padding: 15px; } body:not(.raw) .ss-header-hero .header-text { position: unset; flex-direction: column-reverse; width: 100%; } body:not(.raw) .ss-header-hero .header-text-1 { align-self: auto; max-width: 100%; } body:not(.raw) .ss-header-hero .header-text-2 { margin: 0px; align-self: auto; padding-left: 0px; } body:not(.raw) .ss-header-hero .header-text-2 .content { padding: 10px 0px; } } @media (max-width: 767px) { body:not(.raw) .ss-header-hero .logo-container-left { top: 10px; left: 10px; width: 220px; } body:not(.raw) .ss-header-hero .logo-container-right { top: 10px; right: 10px; width: 160px; padding: 10px; } } @media (max-width: 560px) { body:not(.raw) .ss-header-hero .logo-container-left { width: 150px; } body:not(.raw) .ss-header-hero .logo-container-right { width: 120px; padding: 5px; } } body:not(.raw) .ss-media-block { padding: 2rem; min-height: 250px; max-height: 800px; width: 100%; height: 100%; overflow: hidden; } body:not(.raw) .ss-media-block.media-block-blue { background-color: rgb(37, 40, 79); color: white; } body:not(.raw) .ss-media-block.media-block-blue .btn-cta { background-color: rgb(164, 191, 47); color: rgb(37, 40, 79); } body:not(.raw) .ss-media-block.media-block-green { background-color: rgb(164, 191, 47); color: rgb(37, 40, 79); } body:not(.raw) .ss-media-block.media-block-green a { color: white; } body:not(.raw) .ss-media-block.media-block-green .btn-cta { background-color: rgb(37, 40, 79); color: rgb(255, 255, 255); } body:not(.raw) .ss-media-block.media-block-white { color: rgb(37, 40, 79); } body:not(.raw) .ss-media-block.media-block-white .btn-cta { background-color: rgb(37, 40, 79); color: rgb(255, 255, 255); } body:not(.raw) .ss-media-block .btn-cta { margin-top: 1rem; border: 0px; font-weight: bold; } body:not(.raw) .ss-media-block .media-block-text { box-sizing: border-box; overflow-y: auto; max-height: 500px; max-width: 100%; padding: 3rem; scrollbar-width: thin; scrollbar-color: gray rgba(128, 128, 128, 0.25); } body:not(.raw) .ss-media-block .media-block-text -webkit-scrollbar { width: 3px; } body:not(.raw) .ss-media-block .media-block-text -webkit-scrollbar-track { background: rgba(128, 128, 128, 0.25); } body:not(.raw) .ss-media-block .media-block-text -webkit-scrollbar-thumb { background-color: rgb(128, 128, 128); border-radius: 0px; border: 0px; } body:not(.raw) .ss-media-block .media-container { position: relative; } body:not(.raw) .ss-media-block .media-container img { object-fit: scale-down; aspect-ratio: 4 / 3; height: 300px; width: 100%; } body:not(.raw) .ss-media-block .media-container .caption { position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; padding: 10px 10px 0px; line-height: 1.1; color: rgb(255, 255, 255); } body:not(.raw) .ss-media-block .media-container .caption a { color: rgb(255, 255, 255); text-decoration: underline; } body:not(.raw) .ss-media-block .media-container .carousel { width: 100%; } body:not(.raw) .ss-media-block .media-container .carousel li.el-carousel__indicator { margin-bottom: 0px !important; } body:not(.raw) .ss-media-block .media-container .carousel .el-carousel__button { height: 8px; width: 8px; border-radius: 50%; } body:not(.raw) .ss-media-block .media-container .carousel .el-icon-arrow-left, body:not(.raw) .ss-media-block .media-container .carousel .el-icon-arrow-right { font-weight: 900; } body:not(.raw) .ss-media-block .media-container .carousel .el-carousel__arrow { font-size: 20px; background-color: transparent; top: 92%; } body:not(.raw) .ss-media-block .text-container { width: 100%; } body:not(.raw) .ss-media-block.media-first { flex-direction: row; } body:not(.raw) .ss-media-block.media-first .text-container { padding-left: 2rem; } body:not(.raw) .ss-media-block.media-second { flex-direction: row-reverse; } body:not(.raw) .ss-media-block.media-second .text-container { padding-right: 2rem; } body:not(.raw) .ss-media-block .img-left { overflow: hidden; max-height: 100%; padding: 0px; } body:not(.raw) .ss-media-block .img-right { overflow: hidden; max-height: 100%; padding: 0px; } body:not(.raw) .ss-media-block h1, body:not(.raw) .ss-media-block h2, body:not(.raw) .ss-media-block h3, body:not(.raw) .ss-media-block h4 { color: inherit; } @media screen and (min-width: 991px) { body:not(.raw) .ss-media-block { display: flex; align-items: center; padding: 2.5rem; } body:not(.raw) .ss-media-block .media-container { flex: 0 0 40%; } body:not(.raw) .ss-media-block .media-container.text-false { flex: 0 0 100%; } body:not(.raw) .ss-media-block .media-container svg { bottom: 1.5rem; } body:not(.raw) .ss-media-block .img-left { padding: 0px; } body:not(.raw) .ss-media-block .img-right { padding: 0px; } } @media (max-width: 599px) { body:not(.raw) .ss-media-block { max-height: none; } body:not(.raw) .ss-media-block .media-block-text { padding: 0px; } body:not(.raw) .ss-media-block .media-block-text.fixed-height { max-height: 250px; } body:not(.raw) .ss-media-block .media-block-text:not(.fixed-height) { max-height: none; } body:not(.raw) .ss-media-block.media-first .text-container { padding-left: 0px; } body:not(.raw) .ss-media-block.media-second .text-container { padding-right: 0px; } } body:not(.raw) .two-col-layout .two-col-section:first-of-type { margin-top: 0px; } body:not(.raw) .two-col-layout .two-col-section { margin-top: 2rem; } body:not(.raw) .two-col-layout .two-col-section h1.section-header { color: rgb(37, 40, 79); font-weight: 600; overflow-x: auto; padding-bottom: 1rem; font-size: 2.25rem; line-height: 1.1; } body:not(.raw) .two-col-layout .two-col-section blockquote { background: rgb(164, 191, 48); padding: 2rem; } body:not(.raw) .two-col-layout .two-col-section .box-style-container { background: rgb(238, 238, 238); padding: 0px 1.5rem 1px; } body:not(.raw) .two-col-layout .two-col-section .box-style-container a[href$=".pdf"]::before, body:not(.raw) .two-col-layout .two-col-section .box-style-container a[href$=".doc"]::before, body:not(.raw) .two-col-layout .two-col-section .box-style-container a[href$=".docx"]::before, body:not(.raw) .two-col-layout .two-col-section .box-style-container a[href$=".xls"]::before, body:not(.raw) .two-col-layout .two-col-section .box-style-container a[href$=".xlsx"]::before, body:not(.raw) .two-col-layout .two-col-section .box-style-container a[href$=".ppt"]::before, body:not(.raw) .two-col-layout .two-col-section .box-style-container a[href$=".pptx"]::before { margin-right: 8px; display: inline-block; transform: translate(0px, 2px); content: url(""); } body:not(.raw) .two-col-layout .two-col-section .box-style-container ul { list-style: none; margin-left: 0px !important; } body:not(.raw) .two-col-layout .two-col-section .box-style-container h1 { background: white; margin: 0px -1.5rem; padding-top: 5rem; font-size: 24px; } body:not(.raw) .two-col-layout .two-col-section .box-style-container h1:first-child { padding-top: 0px; } body:not(.raw) .two-col-layout .two-col-section .box-style-container h2 { background: rgb(37, 40, 79); color: white; padding: 1rem 1.5rem; margin: 0px -1.5rem 1.5rem; border-top: 2rem solid white; font-size: 20px; } body:not(.raw) .two-col-layout .two-col-section .box-style-container h2:first-child { border-top: none; } body:not(.raw) .two-col-layout .two-col-section .box-style-container h1 + h2 { border-top: 0.5rem solid white; } body:not(.raw) .two-col-layout .two-col-section .box-style-container h3 { margin-top: 2rem; font-size: 18px; } body:not(.raw) .ss-signals .signal { border-style: solid; border-color: initial; border-image: initial; border-width: thin thin thin thick; background-color: white; } body:not(.raw) .ss-signals .signal p { font-size: 110%; } body:not(.raw) .ss-signals .signal em { font-style: italic; } body:not(.raw) .ss-signup .this-required_label { font-size: 16px; } .ss-signup .ss-turnstile-item .el-form-item__content { line-height: 0; } .ss-signup .ss-turnstile-widget { min-width: 300px; min-height: 65px; } @keyframes ss-slides-fade-in { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0.1; } 100% { display: block; opacity: 1; } } @keyframes ss-slides-fade-in-first { 0% { opacity: 0; } 1% { opacity: 0.1; } 100% { opacity: 1; } } body:not(.raw) .ss-slides { position: relative; overflow: hidden; padding-bottom: 3rem; } body:not(.raw) .ss-slides > div:first-child { opacity: 0; } body:not(.raw) .ss-slides > div.active:first-child { opacity: 1; animation: 0.5s ease-out 0s 1 normal none running ss-slides-fade-in-first; } body:not(.raw) .ss-slides > div:not(:first-child) { position: absolute; inset: 0px; background-color: rgb(255, 255, 255); opacity: 0; display: none; } body:not(.raw) .ss-slides > div.active:not(:first-child) { display: block; opacity: 1; animation: 0.5s ease-out 0s 1 normal none running ss-slides-fade-in; } body:not(.raw) .ss-social-login button { height: 60px; width: 60px; } body:not(.raw) .social-icon { height: 40px; width: 40px; } body:not(.raw) .ss-stickynote { font-family: "Bad Script", cursive; font-weight: bold; box-sizing: border-box; background-color: rgb(244, 255, 15); padding: 1rem; color: rgb(0, 0, 0); width: 10rem; min-height: 10rem; box-shadow: rgb(221, 221, 221) 3px 3px 3px; position: absolute; top: 10rem; right: 3rem; } body:not(.raw) .ss-stickynote::before { content: "×"; color: rgb(0, 0, 0); display: block; position: absolute; top: 3px; right: 3px; cursor: pointer; } body:not(.raw) .tool-display fieldset, body:not(.raw) .tool-display p { margin: 0px 0px 2rem; } body:not(.raw) .tool-display fieldset legend { font-weight: bold; } body:not(.raw) .ss-tool-top-aside > div { border: 1px solid rgb(230, 230, 230); padding: 1rem; margin-bottom: 1rem; } body:not(.raw) .ss-tool .url-label { font-size: 90%; } body:not(.raw) .ss-tool h2 { font-size: 1.2rem; color: rgb(37, 39, 80); letter-spacing: 0.05rem; text-transform: uppercase; line-height: normal; font-weight: bold; margin-bottom: 1rem; } body:not(.raw) .ss-tool h2 + h3 { margin-top: -1.2rem; margin-bottom: 1rem; } body:not(.raw) .ss-tool h3 { font-size: 0.85rem; font-weight: bold; letter-spacing: normal; color: rgb(51, 51, 51); } body:not(.raw) .ss-tool h3.up { text-transform: uppercase; letter-spacing: 0.05rem; } body:not(.raw) .ss-tool ul { margin-bottom: 1rem; } body:not(.raw) .ss-tool li { font-size: 0.85rem; color: rgb(153, 153, 153); } body:not(.raw) .ss-tool video { width: 100%; } body:not(.raw) .ss-tool .needs-save { background-color: rgb(255, 255, 255); box-shadow: rgb(34, 34, 34) 0px 0px 4px; position: fixed; top: 0px; left: 0px; width: 100%; text-align: right; z-index: 99; } body:not(.raw) .ss-tool-main h1 { color: rgb(37, 39, 80); letter-spacing: normal; line-height: normal; } body:not(.raw) .ss-tool-img { max-width: 300px; margin-right: 2rem; margin-bottom: 2rem; } body:not(.raw) .ss-tool .el-tabs { margin-bottom: 2rem; } body:not(.raw) .ss-tool .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable { padding: 0px; } body:not(.raw) .ss-tool .el-tabs--left .el-tabs__nav-prev, body:not(.raw) .ss-tool .el-tabs--left .el-tabs__nav-next { display: none; } body:not(.raw) .ss-tool .el-tabs--border-card > .el-tabs__header .el-tabs__item, body:not(.raw) .ss-tool .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { color: rgb(37, 39, 80); } body:not(.raw) .ss-tool .ss-tools-demos .btn-text { margin: 0px; } body:not(.raw) .ss-tools-demos > .btn-text { float: right; } body:not(.raw) .ss-tool .flex { flex-wrap: wrap; } body:not(.raw) .ss-tool .flex-50 { width: 50%; } body:not(.raw) .ss-tool .flex-100 { width: 100%; padding: 1rem; } body:not(.raw) .ss-tool .btn-text { border: 0px; padding: 0px; margin: 1rem 0px; color: rgb(51, 51, 51); } body:not(.raw) .ss-tool .btn-text:hover { color: rgb(29, 131, 178); } body:not(.raw) .ss-tool-rec span { color: rgb(51, 51, 51); } body:not(.raw) .ss-span1 { font-size: 1.3rem; } body:not(.raw) .ss-tool-projects-wrap { margin-top: 2rem; border-top: 1px solid rgb(230, 230, 230); padding-top: 2rem; margin-bottom: 2rem; } @media (max-width: 767px) { body:not(.raw) .ss-tool .ss-tool-top.flex { flex-direction: column-reverse; } body:not(.raw) .ss-tool-main.flex { display: block; } body:not(.raw) .ss-tool-top-aside.flex-100 { padding: 1rem 0px; } body:not(.raw) .ss-tool-img { max-width: 100%; width: 100%; margin-bottom: 1rem; } body:not(.raw) .ss-tool-img img { width: 100%; } body:not(.raw) .ss-tool-di.flex-100 { padding: 1rem 0px; } body:not(.raw) .ss-tools-demos .flex-100, body:not(.raw) .ss-tools-ins.flex-100 { padding: 1rem 0px; } } @media (min-width: 450px) { body:not(.raw) .ss-tool .flex-sm-25 { width: 25%; } body:not(.raw) .ss-tool .flex-sm-50 { width: 50%; } body:not(.raw) .ss-tool .flex-sm-75 { width: 75%; } } @media (min-width: 768px) { body:not(.raw) .ss-tool .flex-md-33 { width: 33.3%; } body:not(.raw) .ss-tool .flex-md-25 { width: 25%; } body:not(.raw) .ss-tool .flex-md-66 { width: 66.6%; } body:not(.raw) .ss-tool .flex-md-75 { width: 75%; } body:not(.raw) .ss-tool-top-aside, body:not(.raw) .ss-tool-di { padding-left: 0px; } body:not(.raw) .ss-tool-top-main, body:not(.raw) .ss-tools-ins { padding-right: 0px; } body:not(.raw) .ss-tool-di { padding: 0px !important; } body:not(.raw) .ss-tool-ins { padding-top: 0px !important; } body:not(.raw) .ss-tools-demos .flex-100 { padding: 0px; } body:not(.raw) .ss-tools-demos .flex-100 > div { width: 95%; } } @media (min-width: 960px) { body:not(.raw) .ss-tool .flex-lg-25 { width: 25%; } body:not(.raw) .ss-tool .flex-lg-75 { width: 75%; } } body:not(.raw) .ss-tool-proj { align-items: center; } body:not(.raw) .ss-tool-p1 { width: 100px; } body:not(.raw) .ss-tool-p1 img { max-width: 100px; height: 100px; object-fit: contain; } body:not(.raw) .ss-tool-p2 { flex: 1 1 0%; padding: 0.5rem 1rem 0.5rem 0.5rem; } @media (max-width: 767px) { body:not(.raw) .ss-tool-proj { flex-direction: column; align-items: flex-start; margin-bottom: 1rem; } body:not(.raw) .ss-tool-proj .ss-tool-p1 img { height: auto; } body:not(.raw) .ss-tool-proj .ss-tool-p2 { padding: 0px; } } body:not(.raw) .ss-tool-desc { height: 250px; overflow: hidden; } body:not(.raw) .ss-tool-desc.show-more { height: auto; } body:not(.raw) .ss-tool-correction { font-size: 11px; float: right; } body:not(.raw) .ss-tool-correction::after { content: ""; clear: both; display: table; } body:not(.raw) .ss-tool .el-tabs h2 { font-size: 1rem; color: rgb(51, 51, 51); } body:not(.raw) .ss-tool-bbb-info .ss-tool-range { margin-bottom: 1rem; } body:not(.raw) .ss-tool-bbb-info h3.country { padding-top: 0.5rem; text-transform: uppercase; color: rgb(169, 187, 46); margin-top: 1rem !important; margin-bottom: 0.3rem !important; } body:not(.raw) .ss-tool-bbb-info h4 { font-size: 1rem; } body:not(.raw) .ss-bbb-info-wrapper { border-bottom: 1px solid rgb(220, 220, 220); margin-bottom: 2rem; } body:not(.raw) .ss-tool-add-library .el-checkbox { margin-left: 30px; min-width: 15rem; } body:not(.raw) .ss-tool-checkboxes { margin-bottom: 2rem; } body:not(.raw) .ss-tool-checkboxes h2 { color: rgb(51, 51, 51); font-size: 1rem; letter-spacing: normal; } body:not(.raw) .ss-tc-wrap-label { font-size: 0.8rem; color: rgb(102, 102, 102); display: inline-block; vertical-align: middle; width: 100px; border-bottom: 1px dotted rgb(204, 204, 204); } body:not(.raw) .ss-tc-bg { width: 100px; text-align: center; height: 1.2rem; background-color: rgb(230, 230, 230); display: inline-block; margin-left: 5px; min-width: 80px; margin-bottom: 6px; line-height: 1rem; vertical-align: middle; font-size: 0.8rem; padding: 0.2rem; } body:not(.raw) .ss-tc-bg.ss-tc-checked { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } body:not(.raw) .ss-tc-yesno { display: flex; align-items: center; } body:not(.raw) .ss-tc-label { font-size: 0.8rem; color: rgb(102, 102, 102); width: 100px; margin-top: 18px; } body:not(.raw) .ss-tc-inline-wrap { display: flex; } body:not(.raw) .ss-tc-i-label { text-align: center; font-size: 0.8rem; font-weight: bold; } body:not(.raw) .ss-tc-i-bg { text-align: center; height: 1.2rem; background-color: rgb(230, 230, 230); display: inline-block; margin-left: 5px; width: 80px; margin-bottom: 6px; line-height: 1rem; vertical-align: middle; font-size: 0.8rem; padding: 0.2rem; } body:not(.raw) .ss-tc-i-bg.ss-tc-i-checked { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } body:not(.raw) .ss-tool-range { display: flex; align-items: center; margin-top: 1rem; margin-bottom: 2rem; min-width: 50vw; } body:not(.raw) .ss-tr-label { font-size: 0.8rem; color: rgb(102, 102, 102); min-width: 60px; padding-right: 15px; } body:not(.raw) .ss-tr-range { position: relative; margin-top: -2px; flex: 1 1 0%; } body:not(.raw) .ss-tr-range-bg { background-color: rgb(230, 230, 230); height: 8px; width: 100%; } body:not(.raw) .ss-tr-range-val { position: absolute; top: 0px; background-color: rgb(51, 51, 51); height: 8px; } body:not(.raw) .ss-tr-range-val-label { text-align: center; position: absolute; font-size: 0.8rem; font-weight: bold; white-space: nowrap; } body:not(.raw) .ss-tools-instructions { color: rgb(187, 187, 187); font-style: italic; } body:not(.raw) .ss-tools-add .el-radio { margin-right: 10px; } body:not(.raw) .bbb-box { border: 1px solid rgb(237, 237, 237); padding: 10px; margin-bottom: 10px; background-color: rgb(239, 239, 239); } body:not(.raw) .bbb-box label { margin-top: 15px; } body:not(.raw) .bbb-box > label:first-child { margin-top: 0px; } body:not(.raw) .bbb-box h2 { font-size: 1rem; letter-spacing: normal; margin-bottom: -1rem; margin-top: 1rem; font-weight: bold; text-transform: uppercase; } body:not(.raw) .ss-tools-add .el-upload-dragger .el-icon-upload { margin: auto; } body:not(.raw) .ss-tool-header { display: flex; flex-direction: column-reverse; } body:not(.raw) .ss-tool-header a { margin-top: 20px; height: 42px; min-width: 130px; width: 130px; margin-left: auto; } body:not(.raw) .ss-tools-search { background-color: rgb(29, 131, 178); margin: 1rem 0px; padding: 1rem; display: flex; flex-direction: column; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px inset; width: 100%; } body:not(.raw) .ss-tools-search h2 { color: rgb(255, 255, 255); letter-spacing: 0.05rem; line-height: normal; font-size: 1.2rem; text-transform: uppercase; margin-bottom: 0px; } @media (min-width: 768px) { body:not(.raw) .ss-tools-search { flex-direction: row; align-items: center; } body:not(.raw) .ss-tools-search .el-autocomplete { margin-left: 20px; flex: 1 1 0%; width: 100%; } body:not(.raw) .ss-tool-header { display: flex; flex-flow: row; align-items: flex-start; } body:not(.raw) .ss-tool-header a { margin-left: 100px; } } body:not(.raw) .ss-tools-home-header { text-align: center; padding: 2rem 1rem 1rem; } body:not(.raw) .ss-tools-home-header h1 { color: rgb(68, 68, 68); font-size: 2rem; letter-spacing: normal; line-height: normal; font-weight: bold; } body:not(.raw) .ss-tools-home-header h2 { color: rgb(170, 170, 170); font-size: 1.2rem; letter-spacing: normal; line-height: normal; } body:not(.raw) .ss-tool-topic-card { padding: 0.25rem; } body:not(.raw) .ss-tool-topic-card > .border { border: 1px solid rgb(230, 230, 230); min-height: 100%; position: relative; display: flex; } body:not(.raw) .ss-tool-topic-card > .border a { width: 100%; } body:not(.raw) .ss-tool-topic-card > .border a > div { display: flex; align-items: center; height: 100%; } body:not(.raw) .ss-tool-topic-card > .border a:hover > div { text-decoration: none; background-color: rgb(239, 239, 239); } body:not(.raw) .ss-tool-topic-card > .border img { display: block; width: 50px; margin: 0.1rem; mix-blend-mode: multiply; } body:not(.raw) .ss-tool-topic-card > .border h3 { letter-spacing: normal; line-height: normal; font-size: 1rem; flex: 1 1 0%; padding: 1rem; color: rgb(29, 131, 178); } body:not(.raw) .ss-tool-topic-card > .border a:hover h2 { color: rgb(22, 99, 134); text-decoration: underline; } body:not(.raw) .ss-tools-topics-home { margin-bottom: 4rem; } body:not(.raw) .ss-tools .flex-50 { width: 50%; } @media (min-width: 768px) { body:not(.raw) .ss-tools .flex-md-33 { width: 33%; } } @media (min-width: 960px) { body:not(.raw) .ss-tools .flex-lg-25 { width: 25%; } } body:not(.raw) .ss-tools-borrow-wrap { background-color: rgb(68, 68, 68); } body:not(.raw) .ss-tools-borrow-wrap .o-wrapper { overflow: auto; } body:not(.raw) .ss-tools-borrow-wrap h1 { margin-top: 1rem; letter-spacing: normal; line-height: normal; font-weight: normal; font-size: 1.8rem; color: rgb(255, 255, 255); } body:not(.raw) .ss-tools-borrow-wrap h2 { color: rgb(195, 195, 195); letter-spacing: normal; line-height: normal; font-weight: normal; font-size: 1rem; margin-bottom: 1rem; } body:not(.raw) .ss-tools-borrow { display: flex; flex-direction: column; border: 1px solid rgb(239, 239, 239); margin-bottom: 1rem; position: relative; } body:not(.raw) .ss-tools-borrow-results { background-color: rgb(239, 239, 239); padding: 1rem; } body:not(.raw) .ss-tools-borrow-results h3 { font-size: 1rem; margin-bottom: 0.5rem; margin-top: 0.5rem; } body:not(.raw) #ss-tools-borrow-map { height: 400px; width: 100%; position: relative; } @media (max-width: 768px) { body:not(.raw) #ss-tools-borrow-map { overflow: hidden; } } body:not(.raw) .search-location { position: absolute; top: 10px; left: 10px; width: 100%; max-width: 400px; padding: 8px; } body:not(.raw) .ss-tools-borrow-result { background-color: rgb(255, 255, 255); border-radius: 4px; padding: 0.5rem; color: rgb(68, 68, 68); margin-bottom: 0.5rem; } body:not(.raw) .ss-tools-borrow-result h4 { font-size: 1rem; } body:not(.raw) .ss-tools-borrow-result div { font-size: 0.7rem; line-height: 1.1; } body:not(.raw) .ss-tools-borrow-result .ss-tools-result-number { margin-top: 0.5rem; display: block; border: 1px solid; padding: 0.25rem 0.5rem; font-size: 0.8rem; width: 85px; margin-left: auto; border-radius: 20px; } body:not(.raw) .ss-tools-borrow-result h4 a:last-child { text-align: left; border: 0px; color: rgb(51, 51, 51); font-weight: bold; padding: 0px; margin-top: 0px; } body:not(.raw) .submit-library { display: block; text-align: right; margin-bottom: 2rem; } @media (min-width: 768px) { body:not(.raw) .ss-tools-borrow { flex-direction: row; flex: 1 1 0%; } body:not(.raw) .ss-tools-borrow-results { width: 250px; max-width: 33%; max-height: 400px; overflow: auto; flex: 1 0 auto; } } body:not(.raw) .ss-tools-submit { border: 1px solid rgb(230, 230, 230); padding: 1rem; margin: 2rem 0px; } body:not(.raw) .ss-tools-submit h1 { color: rgb(37, 39, 80); font-size: 1.8rem; } body:not(.raw) .ss-tool-results-header h1, body:not(.raw) .ss-tool-results-header h3 { display: block; letter-spacing: normal; } body:not(.raw) .ss-tool-results-header h1 { color: rgb(37, 39, 80); } body:not(.raw) .ss-tool-results-header h3 { color: rgb(170, 170, 170); } body:not(.raw) .ss-tools-return { background-color: rgb(230, 230, 230); padding: 1rem; } body:not(.raw) .ss-tools-results-filters { width: 100%; padding: 1rem; } body:not(.raw) .ss-tools-results-flex { display: flex; flex-wrap: wrap; } body:not(.raw) .ss-tools-results-list { width: 100%; padding: 1rem; display: flex; flex-wrap: wrap; align-content: flex-start; } body:not(.raw) .ss-tools-results-list .el-pagination { margin: 1rem auto; } body:not(.raw) .ss-tools-result { width: 100%; max-width: 100%; padding: 0.5rem; } body:not(.raw) .ss-tools-result > div { border: 1px solid rgb(230, 230, 230); display: flex; flex-direction: column; height: 100%; } body:not(.raw) .ss-tools-result img { width: 100%; max-height: 250px; object-fit: cover; } body:not(.raw) .ss-tools-result h1 { font-size: 1.2rem; line-height: 1.2; } body:not(.raw) .ss-tools-result h2 { font-size: 0.7rem; font-weight: bold; letter-spacing: normal; margin-top: 1rem; color: rgb(189, 189, 189); } body:not(.raw) .ss-tools-result li { font-size: 0.8rem; } body:not(.raw) .ss-tools-result .el-button { padding: 0px; border: 0px; color: rgb(29, 131, 178); font-size: 0.75rem; } body:not(.raw) .ss-tools-result-info { padding: 0.5rem; } body:not(.raw) .ss-tools-results-recs { background-color: rgb(230, 230, 230); padding: 0.5rem; font-size: 0.8rem; font-weight: bold; margin-top: auto; } @media (min-width: 450px) { body:not(.raw) .ss-tools-result { width: 50%; max-width: 50%; } } @media (min-width: 1100px) { body:not(.raw) .ss-tools-result { width: 33.3%; max-width: 33.3%; } } body:not(.raw) .ss-tools-results-filters-helper { display: none; } body:not(.raw) .ss-tools-results-filters-helper.show-mobile { display: block; } body:not(.raw) .ss-tools-results-filters h2 { margin-bottom: 1rem; } body:not(.raw) .ss-tools-results-filters h2 a { padding: 0.5rem; border: 1px solid rgb(29, 131, 178); font-size: 1rem; letter-spacing: normal; } body:not(.raw) .ss-tools-results-filters h3, body:not(.raw) .ss-tools-results-filters h4 { font-size: 1rem; font-weight: bold; letter-spacing: normal; line-height: normal; color: rgb(68, 68, 68); } body:not(.raw) .ss-tools-results-filters h4 { font-size: 0.75rem; color: rgb(119, 119, 119); margin-top: 0.5rem; } body:not(.raw) .ss-tools-results-filters .el-checkbox__input { position: absolute; top: 3px; left: 0px; } body:not(.raw) .ss-tools-results-filters .el-checkbox__label { margin-left: 12px; white-space: normal; margin-bottom: 0.3rem; line-height: 1.2; } body:not(.raw) .ss-tools-results-filters .ss-tools-results-filter-section { border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 1rem; padding-bottom: 0.5rem; } body:not(.raw) .ss-tools-results-filters .ss-tools-results-filter-section:last-child { border-bottom: 0px; } @media (min-width: 768px) { body:not(.raw) .ss-tools-results-wrapper { display: flex; } body:not(.raw) .ss-tools-results-filters { width: 33.3%; } body:not(.raw) .ss-tools-results-list { width: 66.6%; padding: 1rem; } body:not(.raw) .ss-tools-results-filters-helper { display: block; } body:not(.raw) .ss-tools-results-filters-helper.show-mobile { display: block; } body:not(.raw) .ss-tools-results-filters h2 a { cursor: default; border: 0px; background-color: transparent; color: rgb(51, 51, 51); text-transform: uppercase; overflow: hidden; line-height: 1; padding: 0px; } body:not(.raw) .ss-tools-results-filters h2 { cursor: default; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; background-color: transparent; color: rgb(51, 51, 51); text-transform: uppercase; overflow: hidden; line-height: 1; padding: 0px 0px 0.5rem; border-bottom-style: solid; border-bottom-color: rgb(230, 230, 230); } } @media (min-width: 768px) { body:not(.raw) .ss-tools-results-filters { width: 25%; } body:not(.raw) .ss-tools-results-list { width: 75%; } } body:not(.raw) .topad { position: relative; background-color: rgb(221, 221, 221); } body:not(.raw) .topad .topad--image { border: 0px; } body:not(.raw) .topad .topad--close { position: absolute; top: 2px; right: 2px; cursor: pointer; font-size: 2vh; } body:not(.raw) .ss-tweets { --placeholder: ""; } @media screen and (max-width: 960px) { body:not(.raw) .ss-tweets { --placeholder: ""; } } body:not(.raw) .ss-upload-resources .el-upload-dragger .el-icon-upload { margin: 16px 0px 12px; } .ss-widget-customize .el-radio-group { display: inline-block; } .ss-widget-customize .el-radio, .ss-widget-customize .el-checkbox { display: block; margin-top: 0.5rem; } .ss-widget-customize .el-radio + .el-radio, .ss-widget-customize .el-checkbox + .el-checkbox { margin-left: 0px; } .ss-widget-customize .el-form-item__label { font-size: 20px; } .ss-widget-customize h1 i { font-style: italic; } .pseudo-iframe-header { height: 310px; width: 200px; } .pseudo-iframe-header-2h { height: 310px; width: 400px; } .pseudo-iframe-header-2v { height: 553px; width: 200px; } .pseudo-iframe { height: 244px; width: 200px; } .pseudo-iframe-2h { height: 224px; width: 400px; } .pseudo-iframe-2v { height: 487px; width: 200px; } .scistarter-widget { overflow: hidden; display: inline-block; box-sizing: border-box; text-align: left; line-height: 1.1; background-color: rgb(255, 255, 255); height: 100%; border: 1px solid rgb(187, 187, 187); border-radius: 10px; position: relative; } .scistarter-widget .box { overflow: hidden; padding: 10px 10px 0px; margin: 0px; } .scistarter-widget .box p.powered-by { text-align: right; font-family: Lora, serif; font-size: 0.65714em; color: rgb(243, 117, 62); position: absolute; bottom: 0px; right: 10px; } .scistarter-widget figure { margin: 5px 0px 10px; border: none; } .scistarter-widget figure img { display: block; max-width: 176px; max-height: 103px; height: auto; width: auto; margin: 0px auto; border: none; } .scistarter-widget figure .preview-image-backing { height: 103px; overflow: hidden; } .scistarter-widget p.tasks { color: rgb(144, 166, 29); letter-spacing: 0.5px; line-height: 1.2; font-size: 0.92em; } .scistarter-widget p.tasks a { color: rgb(144, 166, 29); text-decoration: none; background: url("") right center no-repeat; padding-right: 18px; } .scistarter-widget p.tasks a:hover { text-decoration: underline; background: url("") right center no-repeat; } .scistarter-no-tagline p.tagline { display: none; } .scistarter-widget p.tagline { display: block; background: rgb(37, 40, 79); color: rgb(255, 255, 255); padding: 10px 16px 8px; font-size: 1.2em; text-align: center; font-weight: 200; line-height: 1.2; letter-spacing: 1px; margin-bottom: 0px !important; } .scistarter-widget img { max-width: 100%; height: auto; } .ss-widget-test p { margin-bottom: 0px; } .scistarter-solo { width: 200px; } .scistarter-duo-horizontal .box { float: left; width: 199px; height: 100%; border-right: 1px solid rgb(187, 187, 187); } .scistarter-duo-horizontal .box:last-child { border-right: none; padding-right: 11px; width: 199px; } .scistarter-duo-vertical { overflow: hidden; width: 200px; padding-bottom: 3em; } .scistarter-widget.scistarter-duo-vertical { height: auto; } .scistarter-duo-vertical .box { border-bottom: 1px solid rgb(187, 187, 187); } .scistarter-duo-vertical .box:last-child { border-bottom: none; } .scistarter-widget form { margin-top: 5px; background-image: url(""); background-repeat: no-repeat; background-position: right top 5px; } .scistarter-widget form input[type="text"] { margin-bottom: 1em; width: 136px; } .scistarter-widget form input[type="text"]::-webkit-input-placeholder { font-weight: normal; letter-spacing: 1px; } .scistarter-widget form select { margin-bottom: 1em; width: 136px; border: 1px solid rgb(187, 187, 187); box-shadow: none; font-family: Nunito, sans-serif; font-weight: normal; padding: 3px; letter-spacing: 1px; } .scistarter-widget form input[type="checkbox"] { margin-right: 0.5em; border: 1px solid rgb(102, 102, 102); padding: 10px; margin-bottom: 3.2em; overflow: hidden; } .scistarter-widget form label { font-family: Nunito, sans-serif; font-size: 0.65714em; } .scistarter-widget form input[type="submit"] { float: right; background: rgb(144, 166, 29); border-radius: 10px; border: none; color: rgb(255, 255, 255); font-size: 0.92em; letter-spacing: 1px; padding: 0.3em 1em; text-align: center; margin: 0px; } .scistarter-widget form input[type="submit"]:hover { background: rgb(106, 123, 21); } .u-visuallyhidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } (cache)Profile - SciStarter

Andrey CRB Gorokhov

(Andrey CRB Gorokhov)

member since 2026

User interest, activities, places, and other information
Interests	none listed
Activities	none listed
Skills	none listed
Instruments	No instruments have been added
Lists	Space science
Certificates	No certificates yet
Badges

Projects

Disk Detective

New Particle Search at CERN

The Daily Minor Planet

Dark Energy Explorers

Cloudspotting On Mars

Exoasteroids

Reading Emotions

Saves

This user has not saved any projects.

The SciStarter Foundation is a 501c3 non profit entity whose mission is to increase public engagement in science to improve science and society. Donations are tax deductible.

Andrey CRB Gorokhov

Projects

Saves

Learn More

Connect